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 List Functions โ€” Train Bogey Passenger List System

Jaise train me har bogey me passengers hote hain โ€” gino kitne hain (length), specific seat walaโ€ฆ

Overview
๐ŸŒŸ

๐Ÿš†๐Ÿ“‹ SASS List Functions โ€” Train Bogey Passenger List System โ€” Quick Facts

๐Ÿ“Œ

Function: Kaam

๐ŸŽฏ

`length($list)`: Passengers gino

โšก

`nth($list, $n)`: Seat #n wala nikalo

๐Ÿ”‘

`set-nth($list, $n, $val)`: Seat pe naya baithao

Topic 1
๐Ÿค–

๐Ÿ“Œ Pehle Samjho: Train Bogey Analogy ๐Ÿš†

๐Ÿค– `mermaid graph LR A["๐Ÿš† Bogey 1<br>$colors: red, green, blue"] --> B["length() = 3โ€ฆ
Topic 2
๐Ÿง  ๐Ÿ“Š ๐Ÿ”ฌ

๐Ÿ“Œ Lists Kya Hain? โ€” Bogey Types โญ

๐Ÿง  `scss // โ•โ•โ• SPACE-SEPARATED LIST โ€” Seats side by side โ•โ•โ• $padding: 10px 20px 30px 40px;โ€ฆ
Topic 3
๐Ÿ”’

๐Ÿ“Œ All List Functions โ€” Ticket Checker Toolkit โญ

๐Ÿ’ก | Function | Kaam | Example | Result | |----------|------|---------|--------| |โ€ฆ
Topic 4
๐Ÿ“ฅ โš™๏ธ ๐Ÿ”ฌ ๐Ÿ’ก

๐Ÿ“Œ length() โ€” Passengers Gino โญ

โšก ๐Ÿš† Analogy: Ticket checker bogey me passengers count karta hai! `scss $colors: red, green,โ€ฆ
Topic 5
๐Ÿ“ฅ ๐Ÿ“ฅ ๐Ÿง  ๐Ÿ”ฌ ๐Ÿ’ก ๐ŸŽฏ

๐Ÿ“Œ nth() โ€” Specific Seat Wala Nikalo โญโญ

๐ŸŽฏ ๐Ÿš† Analogy: "Seat #2 pe kon baitha hai?" โ†’ nth($list, 2)! `scss $colors: red, green, blue,โ€ฆ
Topic 6
๐Ÿ”ฎ ๐Ÿ“Š ๐Ÿ”ฌ

๐Ÿ“Œ set-nth() โ€” Seat Pe Naya Passenger โญ

๐Ÿ”ฎ ๐Ÿš† Analogy: "Seat #2 pe green ki jagah purple baithao" โ€” lekin naya bogey banta hai,โ€ฆ
Topic 7
๐Ÿ”’

๐Ÿ“Œ join() โ€” Do Bogeys Jod Do โญ

๐ŸŒ ๐Ÿš† Analogy: Do bogeys connect karke ek lambi train banao! `scss $a: 1px 2px; $b: 3px 4px;โ€ฆ
Topic 8
๐Ÿ“Š

๐Ÿ“Œ append() โ€” End Me Naya Passenger โญโญ

๐Ÿ“Š ๐Ÿš† Analogy: Train ke last bogey me naya passenger add karo! `scss $colors: red, green;โ€ฆ
Topic 9
๐Ÿค–

๐Ÿ“Œ index() โ€” Seat Number Dhundho โญ

๐Ÿค– ๐Ÿš† Analogy: "Green ki seat number kya hai?" โ†’ index() se position! `scss $colors: red,โ€ฆ
Topic 10
๐Ÿง  ๐Ÿ“Š ๐Ÿ”ฌ

๐Ÿ“Œ zip() โ€” Parallel Bogeys Merge โญ

๐Ÿง  ๐Ÿš† Analogy: Do parallel trains ke passengers ko pair karo โ€” Train A ka #1 + Train B ka #1โ€ฆ
Topic 11
๐Ÿ”’

๐Ÿ“Œ @each Loop โ€” Bogey Traverse โญโญ

๐Ÿ’ก `scss // โ•โ•โ• BUTTON GENERATOR โ•โ•โ• $buttons: ( (primary, #3B82F6, white), (secondary,โ€ฆ
Topic 12
โšก

๐Ÿ“Œ Custom List Helpers โญโญ

โšก `scss // โ•โ•โ• REMOVE โ€” Passenger Utaro โ•โ•โ• @function list-remove($list, $value) { $result:โ€ฆ
Topic 13
๐Ÿ“ฅ ๐Ÿ“ฅ ๐Ÿง  ๐Ÿ”ฌ ๐Ÿ’ก ๐ŸŽฏ

๐Ÿ“Œ Common Mistakes โ€” Ticket Errors! ๐Ÿšจ

๐ŸŽฏ | # | โŒ Galat (Error) | โœ… Sahi (Correct) | ๐Ÿ’ก Kyun? |โ€ฆ
Topic 14
๐Ÿ”ฎ ๐Ÿ“Š ๐Ÿ”ฌ

๐ŸŽฏ Practice Exercises โ€” Bogey Workshop! ๐Ÿ‹๏ธ

๐Ÿ”ฎ Exercise 1: Basic List Operations (Beginner) ๐ŸŸข `scss // โœ… Solution $fruits: apple,โ€ฆ
Topic 15
๐Ÿ”’

๐Ÿ“‹ Summary Table

๐ŸŒ | Function | Kaam | Train Analogy | |----------|------|---------------| | length() |โ€ฆ
Topic 16
๐Ÿ“Š

๐Ÿ”— Navigation

๐Ÿ“Š โฌ…๏ธ Previous: SASS Numeric Functions | โžก๏ธ Next: SASS Map Functions
Diagram
๐Ÿ“ฅ โš™๏ธ ๐Ÿ”ฌ ๐Ÿ’ก

Visual Flow

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

Quiz โ€” Question 1

๐Ÿš†๐Ÿ“‹ SASS List Functions โ€” Train Bogey Passenger List System ka sabse sahi definition kya hai?

Quick Quiz
๐Ÿง  QUIZ TIME

Quiz โ€” Question 2

๐Ÿš†๐Ÿ“‹ SASS List Functions โ€” Train Bogey Passenger List System ka 'length($list)' kya hai?

Complete! ๐ŸŽ‰
COMPLETE

๐Ÿš†๐Ÿ“‹ SASS List Functions โ€” Train Bogey Passenger List System Complete!

Aliens School ยท HIEN ยท Cinematic Knowledge

โœ…

๐Ÿš†๐Ÿ“‹ SASS List Functions โ€” Train Bogey Passenger List System Complete

1/22
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