फ्रंटएंड डेवलपमेंट सीखें

वेब डेवलपर वास्तव में जिस तरह काम करते हैं, उसी तरह फ्रंटएंड वेब डेवलपमेंट सीखें: HTML, CSS और JavaScript को पहले पाठ से ही एक ही पेज पर साथ-साथ सीखें। JavaScript की एक लाइन बदलें और अपने फ़ोन पर पेज को अपडेट होते देखें—HTML, CSS और JS पैन एक-दूसरे के बगल में और उनके नीचे लाइव प्रीव्यू।

शुरुआती लोगों के लिए एक संपूर्ण फ्रंटएंड कोर्स, जो बुनियादी बातों के बाद भी आगे बढ़ता है: आपके पहले टैग से लेकर TypeScript, React, Vue, टेस्टिंग, परफ़ॉर्मेंस और फ्रंटएंड आर्किटेक्चर तक।

अंदर क्या है

• शुरुआती (A1) से वरिष्ठ स्तर (C2) तक 41 कोर्स और 163 छोटे पाठ

• HTML, CSS और JavaScript पैन वाला लाइव कोड एडिटर और तुरंत दिखने वाला प्रीव्यू

• HTML, React, Vue, Angular, Node या TypeScript टेम्पलेट से नए प्रोजेक्ट

• 20 गाइडेड प्रोजेक्ट, चरण-दर-चरण: रेसिपी पेज, कॉन्टैक्ट फ़ॉर्म, कार्ड ग्रिड, नेवबार, डेटा टेबल और बहुत कुछ

• असली फ्रंटएंड बग पर आधारित 15 डिबगिंग मिशन: 375px पर टूटने वाला लेआउट, आपके LCP को ख़राब करने वाली इमेज, ऐसा फ़ॉर्म जिसमें कोई टैब के ज़रिए आगे नहीं बढ़ सकता, किसी कंपोनेंट में मेमोरी लीक, ऐसा टेस्ट जो लोकली पास होता है लेकिन CI में फ़ेल हो जाता है

• अंतिम परीक्षा और कोर्स पूरा करने का प्रमाणपत्र

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

एक ही राह, शुरुआती से वरिष्ठ तक

• वेब कैसे काम करता है, HTML की बुनियादी बातें, फ़ॉर्म और सिमेंटिक मार्कअप

• CSS की बुनियादी बातें, वेरिएबल, ट्रांज़िशन और ऐनिमेशन, flexbox और grid के साथ लेआउट

• हर स्क्रीन आकार के लिए रिस्पॉन्सिव डिज़ाइन

• JavaScript की ज़रूरी बातें, ऐरे और ऑब्जेक्ट, ES6+, DOM और ब्राउज़र API, async प्रोग्रामिंग

• डेवलपर टूल, Git और टीम वर्कफ़्लो, मॉड्यूल और बिल्ड टूल

• पहले टाइप से लेकर उन्नत पैटर्न तक TypeScript

• React की बुनियादी बातें, useEffect और डेटा फ़ेचिंग, उन्नत हुक्स और पैटर्न

• Vue 3 की बुनियादी बातें, Composition API और उन्नत Vue पैटर्न

• स्टेट मैनेजमेंट, REST, WebSockets और रियल-टाइम UI के साथ API इंटीग्रेशन

• Next.js और Nuxt 3 के साथ सर्वर-साइड रेंडरिंग, प्रोग्रेसिव वेब ऐप्स (PWA)

• एक्सेसिबिलिटी, टेस्टिंग, परफ़ॉर्मेंस और सिक्योरिटी

• CSS आर्किटेक्चर, डिज़ाइन सिस्टम, CI/CD और आधुनिक टूलिंग

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

• आपने जो सीखा है उसे पक्का करने के लिए क्विज़ और रिव्यू सेशन

• सिंटैक्स और पैटर्न की 83 प्रविष्टियों वाली चीट शीट

• उत्तरों सहित 50 इंटरव्यू प्रश्न, फ्रंटएंड डेवलपर या वेब डेवलपर इंटरव्यू से पहले उपयोगी

• छोटे उदाहरणों की कोड लाइब्रेरी, जिन्हें आप खोलकर एडिट कर सकते हैं

• अपना कोड, नोट्स और पसंदीदा पाठ सेव करें

• कोडिंग चैलेंज: किसी दोस्त को कोड के ज़रिए आमंत्रित करें या किसी रैंडम प्रतिद्वंद्वी से मैच हों

• World Coding Challenge: हर दिन तीन ग्लोबल राउंड, जिन्हें JavaScript, Python और अन्य भाषाओं में हल करें

• स्ट्रीक्स, XP, लीडरबोर्ड और दैनिक रिमाइंडर

AI मेंटर

• किसी बग या कॉन्सेप्ट पर अटक गए? किसी एरर, पाठ या अपने कोड के बारे में AI मेंटर से पूछें

• AI प्लेग्राउंड: किसी पेज का विवरण दें और कोड को लिखते हुए देखें

• मुफ़्त उपयोगकर्ताओं को हर दिन 3 AI प्रश्न मिलते हैं; Pro में यह असीमित हो जाता है

मुफ़्त और Pro

पहला कोर्स, पहला गाइडेड प्रोजेक्ट, दो डिबगिंग मिशन और कोड एडिटर मुफ़्त हैं, साथ में हर दिन 3 AI मेंटर प्रश्न मिलते हैं। मुफ़्त संस्करण में विज्ञापन दिखाई देते हैं। Pro सभी कोर्स, सभी प्रोजेक्ट और मिशन, प्रमाणपत्र परीक्षा और असीमित AI अनलॉक करता है और विज्ञापन हटा देता है।

आज ही शुरुआत करें और कुछ ही मिनटों में अपना पहला पेज बनाएं।