Block gallery
Every layout, one per slide
Arrow keys or swipe. Copy the markup out of this file's source.
كل الأشكال المتاحة، واحد في كل سلايد. انسخ الكود من الملف ده.
.pipe + .step
Pipeline — a flow, read across
1
Input
What goes in
You press 3 + 5
→
2
Processing
The work inside
It adds them
→
3
Output
What comes back
It shows 8
.timeline + .tl
Timeline — a sequence, read down
You write the code
In a text editor, and save it
The compiler translates it
Into zeros and ones
The processor runs it
And the screen shows the result
نفس فكرة الخطوات، بس رأسية — بتنفع لما الخطوات كتيرة أو طويلة.
.vs + .pane
Compare — two things, side by side
Programming
- You write the rule
- Follows it exactly
Artificial Intelligence
- It works out the rule
- Can be wrong
.scale
Scale — a spectrum, not two boxes
Use it when the answer is "somewhere between".
Follows rules you wrote
Programming Works the rules out itself
Artificial Intelligence
Programming Works the rules out itself
Artificial Intelligence
.statement
A computer does exactly what you tell it. Nothing more.
سلايد الجملة الواحدة — للنقطة اللي عايز تقف عندها.
.stats + .stat
Numbers — when the figure is the point
3stages in every task
10,000photos to teach a model "cat"
1missing semicolon stops it all
.check
Checklist — do this, not that
- Break the problem into small pieces
- Look things up — everyone does
- Memorise every command
- Type fast and hope
.quote
Quote — someone else's words
The computer is a bicycle for the mind.
Steve Jobs
.kit + .card
Cards — a small set of things
🔪
The counter
Text editor
Where you write it
🔥
The oven
Compiler
Turns it into machine code
🏠
The kitchen
IDE
All of it at once
table
Table — many rows, same shape
| Thing | Input | Output |
|---|---|---|
| ATM | Card and amount | Cash |
| Login | Name and password | Account opens |
.fields + .chip
Chips — a list with no order
Web مواقع
Mobile تطبيقات
AI ذكاء اصطناعي
Security أمن
Before you go
Test yourself
امسح الكود بكاميرا موبايلك.