يجب ان تكون قد انهيت كورس
HTML Deep Dive
سيتم تنزيل الدروس تدريجيا بشكل شبه يومي بعد تاريخ 15-04- 2025
محتوى الكورس
About
Available in
days
days
after you enroll
What is CSS and Why? 🚀🎨
Available in
days
days
after you enroll
Setup Environment
Available in
days
days
after you enroll
Types of CSS Styling 🚀🎨
Available in
days
days
after you enroll
Inline CSS 🚀🎨
Available in
days
days
after you enroll
Internal (Embedded) CSS 📚🎨
Available in
days
days
after you enroll
External CSS 🌐🧰
Available in
days
days
after you enroll
CSS Syntax, Selectors, Properties, and Values 🎯💻
Available in
days
days
after you enroll
Specificity in CSS 🏆🎨
Available in
days
days
after you enroll
The Cascade in CSS 🔄🎨
Available in
days
days
after you enroll
Inheritance in CSS – 👨👩👧✨
Available in
days
days
after you enroll
CSS Comments 📝✨
Available in
days
days
after you enroll
CSS Colors 🎨🎨
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
CSS Background-Color 🎨✨
Available in
days
days
after you enroll
CSS Background Image 🖼️✨
Available in
days
days
after you enroll
CSS Background Shorthand 🎨🖼️
Available in
days
days
after you enroll
CSS Borders 🖼️🔲
Available in
days
days
after you enroll
CSS Margins 📏✨
Available in
days
days
after you enroll
CSS Padding 📏🛋️
Available in
days
days
after you enroll
Inspecting Elements Using DevTools 🕵️♀️🔧
Available in
days
days
after you enroll
CSS Units – Pixels, Percentages, Ems, Rems, and Beyond 📏🔢
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
CSS Fonts 🎨🔤
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 🖋️
CSS Height, Width, and Max-Width 📏🔍
Available in
days
days
after you enroll
CSS Outline 🖍️
Available in
days
days
after you enroll
CSS Box Model 📦🔍
Available in
days
days
after you enroll
CSS Layout – The position Property 📐
Available in
days
days
after you enroll
CSS Display: block, inline, and inline-block 🖥️📏
Available in
days
days
after you enroll
CSS Hiding Techniques: display: none vs. visibility: hidden
Available in
days
days
after you enroll
CSS Layout -Display – Flexbox Fundamentals 🧩📐
Available in
days
days
after you enroll
Media Query 📱🔍
Available in
days
days
after you enroll
CSS Layout -Display – Grid Fundamentals 🧩📐
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)
Misc - Layout
Available in
days
days
after you enroll
- Layout – The z-index Property 🗂️↕️ (4:14)
- ❓Quiz 1
- Layout – The overflow Property 🌊📦 (7:20)
- ❓Quiz 2
- Layout – float and clear 🏊♂️🚧 (7:24)
- ❓Quiz 3
- Multi-Column Layout – Creating Multiple Columns 📰 (7:29)
- ❓Quiz 4
- CSS Pseudo-Elements ::before & ::after ✨📐 (6:49)
- ❓Quiz 5
- CSS Tooltips 🛠️✨ (7:38)
- ❓Quiz 6
- CSS Gradients 🌈✨ (10:35)
- ❓Quiz 7
- CSS Shadow Effects 🌑✨ (13:36)
- Shadow Practice Activities 🛠️
- Shadow Practice Activities Solutions 🛠️
- ❓Quiz 8
- CSS Opacity / Transparency 🎨🔍 (5:19)
- ❓Quiz 9
Transforms
Available in
days
days
after you enroll
Transition
Available in
days
days
after you enroll
Animation
Available in
days
days
after you enroll
