CSS सीखें और करें

अपने पहले selector से लेकर responsive layouts, animations और आधुनिक web design तक, CSS को step-by-step सीखें। CSS की एक लाइन टाइप करें और अपने फ़ोन पर पेज को बदलते देखें: editor आपका HTML और CSS साथ-साथ live preview के साथ दिखाता है।

यह CSS tutorial beginners के लिए बनाया गया है और आपके साथ आगे बढ़ता है। हर course एक वास्तविक topic पर है, हर lesson छोटा है, और editor हमेशा एक tap की दूरी पर है, ताकि आप केवल उसके बारे में पढ़ने के बजाय अभी पढ़ी हुई चीज़ का अभ्यास कर सकें।

अंदर क्या है

• 40 courses और 159 छोटे lessons, beginner (A1) से advanced (C1) तक

• तुरंत preview वाला live HTML और CSS editor, तेज़ प्रयोगों और अपने पेज के लिए

• 20 guided web design projects, एक-एक step करके: toolbar, card grid, sticky header, pulsing button और बहुत कुछ

• 20 bug-hunt missions: अपने column से 42px चौड़ा card, फ़ोन पर कभी सक्रिय न होने वाला media query, पेज के पीछे अटका हुआ modal

• अंतिम परीक्षा और completion certificate

• यह app 22 भाषाओं में उपलब्ध है

एक संपूर्ण राह, beginner से advanced तक

• Syntax और selectors, colors, backgrounds और typography

• Box model, display, positioning, units और values

• Pseudo-classes और pseudo-elements

• Flexbox की बुनियाद और advanced Flexbox

• Grid basics, grid areas और advanced grid layout

• Responsive design, media queries और container queries

• Custom properties (variables), functions, specificity, cascade और @layer

• Transitions, transforms, keyframe animation, filters और blend modes

• Dark mode और color schemes, scroll और overflow, clip-path और shapes

• DevTools से debugging, BEM architecture, Sass, PostCSS और design tokens

• Component patterns, modern layout patterns, performance और Houdini

ऐसा अभ्यास जो याद रहे

• आपने क्या सीखा, यह जाँचने के लिए quizzes

• Properties, selectors और layout syntax की 69 entries वाली cheat sheet

• स्पष्ट उत्तरों वाले 50 interview questions, front end या web developer interview से पहले उपयोगी

• छोटे examples की code library, जिन्हें आप खोल और edit कर सकते हैं

• अपना code, notes और favorite lessons सेव करें

• World Coding Challenge: हर दिन तीन global rounds, Python, JavaScript और अन्य languages में हल करें

• अपने अभ्यास को जारी रखने के लिए streaks, XP, leaderboard और daily reminders

AI MENTOR

• Layout या property पर अटक गए? किसी concept, error या अपने code के बारे में AI mentor से पूछें

• AI playground: किसी पेज का वर्णन करें और HTML व CSS को बनते देखें

• मुफ़्त users को रोज़ाना AI allowance मिलता है; Pro इसे unlimited बनाता है

किसके लिए है

• Web development में अपना पहला कदम रखने वाले complete beginners

• वे designers जो mockups hand off करने के बजाय अपने पेज को खुद style करना चाहते हैं

• वे students जो web design course के साथ अतिरिक्त अभ्यास चाहते हैं

• वे developers जिन्हें कुछ HTML और CSS आता है और जो अंततः Flexbox और Grid को समझना चाहते हैं

• Front end job की तैयारी करने वाले career switchers

मुफ़्त और Pro

पहला course, पहला guided project, दो missions और live editor मुफ़्त हैं, साथ में daily AI mentor allowance भी मिलता है। Pro हर course, सभी projects और missions, certificate exam और unlimited AI अनलॉक करता है और ads हटा देता है।

आज ही शुरू करें, अपनी गति से CSS सीखें और कुछ ही मिनटों में अपना पहला पेज style करें।