Aliens School
Cinematic Knowledge Experience
0%
Aliens School
Now Playing
Aliens School ยท HIEN
โŒจ๏ธ Keyboard Shortcuts
โ†’Next slide โ†Previous slide SpacePlay / Pause MNarration on/off FFullscreen ?Show/hide this
Press any key to close
Skill Topic ยท Cinematic

๐ŸŒณ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ SASS Nesting โ€” Family Tree Dynasty System

Jaise family tree me grandparent ke andar parent, parent ke andar child, child ke andar grandchildโ€ฆ

Overview
๐ŸŒŸ

๐ŸŒณ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ SASS Nesting โ€” Family Tree Dynasty System โ€” Quick Facts

๐Ÿ“Œ

"Compile": C

Topic 1
๐Ÿ“ฅ ๐Ÿ“ฅ ๐Ÿง  ๐Ÿ”ฌ ๐Ÿ’ก ๐ŸŽฏ

๐Ÿ“Œ Pehle Samjho: Family Tree Analogy ๐ŸŒณ

๐Ÿ“š `mermaid graph TD A["๐ŸŒณ SASS Nesting<br>(Family Tree)"] --> B["๐Ÿ‘ด nav<br>(Grandparent)"] Bโ€ฆ
Topic 2
๐Ÿ’ก ๐Ÿ“Š ๐Ÿ”ฌ

๐Ÿ“Œ Basic Nesting โ€” Family Hierarchy โญ

๐Ÿ’ก ๐ŸŒณ Analogy: Jaise family tree me har member apne parent ke "andar" hota hai, waise SCSS meโ€ฆ
Topic 3
๐Ÿ”’

๐Ÿ“Œ Parent Selector & โ€” Surname System โญโญ

๐ŸŽฏ ๐ŸŒณ Analogy: & = apna parent ka surname use karo! Jaise "Sharma ji ka beta" โ€” & parentโ€ฆ
Topic 4
โญ

๐Ÿ“Œ BEM Naming with & โ€” Royal Title System โญโญ

โญ ๐ŸŒณ Analogy: BEM = royal title system. Block = family name (.card), Element = roleโ€ฆ
Topic 5
๐Ÿ“ฅ ๐Ÿ“ฅ ๐Ÿง  ๐Ÿ”ฌ ๐Ÿ’ก ๐ŸŽฏ

๐Ÿ“Œ Nested Properties โ€” Shared Surname โญ

๐Ÿ”‘ ๐ŸŒณ Analogy: Jaise family me shared surname hota hai โ€” "Sharma" ke baad "first name" lagtaโ€ฆ
Topic 6
โœจ ๐Ÿ“Š ๐Ÿ”ฌ

๐Ÿ“Œ @at-root โ€” Family Se Alag Ho Jao

โœจ ๐ŸŒณ Analogy: @at-root = family se independent ho jao! Nested hone ke baawajood, compileโ€ฆ
Topic 7
๐ŸŒŸ

๐Ÿ“Œ Media Queries Nesting โ€” Family in Different Cities โญ

๐ŸŒŸ ๐ŸŒณ Analogy: Jaise family alag cities me alag behave karti hai โ€” Delhi me formal, Goa meโ€ฆ
Topic 8
๐Ÿš€

๐Ÿ“Œ Nesting Best Practices โ€” Family Rules โญโญ

๐Ÿš€ ๐ŸŒณ Analogy: Jaise family tree me bahut zyada generations deep jaana complex ho jaata hai,โ€ฆ
Topic 9
๐Ÿ“ฅ ๐Ÿ“ฅ ๐Ÿง  ๐Ÿ”ฌ ๐Ÿ’ก ๐ŸŽฏ

๐Ÿ“Œ Common Mistakes โ€” Family Feuds! ๐Ÿšจ

๐Ÿ“š | # | โŒ Galat (Fight) | โœ… Sahi (Harmony) | ๐Ÿ’ก Kyun? |โ€ฆ
Topic 10
๐Ÿ’ก ๐Ÿ“Š ๐Ÿ”ฌ

๐ŸŽฏ Practice Exercises โ€” Family Training! ๐Ÿ‹๏ธ

๐Ÿ’ก Exercise 1: Basic Navigation (Beginner) ๐ŸŸข Mission: Nested SCSS se navigation bar styleโ€ฆ
Topic 11
๐Ÿ”’

๐Ÿ“‹ Summary Table

๐ŸŽฏ | Concept | Syntax | Family Analogy | |---------|--------|----------------| | Basicโ€ฆ
Topic 12
โญ

๐Ÿ”— Navigation

โญ โฌ…๏ธ Previous: SASS Variables | โžก๏ธ Next: SASS @import and Partials
Diagram
๐Ÿ“ฅ โš™๏ธ ๐Ÿ”ฌ ๐Ÿ’ก

Visual Flow

๐Ÿ“Š Diagram visualization โ€” details in narration
Diagram
๐Ÿ“ฅ โš™๏ธ ๐Ÿ”ฌ ๐Ÿ’ก

Visual Flow

๐Ÿ“Š Diagram visualization โ€” details in narration
Quick Quiz
๐Ÿง  QUIZ TIME

Quiz โ€” Question 1

๐ŸŒณ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ SASS Nesting โ€” Family Tree Dynasty System ka sabse sahi definition kya hai?

Complete! ๐ŸŽ‰
COMPLETE

๐ŸŒณ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ SASS Nesting โ€” Family Tree Dynasty System Complete!

Aliens School ยท HIEN ยท Cinematic Knowledge

โœ…

๐ŸŒณ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ SASS Nesting โ€” Family Tree Dynasty System Complete

1/18
0:00
REC 00:00ESC=Cancel
Aliens School
3
Recording shuru hone wali hai...
โœ…
Recording Complete
Video process ho rahi hai...
Live Class
Slide 1 / 7
Timer
00:00
๐Ÿ“ Speaker Notes
โ€”
โญ๏ธ Up Next
โ€”
โ€”
๐Ÿ—‚๏ธ All Slides