HTML Code Play: Learn HTML

कोड में बदलाव करके और उसके परिणाम देखकर वेब डेवलपमेंट सीखें। HTML कोड प्ले में HTML, CSS और JavaScript के पाठों के साथ-साथ एक मोबाइल कोड एडिटर, चलाने योग्य उदाहरण, क्विज़ और कोडिंग गेम भी शामिल हैं। इसका उपयोग किसी अवधारणा का अध्ययन करने, उसे स्वयं आज़माने और उसी डिवाइस पर अपनी सीखने की प्रक्रिया पर नज़र रखने के लिए करें।

पढ़ें, संपादित करें और चलाएँ

लर्निंग कैटलॉग देखें, एक ट्यूटोरियल खोलें और पूरे कोड उदाहरण के साथ उसकी व्याख्या पढ़ें। उदाहरण को एडिटर में भेजें, मूल कोड चलाएँ, फिर एक टैग, स्टाइल या एक्सप्रेशन बदलें और आउटपुट की तुलना करें। यह व्यावहारिक कार्यप्रणाली आपके द्वारा पढ़े गए सिंटैक्स को उससे बनने वाले पेज या व्यवहार से जोड़ती है।

कार्यक्षेत्र सिंटैक्स हाइलाइटिंग के साथ HTML, CSS और JavaScript संपादन का समर्थन करता है। प्रयोग करते समय अनडू और रीडू का उपयोग करें, टेक्स्ट खोजें, किसी पंक्ति पर जाएँ और एडिटर फ़ॉन्ट का आकार समायोजित करें। जब आपको कोई शुरुआती बिंदु चाहिए हो तो एक नया पेज शुरू करें या उपलब्ध टेम्पलेट चुनें। HTML फ़ाइलें खोलें, अपना काम सहेजें, दूसरी कॉपी के लिए सेव ऐज़ का उपयोग करें या अपने डिवाइस के शेयरिंग विकल्पों के माध्यम से कोड फ़ाइल साझा करें।

निर्देशित अधिगम और अभ्यास

इस कैटलॉग में वेब प्रौद्योगिकी के 11 विषय शामिल हैं, जिनमें पेज संरचना और स्टाइलिंग से लेकर स्क्रिप्टिंग, वेक्टर ग्राफिक्स, रिस्पॉन्सिव लेआउट और इंटरैक्टिव उदाहरण शामिल हैं। अपनी ज़रूरत की सामग्री तक पहुँचने के लिए शीर्षक या अनुभाग के अनुसार पाठ खोजें। केंद्रित पुनरावलोकन के लिए उपयोगी ट्यूटोरियल पिन करें, अपने स्वयं के पाठ नोट्स जोड़ें और पिछले और अगले नियंत्रणों का उपयोग करके ट्यूटोरियल के बीच आगे-पीछे जाएँ।

प्रत्येक ट्यूटोरियल में व्याख्या, सिंटैक्स और एक कार्यशील उदाहरण शामिल हैं। विषय प्रश्नोत्तरी या अभ्यास चुनौती के साथ आगे बढ़ें। अभ्यास अभ्यासों में आपको छूटे हुए कोड को पूरा करने के लिए कहा जाता है, जिसमें संकेत और उत्तर प्रतिक्रिया दी जाती है ताकि आप उन विवरणों की जाँच कर सकें जिन्हें आपने छोड़ दिया है। प्रश्नोत्तरी परिणाम आपको पाठ पर लौटने से पहले अपनी समझ की जाँच करने का एक तरीका प्रदान करते हैं।

अभ्यास के छह तरीके

एक अलग कौशल पर काम करने के लिए एक कोडिंग गेम चुनें:

- कोड बिल्डर: कार्यशील कोड को पुनः बनाने के लिए ब्लॉकों को पुनर्व्यवस्थित करें।

- आउटपुट डिटेक्टिव: अनुमान लगाएँ कि एक स्निपेट क्या उत्पन्न करता है।

बग हंट: एक त्रुटिपूर्ण पंक्ति की पहचान करें।

फिल द गैप: छूटे हुए कोड टोकन का चयन करें।

- मैच लैब: शब्दों को उनके अर्थों से जोड़ें।

- रैपिड फायर: टाइमर के साथ सही-गलत सवालों के जवाब दें।

गतिविधि स्तर परिणाम रिकॉर्ड करते हैं और अगले चरण को अनलॉक करते हैं। अपना स्कोर बेहतर करने के लिए उपलब्ध स्तरों को दोबारा खेलें, या उपलब्ध होते ही मिश्रित अभ्यास प्लेलिस्ट का उपयोग करें।

अपनी पढ़ाई को व्यवस्थित रखें

प्रगति स्क्रीन तकनीक के अनुसार समीक्षा किए गए पाठों, क्विज़ और अभ्यासों का सारांश दिखाती है। अपना कौशल मानचित्र और सुझाया गया अगला अध्ययन प्लान देखें, होम से पाठ जारी रखें और दैनिक चुनौती लें। स्ट्रीक्स और चैलेंज बैज आपकी गतिविधि को दृश्यमान बनाते हैं। वैकल्पिक लर्निंग रिमाइंडर के लिए नोटिफिकेशन अनुमति की आवश्यकता होती है और इन्हें बंद किया जा सकता है।

आपके पाठ की प्रगति, नोट्स और गेम के परिणाम डिवाइस पर संग्रहीत होते हैं। लर्निंग स्क्रीन नियंत्रणों में बड़े फ़ॉन्ट, उच्च कंट्रास्ट और कम गति शामिल हैं। अलग-अलग HTML, CSS और JavaScript मूल्यांकन इन-ऐप उपलब्धि प्रमाणपत्र प्रदान करते हैं; ये ऐप लर्निंग रिकॉर्ड हैं, मान्यता प्राप्त योग्यता नहीं।

ऑनलाइन सामुदायिक पोस्ट कनेक्ट होने पर खोजने के लिए कोड का एक और स्रोत प्रदान करते हैं। नेटवर्क-समर्थित सामग्री और बाहरी संसाधनों को लोड करने वाले उदाहरणों के लिए इंटरनेट एक्सेस की आवश्यकता होती है; स्थानीय प्रगति संग्रहण क्लाउड सिंक्रोनाइज़ेशन प्रदान नहीं करता है।

शुरुआती लोगों, छात्रों और फ्रंट-एंड अवधारणाओं को दोबारा समझने वाले शिक्षार्थियों के लिए, एक उदाहरण से शुरुआत करें, थोड़ा सा बदलाव करें और अभ्यास के माध्यम से समझ विकसित करें।