46 KiB

Raw Blame History

वेब विकासको लागि शुरुवातकर्ता - एक पाठ्यक्रम

माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा तयार गरिएको १२ हप्ताको व्यापक पाठ्यक्रममार्फत वेब विकासको आधारभूत कुराहरू सिक्नुहोस्। प्रत्येक २४ पाठले जाभास्क्रिप्ट, CSS, र HTML मा ध्यान केन्द्रित गर्दै टेरारियम, ब्राउजर एक्सटेन्सन, र स्पेस गेमजस्ता परियोजनाहरूमा आधारित अभ्यासहरू समावेश गर्दछ। क्विज, छलफल, र व्यावहारिक असाइनमेन्टहरूमा संलग्न हुनुहोस्। परियोजनामा आधारित शिक्षण विधिको माध्यमबाट आफ्नो सीप सुधार गर्नुहोस् र ज्ञानको प्रभावकारी रूपमा उपयोग गर्नुहोस्। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्!

Azure AI Foundry Discord समुदायमा सामेल हुनुहोस्

यी स्रोतहरू प्रयोग गर्न सुरु गर्नका लागि निम्न चरणहरू अनुसरण गर्नुहोस्:

रिपोजिटरी फोर्क गर्नुहोस्: क्लिक गर्नुहोस्
रिपोजिटरी क्लोन गर्नुहोस्: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञहरू तथा अन्य विकासकर्तासँग भेट गर्नुहोस्

🌐 बहुभाषी समर्थन

GitHub Action मार्फत समर्थित (स्वचालित र सधैं अद्यावधिक)

यदि तपाईंले थप भाषाहरूको अनुवाद चाहनुहुन्छ भने यहाँ सूचीबद्ध भाषाहरू समर्थित छन् यहाँ

🧑‍🎓 के तपाईं विद्यार्थी हुनुहुन्छ?

Student Hub पृष्ठ मा जानुहोस् जहाँ तपाईंले शुरुवातकर्ताका स्रोतहरू, विद्यार्थी प्याकहरू र नि:शुल्क प्रमाणपत्र भौचर प्राप्त गर्ने तरिकाहरू पाउन सक्नुहुन्छ। यो पृष्ठलाई बुकमार्क गर्नुहोस् र समय-समयमा जाँच गर्नुहोस् किनभने हामी मासिक रूपमा सामग्री परिवर्तन गर्छौं।

📣 घोषणा - Generative AI प्रयोग गरेर नयाँ परियोजना निर्माण गर्नुहोस्

नयाँ AI सहायक परियोजना हालै थपिएको छ, यसलाई हेर्नुहोस् परियोजना

📣 घोषणा - Generative AI को नयाँ पाठ्यक्रम JavaScript को लागि हालै जारी गरिएको छ

हाम्रो नयाँ Generative AI पाठ्यक्रम नछुटाउनुहोस्!

सुरु गर्न https://aka.ms/genai-js-course मा जानुहोस्!

आधारभूतदेखि RAG सम्मका पाठहरू।
GenAI र हाम्रो सहायक एप प्रयोग गरेर ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्।
रमाइलो र आकर्षक कथा, तपाईं समय यात्रा गर्दै हुनुहुनेछ!

प्रत्येक पाठमा समावेश छ:

प्रम्प्टिङ र प्रम्प्ट इन्जिनियरिङ
टेक्स्ट र इमेज एप निर्माण
सर्च एप्स

सुरु गर्न https://aka.ms/genai-js-course मा जानुहोस्!

🌱 सुरु गर्दै

शिक्षकहरू, हामीले केही सुझावहरू समावेश गरेका छौं यो पाठ्यक्रम कसरी प्रयोग गर्ने। हाम्रो चर्चा फोरममा तपाईंको प्रतिक्रिया चाहन्छौं!

शिक्षार्थीहरू, प्रत्येक पाठको लागि, प्रि-लेक्चर क्विजबाट सुरु गर्नुहोस् र पाठ सामग्री पढ्दै, विभिन्न गतिविधिहरू पूरा गर्दै र पोस्ट-लेक्चर क्विजमार्फत आफ्नो बुझाइ जाँच गर्नुहोस्।

तपाईंको सिकाइ अनुभवलाई सुधार गर्न, परियोजनाहरूमा सँगै काम गर्नका लागि आफ्नो सहपाठीहरूसँग जडान गर्नुहोस्! हाम्रो चर्चा फोरममा छलफललाई प्रोत्साहन दिइन्छ जहाँ हाम्रो मोडरेटरहरूको टोली तपाईंको प्रश्नहरूको उत्तर दिन उपलब्ध हुनेछ।

तपाईंको शिक्षा अगाडि बढाउन, हामी Microsoft Learn मा थप अध्ययन सामग्री अन्वेषण गर्न अत्यधिक सिफारिस गर्छौं।

📋 आफ्नो वातावरण सेटअप गर्दै

यो पाठ्यक्रमसँग विकास वातावरण तयार छ! सुरु गर्दा तपाईं Codespace (ब्राउजर-आधारित, कुनै इन्स्टल आवश्यक छैन) वा आफ्नो कम्प्युटरमा स्थानीय रूपमा Visual Studio Code जस्ता टेक्स्ट एडिटर प्रयोग गर्न छनोट गर्न सक्नुहुन्छ।

आफ्नो रिपोजिटरी बनाउनुहोस्

आफ्नो काम सजिलै बचत गर्नका लागि, यो रिपोजिटरीको आफ्नै प्रतिलिपि बनाउनु सिफारिस गरिन्छ। तपाईंले पृष्ठको माथि रहेको Use this template बटन क्लिक गरेर यो गर्न सक्नुहुन्छ। यसले पाठ्यक्रमको प्रतिलिपि सहित तपाईंको GitHub खातामा नयाँ रिपोजिटरी बनाउनेछ।

यी चरणहरू अनुसरण गर्नुहोस्:

रिपोजिटरी फोर्क गर्नुहोस्: यस पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटनमा क्लिक गर्नुहोस्।
रिपोजिटरी क्लोन गर्नुहोस्: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Codespace मा पाठ्यक्रम चलाउँदै

तपाईंले बनाएको यस रिपोजिटरीको प्रतिलिपिमा, Code बटनमा क्लिक गर्नुहोस् र Open with Codespaces चयन गर्नुहोस्। यसले तपाईंलाई काम गर्न नयाँ Codespace बनाउनेछ।

आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउँदै

तपाईंको कम्प्युटरमा यो पाठ्यक्रम चलाउनका लागि, तपाईंलाई टेक्स्ट एडिटर, ब्राउजर र कमाण्ड लाइन टूल आवश्यक हुनेछ। हाम्रो पहिलो पाठ, प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय, तपाईंलाई यी उपकरणहरूको लागि विभिन्न विकल्पहरूमा हिँड्नेछ ताकि तपाईंलाई उपयुक्त लाग्ने विकल्प चयन गर्न सक्नुहुन्छ।

हाम्रो सिफारिस Visual Studio Code प्रयोग गर्नु हो, जसमा Terminal पनि समावेश छ। तपाईं यहाँ बाट Visual Studio Code डाउनलोड गर्न सक्नुहुन्छ।

आफ्नो रिपोजिटरीलाई आफ्नो कम्प्युटरमा क्लोन गर्नुहोस्। तपाईंले Code बटन क्लिक गरेर URL प्रतिलिपि गर्न सक्नुहुन्छ:

CodeSpace

त्यसपछि, Visual Studio Code भित्र Terminal खोल्नुहोस् र तपाईंले प्रतिलिपि गरेको URL प्रतिस्थापन गर्दै निम्न कमाण्ड चलाउनुहोस्:
```
git clone <your-repository-url>
```
Visual Studio Code मा फोल्डर खोल्नुहोस्। तपाईंले File > Open Folder क्लिक गरेर क्लोन गरिएको फोल्डर चयन गर्न सक्नुहुन्छ।

सिफारिस गरिएको Visual Studio Code एक्सटेन्सनहरू:

Live Server - Visual Studio Code भित्र HTML पृष्ठहरू पूर्वावलोकन गर्न

Copilot - तपाईंलाई छिटो कोड लेख्न मद्दत गर्न

📂 प्रत्येक पाठमा समावेश छ:

वैकल्पिक स्केच नोट
वैकल्पिक पूरक भिडियो
प्रि-लेसन वार्मअप क्विज
लिखित पाठ
परियोजनामा आधारित पाठहरूको लागि, परियोजना निर्माण गर्ने चरण-दर-चरण मार्गदर्शन
ज्ञान जाँच
चुनौती
पूरक पढाइ
असाइनमेन्ट
पोस्ट-लेसन क्विज

क्विजहरूको बारेमा नोट: सबै क्विजहरू Quiz-app फोल्डरमा समावेश छन्, प्रत्येकमा तीन प्रश्न सहित कुल 48 क्विजहरू। तिनीहरू यहाँ उपलब्ध छन्। क्विज एपलाई स्थानीय रूपमा चलाउन वा Azure मा डिप्लोय गर्न सकिन्छ; quiz-app फोल्डरमा दिइएको निर्देशनहरू पालना गर्नुहोस्।

🗃️ पाठहरू

	परियोजनाको नाम	सिकाइने अवधारणाहरू	सिकाइका उद्देश्यहरू	लिंक गरिएको पाठ	लेखक
01	सुरुवात गर्दै	प्रोग्रामिङ र उपकरणहरूको परिचय	अधिकांश प्रोग्रामिङ भाषाहरूको आधारभूत ज्ञान र पेशेवर विकासकर्ताहरूलाई सहयोग गर्ने सफ्टवेयरको बारेमा जान्नुहोस्	प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय	जैस्मिन
02	सुरुवात गर्दै	GitHub को आधारभूत कुरा, टिमसँग काम गर्ने समावेश	आफ्नो परियोजनामा GitHub कसरी प्रयोग गर्ने, कोड बेसमा अरूसँग कसरी सहकार्य गर्ने	GitHub को परिचय	फ्लोर
03	सुरुवात गर्दै	पहुँचयोग्यता	वेब पहुँचयोग्यताको आधारभूत कुरा जान्नुहोस्	पहुंचयोग्यता आधारभूत कुरा	क्रिस्टोफर
04	JS आधारभूत कुरा	जाभास्क्रिप्ट डेटा प्रकार	जाभास्क्रिप्ट डेटा प्रकारहरूको आधारभूत कुरा	डेटा प्रकारहरू	जैस्मिन
05	JS आधारभूत कुरा	फङ्क्सनहरू र मेथडहरू	एप्लिकेशनको तर्क प्रवाह व्यवस्थापन गर्न फङ्क्सनहरू र मेथडहरूको बारेमा जान्नुहोस्	फङ्क्सनहरू र मेथडहरू	जैस्मिन र क्रिस्टोफर
06	JS आधारभूत कुरा	जाभास्क्रिप्टसँग निर्णय लिने	निर्णय लिने विधिहरू प्रयोग गरेर आफ्नो कोडमा सर्तहरू कसरी सिर्जना गर्ने जान्नुहोस्	निर्णय लिने	जैस्मिन
07	JS आधारभूत कुरा	एरेहरू र लूपहरू	जाभास्क्रिप्टमा एरेहरू र लूपहरू प्रयोग गरेर डेटा काम गर्नुहोस्	एरेहरू र लूपहरू	जैस्मिन
08	टेरारियम	HTML अभ्यासमा	अनलाइन टेरारियम बनाउन HTML निर्माण गर्नुहोस्, लेआउट निर्माणमा ध्यान केन्द्रित गर्दै	HTML को परिचय	जेन
09	टेरारियम	CSS अभ्यासमा	अनलाइन टेरारियमलाई शैली दिन CSS निर्माण गर्नुहोस्, CSS को आधारभूत कुराहरूमा ध्यान केन्द्रित गर्दै पृष्ठलाई उत्तरदायी बनाउनुहोस्	CSS को परिचय	जेन
10	टेरारियम	जाभास्क्रिप्ट क्लोजरहरू, DOM हेरफेर	टेरारियमलाई ड्र्याग/ड्रप इन्टरफेसको रूपमा कार्य गर्न जाभास्क्रिप्ट निर्माण गर्नुहोस्, क्लोजरहरू र DOM हेरफेरमा ध्यान केन्द्रित गर्दै	जाभास्क्रिप्ट क्लोजरहरू, DOM हेरफेर	जेन
11	टाइपिङ खेल	टाइपिङ खेल निर्माण	आफ्नो जाभास्क्रिप्ट एपको तर्कलाई चलाउन किबोर्ड घटनाहरू कसरी प्रयोग गर्ने जान्नुहोस्	इभेन्ट-ड्राइभन प्रोग्रामिङ	क्रिस्टोफर
12	हरियो ब्राउजर एक्सटेन्सन	ब्राउजरसँग काम गर्ने	ब्राउजरहरू कसरी काम गर्छन्, तिनीहरूको इतिहास, र ब्राउजर एक्सटेन्सनको पहिलो तत्वहरूको स्क्याफोल्ड कसरी बनाउने	ब्राउजरहरूको बारेमा	जेन
13	हरियो ब्राउजर एक्सटेन्सन	फारम निर्माण, API कल गर्ने र स्थानीय स्टोरेजमा भेरिएबलहरू भण्डारण गर्ने	स्थानीय स्टोरेजमा भण्डारण गरिएका भेरिएबलहरू प्रयोग गरेर API कल गर्न आफ्नो ब्राउजर एक्सटेन्सनको जाभास्क्रिप्ट तत्वहरू निर्माण गर्नुहोस्	APIs, फारमहरू, र स्थानीय स्टोरेज	जेन
14	हरियो ब्राउजर एक्सटेन्सन	ब्राउजरमा पृष्ठभूमि प्रक्रिया, वेब प्रदर्शन	ब्राउजरको पृष्ठभूमि प्रक्रियाहरू प्रयोग गरेर एक्सटेन्सनको आइकन व्यवस्थापन गर्नुहोस्; वेब प्रदर्शन र केही अनुकूलनहरूको बारेमा जान्नुहोस्	पृष्ठभूमि कार्यहरू र प्रदर्शन	जेन
15	स्पेस खेल	जाभास्क्रिप्टसँग अधिक उन्नत खेल विकास	खेल निर्माणको तयारीमा कक्षाहरू र संरचनाको प्रयोग गरेर उत्तराधिकारको बारेमा जान्नुहोस् र पब/सब ढाँचाको बारेमा जान्नुहोस्	उन्नत खेल विकासको परिचय	क्रिस
16	स्पेस खेल	क्यानभासमा चित्रण	क्यानभास API को बारेमा जान्नुहोस्, स्क्रिनमा तत्वहरू चित्रण गर्न प्रयोग गरिन्छ	क्यानभासमा चित्रण	क्रिस
17	स्पेस खेल	स्क्रिनमा तत्वहरू सार्ने	तत्वहरूले कसरी गति प्राप्त गर्न सक्छन् Cartesian समन्वय र क्यानभास API प्रयोग गरेर	तत्वहरू सार्ने	क्रिस
18	स्पेस खेल	टक्कर पत्ता लगाउने	तत्वहरूलाई टक्कर गर्न र एकअर्कासँग प्रतिक्रिया दिन बनाउनुहोस्, कीप्रेसहरू प्रयोग गरेर र खेलको प्रदर्शन सुनिश्चित गर्न कूलडाउन फङ्क्सन प्रदान गर्नुहोस्	टक्कर पत्ता लगाउने	क्रिस
19	स्पेस खेल	स्कोर राख्ने	खेलको स्थिति र प्रदर्शनको आधारमा गणितीय गणना गर्नुहोस्	स्कोर राख्ने	क्रिस
20	स्पेस खेल	खेल समाप्त गर्ने र पुनः सुरु गर्ने	खेल समाप्त गर्ने र पुनः सुरु गर्ने बारेमा जान्नुहोस्, सम्पत्ति सफा गर्ने र भेरिएबल मानहरू पुनः सेट गर्ने समावेश	समाप्ति अवस्था	क्रिस
21	बैंकिङ एप	वेब एपमा HTML टेम्पलेटहरू र रुटहरू	रुटिङ र HTML टेम्पलेटहरू प्रयोग गरेर बहुपृष्ठ वेबसाइटको वास्तुकला निर्माण गर्ने तरिका जान्नुहोस्	HTML टेम्पलेटहरू र रुटहरू	योहान
22	बैंकिङ एप	लगइन र दर्ता फारम निर्माण	फारमहरू निर्माण गर्ने र मान्यता दिनको लागि प्रक्रिया व्यवस्थापन गर्ने बारेमा जान्नुहोस्	फारमहरू	योहान
23	बैंकिङ एप	डेटा प्राप्त गर्ने र प्रयोग गर्ने विधिहरू	तपाईंको एपमा डेटा कसरी प्रवाह हुन्छ, कसरी प्राप्त गर्ने, भण्डारण गर्ने, र नष्ट गर्ने	डेटा	योहान
24	बैंकिङ एप	राज्य व्यवस्थापनको अवधारणाहरू	तपाईंको एपले राज्यलाई कसरी कायम राख्छ र यसलाई प्रोग्रामेटिक रूपमा कसरी व्यवस्थापन गर्ने	राज्य व्यवस्थापन	योहान
25	ब्राउजर/VScode कोड	VScode सँग काम गर्ने	कोड एडिटर प्रयोग गर्ने तरिका जान्नुहोस्	VScode कोड एडिटर प्रयोग गर्नुहोस्	क्रिस
26	AI सहायकहरू	AI सँग काम गर्ने	आफ्नो AI सहायक निर्माण गर्ने तरिका जान्नुहोस्	AI सहायक परियोजना	क्रिस

🏫 शिक्षण विधि

हाम्रो पाठ्यक्रम दुई प्रमुख शिक्षण सिद्धान्तहरूमा आधारित छ:

परियोजना-आधारित सिकाइ
बारम्बार क्विजहरू

यो कार्यक्रमले जाभास्क्रिप्ट, HTML, र CSS को आधारभूत कुराहरू सिकाउँछ, साथै आजका वेब विकासकर्ताहरूले प्रयोग गर्ने नवीनतम उपकरणहरू र प्रविधिहरू। विद्यार्थीहरूले टाइपिङ खेल, भर्चुअल टेरारियम, वातावरणमैत्री ब्राउजर एक्सटेन्सन, स्पेस-इनभेडर शैलीको खेल, र व्यवसायहरूको लागि बैंकिङ एप निर्माण गरेर व्यावहारिक अनुभव प्राप्त गर्ने अवसर पाउनेछन्। श्रृंखला समाप्त हुँदा, विद्यार्थीहरूले वेब विकासको ठोस समझ प्राप्त गर्नेछन्।

🎓 तपाईं यस पाठ्यक्रमका पहिलो केही पाठहरू Microsoft Learn मा Learn Path को रूपमा लिन सक्नुहुन्छ!

सामग्री परियोजनासँग मेल खाने सुनिश्चित गरेर, प्रक्रिया विद्यार्थीहरूको लागि थप आकर्षक बनाइन्छ र अवधारणाहरूको सम्झना बढाइनेछ। हामीले जाभास्क्रिप्ट आधारभूत कुराहरूको परिचय दिने केही प्रारम्भिक पाठहरू पनि लेख्यौं, "Beginners Series to: JavaScript" भिडियो ट्यूटोरियलहरूको संग्रहबाट भिडियोसँग जोडीएको, जसका केही लेखकहरूले यस पाठ्यक्रममा योगदान दिएका छन्।

यसको अतिरिक्त, कक्षाको अगाडि कम-जोखिमको क्विजले विद्यार्थीलाई विषय सिक्नको लागि उद्देश्य सेट गर्दछ, जबकि कक्षापछि दोस्रो क्विजले थप सम्झना सुनिश्चित गर्दछ। यो पाठ्यक्रम लचिलो र रमाइलो बनाउन डिजाइन गरिएको थियो र पूर्ण वा आंशिक रूपमा लिन सकिन्छ। परियोजनाहरू साना सुरु हुन्छन् र 12-हप्ताको चक्रको अन्त्यसम्ममा क्रमिक रूपमा जटिल बन्छन्।

हामीले जानी-जानी जाभास्क्रिप्ट फ्रेमवर्कहरू परिचय गराउनबाट बच्यौं ताकि फ्रेमवर्क अपनाउनु अघि वेब विकासकर्ताको रूपमा आवश्यक आधारभूत सीपहरूमा ध्यान केन्द्रित गर्न सकियोस्। यस पाठ्यक्रम पूरा गरेपछि अर्को राम्रो कदम भनेको "Beginner Series to: Node.js" भिडियोहरूको अर्को संग्रह मार्फत Node.js को बारेमा सिक्नु हुनेछ।

हाम्रो आचार संहिता र योगदान दिशानिर्देशहरू भ्रमण गर्नुहोस्। हामी तपाईंको रचनात्मक प्रतिक्रिया स्वागत गर्दछौं!

🧭 अफलाइन पहुँच

तपाईं Docsify प्रयोग गरेर यो दस्तावेजीकरणलाई अफलाइन चलाउन सक्नुहुन्छ। यस रिपो फोर्क गर्नुहोस्, Docsify स्थापना गर्नुहोस् आफ्नो स्थानीय मेसिनमा, र त्यसपछि यस रिपोको मूल फोल्डरमा docsify serve टाइप गर्नुहोस्। वेबसाइट तपाईंको localhost मा पोर्ट 3000 मा सेवा गरिनेछ: localhost:3000।

📘 PDF

सबै पाठहरूको PDF यहाँ फेला पार्न सकिन्छ।

🎒 अन्य पाठ्यक्रमहरू

हाम्रो टिमले अन्य पाठ्यक्रमहरू उत्पादन गर्दछ! हेर्नुहोस्:

सहयोग प्राप्त गर्ने तरिका

यदि तपाईं अड्किनुहुन्छ वा AI एप्स निर्माणको बारेमा कुनै प्रश्न छ भने, यहाँ सामेल हुनुहोस्:

यदि तपाईंलाई उत्पादन सम्बन्धी प्रतिक्रिया दिनु छ वा निर्माणको क्रममा त्रुटिहरू देखिन्छ भने, यहाँ जानुहोस्:

लाइसेन्स

यो रिपोजिटरी MIT लाइसेन्स अन्तर्गत लाइसेन्स गरिएको छ। थप जानकारीको लागि LICENSE फाइल हेर्नुहोस्।

अस्वीकरण:
यो दस्तावेज़ AI अनुवाद सेवा Co-op Translator प्रयोग गरेर अनुवाद गरिएको हो। हामी यथार्थताको लागि प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छ। मूल दस्तावेज़ यसको मातृभाषामा आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुनेछैनौं।

46 KiB Raw Blame History