DeveloperBreeze

Cheatsheet Content for Developers

Discover 38+ cheatsheet posts including tutorials, cheatsheets, guides, and real-world examples. Empower your development journey with practical insights, expert tips, and constantly updated resources on DeveloperBreeze.

Cheatsheet

مُلزَمة شاملة لقوانين الإلكترونيات الأساسية (Cheatsheet)

في الرنين: <span class="katex"> X_L = X_C </span> → <span class="katex"> Z = R </span> (أقل مقاومة في التوالي)

  • زينر: انهيار عكسي مُتحكم به لتثبيت الجهد.

Nov 11, 2025
Read More
Cheatsheet

ملخص شامل لقوانين الإلكترونيات: دليل كامل للرموز والمعادلات الأساسية

العلاقة بين التيار:

وضع التشبع:

Nov 11, 2025
Read More
Cheatsheet

قائمة القوانين الأساسية في الإلكترونيات: دليل شامل وسريع للمهندسين والهواة

  • فلتر منخفض: يمرر الترددات الضعيفة
  • فلتر عالي: يمرر الترددات العالية
  • 1 kΩ = 1000 Ω
  • 1 MΩ = 1,000,000 Ω
  • 1 µF = 0.000001 F
  • 1 nF = 0.000000001 F
  • 1 MHz = 1,000,000 Hz

Nov 11, 2025
Read More
Cheatsheet

ShadCN Cheatsheet 

npm install --save-dev @testing-library/react @testing-library/jest-dom
components/

 ui/           # All ShadCN UI components
    button.tsx
    card.tsx
    ...
 shared/       # Your own custom UI components
 layout/       # Layout wrappers

Apr 12, 2025
Read More
Cheatsheet
css html

Grids Cheatsheet 

<!-- Basic grid -->
<div class="grid">

<!-- Column configurations -->
<div class="grid grid-cols-3">                    <!-- 3 equal columns -->
<div class="grid grid-cols-none">                 <!-- No columns -->
<div class="grid grid-cols-[200px_1fr_200px]">    <!-- Custom columns -->

<!-- Row configurations -->
<div class="grid grid-rows-3">                    <!-- 3 equal rows -->
<div class="grid grid-rows-[200px_1fr_100px]">    <!-- Custom rows -->

<!-- Gaps -->
<div class="gap-4">                               <!-- Both row and column gap -->
<div class="gap-x-4">                             <!-- Column gap only -->
<div class="gap-y-4">                             <!-- Row gap only -->

<!-- Auto flow -->
<div class="grid-flow-row">
<div class="grid-flow-col">
<div class="grid-flow-dense">

<!-- Alignment -->
<div class="justify-items-start">
<div class="justify-items-center">
<div class="items-center">                        <!-- Vertical alignment -->
<!-- Column span -->
<div class="col-span-2">                          <!-- Span 2 columns -->
<div class="col-start-2">                         <!-- Start at column 2 -->
<div class="col-end-4">                           <!-- End at column 4 -->

<!-- Row span -->
<div class="row-span-2">                          <!-- Span 2 rows -->
<div class="row-start-2">                         <!-- Start at row 2 -->
<div class="row-end-4">                           <!-- End at row 4 -->

<!-- Individual alignment -->
<div class="justify-self-start">
<div class="justify-self-center">
<div class="self-center">                         <!-- Vertical self-alignment -->

Jan 14, 2025
Read More