

يجب ان تكون قد انهيت كورس
HTML Deep Dive

سيتم تنزيل الدروس تدريجيا بشكل شبه يومي بعد تاريخ 15-04- 2025

محتوى الكورس
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
- CSS Color Names – A Built-In Palette for Web Designers 🎨✨ (8:25)
- Color Names - 140 Standard Colors 🎨
- ❓Quiz 1
- CSS RGB Colors – Creating Custom Hues with Red, Green, and Blue 🎨🔴🟢🔵 (3:59)
- ❓Quiz 2
- CSS HEX Colors – Mastering the Hexadecimal Palette 🔢🎨 (4:45)
- ❓Quiz 3
- CSS HSL Colors – Exploring Hue, Saturation, and Lightness 🎨🌈 (6:04)
- ❓Quiz 4
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
- Introduction about: CSS Units 📏🔢
- 1️⃣ Absolute Units (10:07)
- Another Absolute Units: The pt Unit in CSS – Designing for Print and Precision 📄✒️
- ❓ Quiz 1
- 2️⃣ Relative Units
- Relative Units - 📏 Percentage (%) (14:10)
- ❓ Quiz 2
- Relative Units - 📏 em (17:35)
- ❓Quiz 3
- Relative Units - 📏 rem (6:26)
- ❓ Quiz 4
- Relative - Viewport Units - 📏 vw (Viewport Width) & vh (Viewport Height) (13:26)
- ❓ Quiz 5
- Relative - Viewport Units -📏 vmin & vmax (Viewport Minimum & Maximum Units) (11:15)
- ❓ Quiz 6
- Relative Units - 📏 ch (Character Width) (5:07)
- ❓ Quiz 7
- Relative Units - 📏 ex (x-height) (4:32)
- ❓ Quiz 8
- 📊 CSS Units Comparison Table - When to Use Which?
- 🎯 Practice: Build a Responsive "Unit Showcase" Page
- 🎯 Practice - Solutions
Available in
days
days
after you enroll
- 1️⃣ font-family 🏷️ (15:43)
- 2️⃣ font-style 🎭 (2:30)
- 3️⃣ font-size 🔠 (2:42)
- 4️⃣ font-weight 💪 (5:18)
- 5️⃣ line-height ↕️ (4:13)
- 6️⃣ font-stretch ↔️ (3:55)
- 7️⃣ font-variant 🔡 (8:08)
- 8️⃣ Google Fonts 🌐 (17:23)
- 9️⃣ @font-face 🌐 – Self-Hosting Custom & Web Fonts (12:57)
- Which is faster using @font-face or link?
- 🔟font Shorthand 🖋️
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
- CSS Grid Layout 🧩📐
- ❓Quiz
- Fixed Grid Example (9:29)
- ❓Quiz 2
- Responsive Grids with fr Units (7:05)
- ❓Quiz 3
- Repeat Notation (2:20)
- ❓Quiz 4
- Responsive Grid with auto-fit & minmax() (3:49)
- ❓Quiz 5
- Placing Grid Items By Line Numbers (13:25)
- ❓ Quiz 6
- Aligning Grid Items with justify-items & align-items (5:02)
- Aligning Items with Place Items
- ❓ Quiz 7
- Aligning Tracks with justify-content & align-content (7:07)
- The place-content Shorthand
- ❓Quiz 8
- justify-self, align-self & place-self
- ❓Quiz 9
- Side-by-side comparison of the six alignment properties
- CSS Grid Implicit Tracks : grid-auto-rows & grid-auto-columns 📐 (5:14)
- ❓Quiz 10
- Controlling Item Placement with grid-auto-flow 📐🔄 (7:30)
- ❓Quiz 11
- CSS Grid Areas – Name Your Layout Like a Map 🗺️🧩 (11:48)
- ❓Quiz 12
- Practical Examples (Self Understand)


