CSS Fundamentals: Layout, Flexbox, Grid और Responsive Design

Selectors और box model से Flexbox, Grid, animations और modern features तक CSS सीखें। असली web pages style करने वाले beginners के लिए।

कोर्स शुरू करें →

आप क्या सीखेंगे

  • selectors लिख सकेंगे और cascade व specificity समझ सकेंगे।
  • layouts बनाने के लिए box model, positioning, Flexbox और Grid लागू कर सकेंगे।
  • colours, typography, backgrounds और shadows style कर सकेंगे।
  • media queries, fluid images और container queries से pages responsive बना सकेंगे।
  • transitions और animations जोड़ सकेंगे, custom properties उपयोग कर सकेंगे और BEM व layers से CSS व्यवस्थित कर सकेंगे।

पाठ्यक्रम

मॉड्यूल 1: शुरुआत करें

  1. सीएसएस क्या है?
  2. सीएसएस सिंटैक्स

मॉड्यूल 2: सेलेक्टर्स

  1. बेसिक सेलेक्टर्स
  2. कॉम्बिनेटर्स
  3. स्यूडो-क्लास और स्यूडो-एलिमेंट

मॉड्यूल 3: बॉक्स मॉडल

  1. बॉक्स मॉडल
  2. Display और Box Sizing

मॉड्यूल 4: पोज़िशनिंग और लेआउट

  1. position प्रॉपर्टी
  2. Float और Z-Index

मॉड्यूल 5: फ्लेक्सबॉक्स

  1. फ्लेक्स कंटेनर
  2. फ्लेक्स आइटम्स
  3. आम फ्लेक्स पैटर्न

मॉड्यूल 6: ग्रिड

  1. ग्रिड बेसिक्स
  2. आम ग्रिड पैटर्न

मॉड्यूल 7: विज़ुअल स्टाइलिंग

  1. रंग और यूनिट्स
  2. टाइपोग्राफी
  3. बैकग्राउंड, बॉर्डर और शैडो

मॉड्यूल 8: रिस्पॉन्सिव डिज़ाइन

  1. मीडिया क्वेरी और मोबाइल-फर्स्ट
  2. रिस्पॉन्सिव इमेज

मॉड्यूल 9: मोशन

  1. ट्रांज़िशन और ट्रांसफॉर्म
  2. कीफ्रेम एनिमेशन

मॉड्यूल 10: कास्केड

  1. स्पेसिफिसिटी
  2. इनहेरिटेंस और कास्केड
  3. सीएसएस कस्टम प्रॉपर्टी (वेरिएबल्स)
  4. Cascade Layers और Container Queries

मॉड्यूल 11: आर्किटेक्चर और टूलिंग

  1. BEM नामकरण परंपरा
  2. एक नज़र में Sass/SCSS
  3. आधुनिक Selectors और Native Nesting

मॉड्यूल 12: आम पैटर्न

  1. सेंटरिंग तकनीकें
  2. स्टिकी फुटर और कार्ड लेआउट