जावास्क्रिप्ट ऑनलाइन पाठ्यक्रम। वेब इंटरफेस का व्यावसायिक विकास - HTML अकादमी से निःशुल्क पाठ्यक्रम, प्रशिक्षण 9 सप्ताह, दिनांक 15 अक्टूबर, 2023।
अनेक वस्तुओं का संग्रह / / December 04, 2023
पाठ्यक्रम पेशेवर क्यों है?
इस पाठ्यक्रम में आप सीखेंगे कि वास्तविक परियोजनाएं कैसे बनाई जाती हैं, जिनकी जटिलता उद्योग के समान स्तर की होती है। और आप उन्हें सही ढंग से करेंगे, ताकि प्रशिक्षण के बाद आप उच्च-स्तरीय परिणाम दे सकें जिसके लिए कंपनियां भुगतान करने को तैयार हैं।
प्रशिक्षण के दौरान क्या अपेक्षा करें
ज़िंदगियाँ
लाइव प्रसारण जिसमें शिक्षक सिद्धांत और व्यवहार से जटिल मुद्दों का विश्लेषण करते हैं। वे 19 से 21 मास्को समय तक होते हैं, पंजीकरण अगले दिन उपलब्ध होता है।
अभ्यास
व्याख्यान के बाद, आप होमवर्क करते हैं जिसमें आप अपने प्रोजेक्ट पर काम करते हैं और पाठ्यक्रम सामग्री को सुदृढ़ करते हैं।
को़ड समीक्षा
मेंटर असाइनमेंट की गुणवत्ता की जाँच करेगा और बेहतर करने के तरीके पर अपना अनुभव साझा करेगा।
धारा 1 जावास्क्रिप्ट का परिचय
आइए देखें कि पाठ्यक्रम कैसे काम करता है, आपको किन उपकरणों की आवश्यकता होगी और उन्हें कैसे स्थापित करें। आइए देखें कि ईसीएमएस्क्रिप्ट विनिर्देश और ब्राउज़र सहित जावास्क्रिप्ट भाषा क्या है।
कोर्स कैसे काम करता है? संगठनात्मक मामले.
पाठ्यक्रम पर कार्य की योजना.
परियोजनाओं की समीक्षा.
गुणवत्ता मानदंड.
जावास्क्रिप्ट भाषा
ईसीएमएस्क्रिप्ट विशिष्टता।
ब्राउज़र जावास्क्रिप्ट क्या देता है?
जावास्क्रिप्ट मूल बातें।
मूल वाक्यविन्यास: कोष्ठक, घुंघराले ब्रेसिज़, ऑपरेटर, आरक्षित शब्द, टिप्पणियाँ।
बुनियादी निर्माण खंड चर और कार्य हैं।
आदिम और जटिल डेटा प्रकार.
औजार।
कोड संपादक.
लिंटर।
विकास सर्वर.
धारा 2 बुनियादी जावास्क्रिप्ट सुविधाएँ
आइए जावास्क्रिप्ट की बुनियादी संरचनाओं, विशेषकर फ़ंक्शंस का अध्ययन शुरू करें। आइए वेरिएबल घोषित करने की बारीकियों पर नजर डालें। आइए डेवलपर टूल से परिचित हों।
चर।
दृश्यता क्षेत्र.
सशर्त बयान।
टर्नरी ऑपरेटर.
बहुविकल्पी ऑपरेटर स्विच.
चक्र.
ढालना।
कार्य.
तीर कार्य करता है.
डिफ़ॉल्ट फ़ंक्शन पैरामीटर.
बाकी-पैरामीटर।
चर और कार्यों का उत्थापन।
DevTools (डेवलपर टूल) का परिचय।
धारा 3 वस्तुएँ और सारणियाँ
लाइव के बिना अनुभाग
आप जटिल डेटा प्रकारों से परिचित हो जाएंगे: सरणियाँ और ऑब्जेक्ट। उन्हें बनाना और प्रबंधित करना सीखें.
जटिल डेटा प्रकार.
सारणियाँ।
बुनियादी सरणी विधियाँ।
वस्तुएँ।
कॉलबैक (कॉलबैक फ़ंक्शंस)।
धारा 4 अंतर्निर्मित वस्तुएँ और कार्य
आइए उन वस्तुओं और कार्यों को देखें जो जावास्क्रिप्ट भाषा में ही मौजूद हैं। आइए इसके निष्पादन संदर्भ पर बात करें। आइए डेवलपर टूल कंसोल में कोड को चलाएं और डीबग करें।
विध्वंसक।
वाक्यविन्यास फैलाओ।
अंतर्निहित वस्तुएं और उनकी विधियां।
डोरी।
संख्या।
बूलियन.
तारीख।
गणित।
संचालक नया.
जावास्क्रिप्ट अंतर्निहित फ़ंक्शन।
कार्य प्रसंग.
कीवर्ड यह है.
पर्यावरण की हानि.
देवटूल्स। कंसोल का उपयोग करना.
धारा 5 कोड संगठन
आइए कार्यक्षेत्र की अवधारणा को देखें। आइए DRY सिद्धांत (खुद को न दोहराएं) पर चर्चा करें और कम कोड लिखने और फिर भी अधिक काम करने के लिए इसका उपयोग कैसे करें। आइए जानें कि मॉड्यूल क्या हैं और उन पर कोड को "ब्रेक" कैसे करें; प्रवेश बिंदु क्या है?
दृश्यता क्षेत्र.
विंडो का वैश्विक दायरा.
बंद
प्रतिरूपकता।
कोड का पुन: उपयोग, DRY सिद्धांत।
एक मॉड्यूल की अवधारणा.
प्रवेश बिंदु।
ईसीएमएस्क्रिप्ट मॉड्यूल, आयात और निर्यात सिंटैक्स।
DevTools: स्रोतों का उपयोग करके डिबगिंग कोड।
धारा 6 डोम और घटनाएँ
लाइव के बिना अनुभाग
आप दस्तावेज़ ऑब्जेक्ट मॉडल से परिचित हो जाएंगे। दस्तावेज़ ऑब्जेक्ट मॉडल या DOM)। विचार करें कि उपयोगकर्ता क्रियाओं पर प्रतिक्रियाओं का वर्णन कैसे करें: टेक्स्ट इनपुट, कुछ तत्वों पर क्लिक करना, स्क्रॉल करना आदि।
डोम वृक्ष.
दस्तावेज़ हर चीज़ की जड़ है.
DOM वृक्ष संरचना.
किसी पृष्ठ पर तत्व खोजें.
तत्व विशेषताओं का प्रबंधन.
टेम्प्लेट और डेटा.
पेज पर घटनाएँ.
इवेंट संचालक.
धारा 7 डोम हेरफेर
आइए DOM तत्वों को बनाने, हटाने, स्थानांतरित करने और हेरफेर करने का प्रयास करें। टेम्प्लेट का उपयोग करके, हम पहले बनाए गए डेटा को निकालेंगे।
DOM वृक्ष प्रबंधन.
DOM तत्व विशेषताएँ प्रबंधित करना।
DOM ट्री में तत्वों को स्थानांतरित करना।
DOM तत्व बनाने के दृष्टिकोण।
DOM ऑब्जेक्ट बनाना.
मार्कअप प्रबंधन: जोड़ें, प्रीपेन्ड करें, एडजेसेंटHTML डालें, इनरHTML, टेक्स्टकंटेंट।
टेम्पलेटिंग.
स्ट्रिंग टेम्प्लेटिंग (टेम्पलेट स्ट्रिंग्स)।
विशेष टैग .
धारा 8 घटनाओं के साथ कार्य करना
हम उपयोगकर्ता इंटरैक्शन को संभालेंगे ताकि पेज फॉर्म में टेक्स्ट इनपुट, कुछ तत्वों पर क्लिक करने, स्क्रॉल करने आदि पर प्रतिक्रिया दे सके। आइए देखें कि इस इंटरैक्शन को कैसे सुलभ बनाया जाए।
आयोजन।
इवेंट ऑब्जेक्ट, इवेंट मैनेजमेंट: रोकथाम डिफॉल्ट और स्टॉपप्रॉपैगेशन।
घटना के चरण और प्रतिनिधिमंडल।
कीबोर्ड इवेंट और पहुंच.
इवेंट लूप.
प्रपत्र सत्यापन.
प्रिस्टिन एक फॉर्म सत्यापन लाइब्रेरी है।
नियमित अभिव्यक्तियों का उपयोग करके सत्यापन।
DevTools: DOM और इवेंट के साथ काम करने के लिए तत्व (इंस्पेक्टर) क्षमताएं।
धारा 9 बाहरी एपीआई और तृतीय पक्ष लाइब्रेरी
आइए देखें कि कैसे "अपनी खुद की बाइक न लिखें", बल्कि किसी और के अनुभव और कोड का पुन: उपयोग करें। आइए सॉफ़्टवेयर इंटरफ़ेस की अवधारणा से परिचित हों। एप्लिकेशन प्रोग्रामिंग इंटरफ़ेस या एपीआई), तीसरे पक्ष के जावास्क्रिप्ट पुस्तकालयों के एपीआई और मानचित्र सेवाओं के जावास्क्रिप्ट एपीआई पर विचार करें। आइए उन एपीआई पर एक नज़र डालें जो ब्राउज़र डेवलपर्स को प्रदान करता है।
एपीआई की अवधारणा.
मानचित्र सेवाएँ और उनकी जावास्क्रिप्ट एपीआई।
ओपनस्ट्रीटमैप।
पत्रक.
तृतीय पक्ष पुस्तकालय.
पुस्तकालयों की आवश्यकता क्यों है?
किसी प्रोजेक्ट से कैसे जुड़ें.
noUiस्लाइडर.
ब्राउज़र एपीआई सिंहावलोकन.
धारा 10 नेटवर्क
लाइव के बिना अनुभाग
आप HTTP प्रोटोकॉल और JSON डेटा प्रारूप को स्वयं देखेंगे। विचार करें कि नेटवर्क का उपयोग करते समय साइट के साथ उपयोगकर्ता का इंटरैक्शन कैसे बदलता है, और क्या गलत हो सकता है।
HTTP प्रोटोकॉल और डेटा प्रारूप।
JSON.
एक्सेप्शन हेंडलिंग।
पकड़ने की कोशिश।
नेटवर्क अनुरोधों के साथ काम करने के लिए उपकरण.
धारा 11 अतुल्यकालिक। नेटवर्किंग
आइए अतुल्यकालिकता की अवधारणा पर नजर डालें और वादों का उपयोग करके इसे कैसे प्राप्त करें। वादा करो, वादा करो)। आइए उन तकनीकों से परिचित हों जो आपको ब्राउज़र से सर्वर पर अनुरोध करने की अनुमति देती हैं। आइए देखें कि नेटवर्क के साथ काम करते समय यदि कुछ गलत होता है तो व्यवहार में त्रुटियों से कैसे निपटें।
अतुल्यकालिक।
सेटटाइमआउट और सेटइंटरवल।
वादा करना।
नेटवर्क के साथ काम करना.
सर्वर से संपर्क करने के लिए लाएँ।
अनुरोधों में त्रुटियों को संभालना.
DevTools: नेटवर्क में नेटवर्क अनुरोधों के साथ काम करना।
रक्षा का पहला सप्ताह
परियोजना पर काम पूरा करना और अंतिम रक्षा की तैयारी।
धारा 12 फीडबैक और अनुकूलन
हम अपनी वेबसाइट पर डेटा और घटनाओं के साथ काम को अनुकूलित करते हैं। हम स्पष्ट और उपयोगकर्ता के अनुकूल इंटरफ़ेस फीडबैक लागू करते हैं।
सरणियों के साथ उन्नत कार्य.
छँटाई।
छानने का काम।
प्रदर्शन अनुकूलन.
तख्ते गिराना - गला घोंटना।
उछाल-उछाल का निवारण।
फ़ाइल एपीआई.
URL.createObjectURL()।
फ़ाइल रीडर।
बचाव का दूसरा सप्ताह
गुणवत्ता मानदंडों के अनुसार समीक्षा करने वाले सलाहकार द्वारा परियोजना का पहला मूल्यांकन।
रक्षा का तीसरा सप्ताह
समीक्षा करने वाले सलाहकार की टिप्पणियों के आधार पर परियोजना में सुधार करना और इसे दूसरे मूल्यांकन के लिए प्रस्तुत करना।
धारा 13 अंतिम
आइए पाठ्यक्रम को संक्षेप में प्रस्तुत करें, और फिर जावास्क्रिप्ट की उन विशेषताओं पर चर्चा करें जिनका आपको काम के दौरान सामना करना पड़ सकता है। लीगेसी कोड की अवधारणा और इसके साथ क्या करना है, कोड के साथ। आइए उन्नत फ्रंट-एंड डेवलपर टूल पर एक नज़र डालें ताकि आप समझ सकें कि आगे कहाँ जाना है।
विशेष जावास्क्रिप्ट.
सख्त मोड 'सख्त उपयोग करें'।
वैकल्पिक अर्धविराम.
लीगेसी कोड।
jQuery।
var और कार्यात्मक दायरा।
XMLHttpRequest.
कंस्ट्रक्टर कार्य।
प्रोटोटाइप।
अग्रिम औज़ार।
वेबपैक.
ट्रांसपिलर और पॉलीफ़िल।
कोलाहल.
बचाव का चौथा सप्ताह
अंतिम संपादन करना और अंतिम ग्रेड प्राप्त करना।
sashascript2022
26.07.2022 जी।
मैं जावास्क्रिप्ट पाठ्यक्रम पर विचार करता हूं। व्यावसायिक वेब इंटरफ़ेस विकास जावास्क्रिप्ट सीखने की एक बेहतरीन शुरुआत है।
फायदे: वर्तमान सामग्री, कुछ भी अनावश्यक नहीं, कोई पानी नहीं + उपरोक्त फायदे। नुकसान: शुरुआत में यह मेरे लिए बहुत मुश्किल था, क्योंकि मैं शुरू से ही भाषा सीख रहा हूं) मैंने 15 फरवरी से 18 अप्रैल, 2022 तक यह कोर्स किया। और जावास्क्रिप्ट का ठोस बुनियादी ज्ञान प्राप्त किया। लेकिन पाठ्यक्रम में मैंने इतना ही नहीं किया। मैंने HTML, CSS की मूल बातें, Git और Github के साथ काम करने की मूल बातें और बहुत कुछ सीखा...
वीर्य बुशमनोव
27.05.2022 जी।
अच्छे पाठ्यक्रम!
लाभ: विद्यार्थी को परिणाम देता है, स्पष्ट रूप से संरचित, सुविचारित, सामग्री की अच्छी प्रस्तुति। नुकसान: कोई नहीं, लेकिन यह ध्यान देने योग्य है कि सामान्य तौर पर प्रोग्रामिंग के लिए काफी समय की आवश्यकता होती है। "जावास्क्रिप्ट" पाठ्यक्रम पूरा किया। वेब इंटरफेस का व्यावसायिक विकास।" अद्भुत पाठ्यक्रम! पाठ्यक्रम के बाद प्रोग्रामिंग में प्रगति स्पष्ट है। आपको वास्तव में सीखने के लिए बहुत समय समर्पित करने की आवश्यकता है...
वीर्य बुशमनोव
27.05.2022 जी।
अच्छे पाठ्यक्रम!
लाभ: विद्यार्थी को परिणाम देता है, स्पष्ट रूप से संरचित, सुविचारित, सामग्री की अच्छी प्रस्तुति। नुकसान: कोई नहीं, लेकिन यह ध्यान देने योग्य है कि सामान्य तौर पर प्रोग्रामिंग के लिए काफी समय की आवश्यकता होती है। "जावास्क्रिप्ट" पाठ्यक्रम पूरा किया। वेब इंटरफेस का व्यावसायिक विकास।" अद्भुत पाठ्यक्रम! पाठ्यक्रम के बाद प्रोग्रामिंग में प्रगति स्पष्ट है। आपको वास्तव में सीखने के लिए बहुत समय समर्पित करने की आवश्यकता है...