46 KiB

Raw Blame History

नवशिक्यांसाठी वेब विकास - एक अभ्यासक्रम

मायक्रोसॉफ्ट क्लाउड अॅडव्होकेट्सद्वारे दिल्या जाणाऱ्या 12 आठवड्यांच्या व्यापक कोर्ससह वेब विकासाचे मूलभूत तत्त्वे शिकवा. 24 धड्यांपैकी प्रत्येक धडा जावास्क्रिप्ट, 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 पृष्ठाला भेट द्या जिथे तुम्हाला नवशिक्यांसाठी संसाधने, विद्यार्थी पॅक आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळवण्याचे मार्ग सापडतील. हे पृष्ठ बुकमार्क करा आणि वेळोवेळी तपासा कारण आम्ही दर महिन्याला सामग्री बदलतो.

📣 घोषणा - GitHub Copilot Agent मोड आव्हाने पूर्ण करण्यासाठी नवीन!

नवीन आव्हान जोडले गेले आहे, "GitHub Copilot Agent Challenge 🚀" बहुतेक अध्यायांमध्ये शोधा. हे एक नवीन आव्हान आहे जे तुम्ही GitHub Copilot आणि Agent मोड वापरून पूर्ण करू शकता. जर तुम्ही यापूर्वी Agent मोड वापरला नसेल तर तो केवळ मजकूर तयार करण्यास सक्षम नाही तर फाइल्स तयार आणि संपादित करू शकतो, कमांड चालवू शकतो आणि बरेच काही करू शकतो.

📣 घोषणा - Generative AI वापरून नवीन प्रोजेक्ट तयार करा

नवीन AI सहाय्यक प्रोजेक्ट नुकताच जोडला आहे, तपासा प्रोजेक्ट

📣 घोषणा - नवीन अभ्यासक्रम JavaScript साठी Generative AI वर नुकताच प्रसिद्ध झाला

आमचा नवीन 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 उघडा आणि खालील कमांड चालवा, <your-repository-url> URL ने बदला जो तुम्ही नुकताच कॉपी केला आहे:
```
git clone <your-repository-url>
```
Visual Studio Code मध्ये फोल्डर उघडा. तुम्ही File > Open Folder वर क्लिक करून आणि तुम्ही नुकतेच क्लोन केलेले फोल्डर निवडून हे करू शकता.

शिफारस केलेले Visual Studio Code एक्सटेंशन्स:

Live Server - HTML पृष्ठ Visual Studio Code मध्ये प्रीव्ह्यू करण्यासाठी

Copilot - कोड जलद लिहिण्यास मदत करण्यासाठी

📂 प्रत्येक धड्यात समाविष्ट आहे:

पर्यायी स्केच नोट
पर्यायी पूरक व्हिडिओ
धड्यापूर्वीचा वॉर्मअप क्विझ
लेखी धडा
प्रकल्प-आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यासाठी चरण-दर-चरण मार्गदर्शक
ज्ञान तपासणी
एक आव्हान
पूरक वाचन
असाइनमेंट
धड्यानंतरचा क्विझ

क्विझबद्दल एक टीप: सर्व क्विझ Quiz-app फोल्डरमध्ये समाविष्ट आहेत, एकूण 48 क्विझेस, प्रत्येकामध्ये तीन प्रश्न आहेत. ते येथे उपलब्ध आहेत आणि Quiz-app स्थानिक पातळीवर चालवता येतो किंवा Azure वर तैनात करता येतो; quiz-app फोल्डरमधील सूचनांचे अनुसरण करा.

🗃️ धडे

	प्रकल्पाचे नाव	शिकवलेले संकल्पना	शिकण्याचे उद्दिष्ट	संबंधित धडा	लेखक
01	सुरुवात करा	प्रोग्रामिंगची ओळख आणि वापरायचे साधने	बहुतेक प्रोग्रामिंग भाषांच्या मूलभूत गोष्टी आणि व्यावसायिक विकसकांना त्यांचे काम करण्यास मदत करणाऱ्या सॉफ्टवेअरबद्दल जाणून घ्या	प्रोग्रामिंग भाषांची ओळख आणि वापरायचे साधने	Jasmine
02	सुरुवात करा	GitHub च्या मूलभूत गोष्टी, टीमसोबत काम करणे	आपल्या प्रकल्पात GitHub कसे वापरायचे, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे	GitHub ची ओळख	Floor
03	सुरुवात करा	ऍक्सेसिबिलिटी	वेब ऍक्सेसिबिलिटीच्या मूलभूत गोष्टी जाणून घ्या	ऍक्सेसिबिलिटी मूलभूत गोष्टी	Christopher
04	JS मूलभूत गोष्टी	JavaScript डेटा प्रकार	JavaScript डेटा प्रकारांची मूलभूत माहिती	डेटा प्रकार	Jasmine
05	JS मूलभूत गोष्टी	फंक्शन्स आणि मेथड्स	अॅप्लिकेशनच्या लॉजिक फ्लोचे व्यवस्थापन करण्यासाठी फंक्शन्स आणि मेथड्सबद्दल जाणून घ्या	फंक्शन्स आणि मेथड्स	Jasmine आणि Christopher
06	JS मूलभूत गोष्टी	JS सह निर्णय घेणे	निर्णय घेण्याच्या पद्धती वापरून आपल्या कोडमध्ये अटी कशा तयार करायच्या ते जाणून घ्या	निर्णय घेणे	Jasmine
07	JS मूलभूत गोष्टी	ऍरे आणि लूप्स	JavaScript मध्ये ऍरे आणि लूप्स वापरून डेटा व्यवस्थापित करा	ऍरे आणि लूप्स	Jasmine
08	Terrarium	HTML चा सराव	ऑनलाइन टेरॅरियम तयार करण्यासाठी HTML तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा	HTML ची ओळख	Jen
09	Terrarium	CSS चा सराव	ऑनलाइन टेरॅरियमला शैली देण्यासाठी CSS तयार करा, CSS च्या मूलभूत गोष्टींवर लक्ष केंद्रित करा ज्यामध्ये पृष्ठ प्रतिसादक्षम बनवणे समाविष्ट आहे	CSS ची ओळख	Jen
10	Terrarium	JavaScript क्लोजर्स, DOM मॅनिप्युलेशन	टेरॅरियमला ड्रॅग/ड्रॉप इंटरफेस म्हणून कार्य करण्यासाठी JavaScript तयार करा, क्लोजर्स आणि DOM मॅनिप्युलेशनवर लक्ष केंद्रित करा	JavaScript क्लोजर्स, DOM मॅनिप्युलेशन	Jen
11	Typing Game	टायपिंग गेम तयार करा	आपल्या JavaScript अॅपच्या लॉजिकला चालवण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे ते जाणून घ्या	इव्हेंट-ड्रिव्हन प्रोग्रामिंग	Christopher
12	Green Browser Extension	ब्राउझरसह काम करणे	ब्राउझर कसे कार्य करतात, त्यांचा इतिहास आणि ब्राउझर एक्सटेंशनच्या पहिल्या घटकांचे स्कॅफोल्ड कसे तयार करायचे ते जाणून घ्या	ब्राउझरबद्दल	Jen
13	Green Browser Extension	फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक स्टोरेजमध्ये व्हेरिएबल्स साठवणे	स्थानिक स्टोरेजमध्ये साठवलेल्या व्हेरिएबल्स वापरून API कॉल करण्यासाठी आपल्या ब्राउझर एक्सटेंशनचे JavaScript घटक तयार करा	APIs, फॉर्म्स, आणि स्थानिक स्टोरेज	Jen
14	Green Browser Extension	ब्राउझरमधील बॅकग्राउंड प्रक्रिया, वेब कार्यक्षमता	ब्राउझरच्या बॅकग्राउंड प्रक्रियांद्वारे एक्सटेंशनचे आयकॉन व्यवस्थापित करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशनबद्दल जाणून घ्या	बॅकग्राउंड टास्क्स आणि कार्यक्षमता	Jen
15	Space Game	JavaScript सह अधिक प्रगत गेम विकास	वर्ग आणि रचना आणि पब/सब पॅटर्न वापरून वारसा बद्दल जाणून घ्या, गेम तयार करण्याच्या तयारीसाठी	प्रगत गेम विकासाची ओळख	Chris
16	Space Game	कॅनव्हासवर रेखाटन	स्क्रीनवर घटक काढण्यासाठी वापरल्या जाणाऱ्या कॅनव्हास API बद्दल जाणून घ्या	कॅनव्हासवर रेखाटन	Chris
17	Space Game	स्क्रीनवर घटक हलवणे	कसे घटक कार्टेशियन कोऑर्डिनेट्स आणि कॅनव्हास API वापरून गती प्राप्त करू शकतात	घटक हलवणे	Chris
18	Space Game	टक्कर शोधणे	घटकांना एकमेकांशी टक्कर देणे आणि कीप्रेस वापरून प्रतिक्रिया देणे आणि गेमची कार्यक्षमता सुनिश्चित करण्यासाठी कूलडाउन फंक्शन प्रदान करणे	टक्कर शोधणे	Chris
19	Space Game	स्कोअर ठेवणे	गेमची स्थिती आणि कार्यक्षमता यावर आधारित गणितीय गणना करा	स्कोअर ठेवणे	Chris
20	Space Game	गेम संपवणे आणि पुन्हा सुरू करणे	गेम संपवणे आणि पुन्हा सुरू करणे, अॅसेट्स साफ करणे आणि व्हेरिएबल व्हॅल्यूज रीसेट करणे याबद्दल जाणून घ्या	समाप्ती अट	Chris
21	Banking App	HTML टेम्पलेट्स आणि वेब अॅपमधील रूट्स	रूटिंग आणि HTML टेम्पलेट्स वापरून मल्टीपेज वेबसाइटची आर्किटेक्चर तयार कशी करायची ते जाणून घ्या	HTML टेम्पलेट्स आणि रूट्स	Yohan
22	Banking App	लॉगिन आणि नोंदणी फॉर्म तयार करा	फॉर्म तयार करणे आणि व्हॅलिडेशन रूटीन हाताळण्याबद्दल जाणून घ्या	फॉर्म्स	Yohan
23	Banking App	डेटा मिळवण्याचे आणि वापरण्याचे पद्धती	आपल्या अॅपमध्ये डेटा कसा प्रवाहित होतो, तो कसा मिळवायचा, साठवायचा आणि त्याचा नाश कसा करायचा	डेटा	Yohan
24	Banking App	स्टेट मॅनेजमेंटची संकल्पना	आपला अॅप स्टेट कसा टिकवतो आणि तो प्रोग्रामॅटिकली कसा व्यवस्थापित करायचा ते जाणून घ्या	स्टेट मॅनेजमेंट	Yohan
25	Browser/VScode Code	VScode सह काम करणे	कोड एडिटर वापरणे कसे शिकावे	VScode कोड एडिटर वापरा	Chris
26	AI Assistants	AI सह काम करणे	आपला स्वतःचा AI सहाय्यक कसा तयार करायचा ते शिकणे	AI सहाय्यक प्रकल्प	Chris

🏫 शिक्षण पद्धती

आमचा अभ्यासक्रम दोन प्रमुख शिक्षण पद्धतींच्या तत्त्वांवर आधारित आहे:

प्रकल्प-आधारित शिक्षण
वारंवार क्विझेस

हा कार्यक्रम JavaScript, HTML, आणि CSS च्या मूलभूत गोष्टी तसेच आजच्या वेब विकसकांद्वारे वापरल्या जाणाऱ्या नवीनतम साधने आणि तंत्र शिकवतो. विद्यार्थ्यांना टायपिंग गेम, व्हर्च्युअल टेरॅरियम, पर्यावरणास अनुकूल ब्राउझर एक्सटेंशन, स्पेस-इनव्हेडर-शैलीतील गेम आणि व्यवसायांसाठी बँकिंग अॅप तयार करून व्यावहारिक अनुभव विकसित करण्याची संधी मिळेल. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाची ठोस समज प्राप्त होईल.

🎓 आपण Microsoft Learn वर Learn Path म्हणून या अभ्यासक्रमातील पहिली काही धडे घेऊ शकता!

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

याव्यतिरिक्त, वर्गापूर्वी कमी-जोखीम क्विझ विद्यार्थ्याला विषय शिकण्याच्या हेतूने सेट करते, तर वर्गानंतरचा दुसरा क्विझ पुढील स्मरणशक्ती सुनिश्चित करतो. हा अभ्यासक्रम लवचिक आणि मजेदार बनवण्यासाठी डिझाइन केला गेला आहे आणि संपूर्ण किंवा अंशतः घेतला जाऊ शकतो. प्रकल्प लहान सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिकाधिक जटिल बनतात.

आम्ही जाणीवपूर्वक JavaScript फ्रेमवर्क सादर करण्याचे टाळले आहे जे वेब विकसक म्हणून फ्रेमवर्क स्वीकारण्यापूर्वी आवश्यक असलेल्या मूलभूत कौशल्यांवर लक्ष केंद्रित करण्यासाठी आहे, या अभ्यासक्रमाला पूर्ण करण्यासाठी पुढील चांगले पाऊल म्हणजे "Beginner Series to: Node.js" व्हिडिओंच्या आणखी एका संग्रहाबद्दल शिकणे.

आमच्या Code of Conduct आणि Contributing मार्गदर्शक तत्त्वांना भेट द्या. आम्ही आपले रचनात्मक अभिप्राय स्वागत करतो!

🧭 ऑफलाइन प्रवेश

आपण Docsify वापरून हे दस्तऐवज ऑफलाइन चालवू शकता. या रेपोला फोर्क करा, आपल्या स्थानिक मशीनवर Docsify इंस्टॉल करा, आणि नंतर या रेपोच्या रूट फोल्डरमध्ये docsify serve टाइप करा. वेबसाइट आपल्या लोकलहोस्टवर पोर्ट 3000 वर सर्व्ह केली जाईल: localhost:3000.

📘 PDF

सर्व धड्यांचा PDF येथे सापडू शकतो.

🎒 इतर अभ्यासक्रम

आमची टीम इतर अभ्यासक्रम तयार करते! तपासा:

मदत मिळवा

जर तुम्हाला अडचण आली किंवा AI अ‍ॅप्स तयार करताना काही प्रश्न असतील तर येथे सामील व्हा:

जर तुम्हाला उत्पादनाबद्दल अभिप्राय द्यायचा असेल किंवा तयार करताना काही त्रुटी आढळल्या तर येथे भेट द्या:

परवाना

या रिपॉझिटरीला MIT परवान्याअंतर्गत परवाना देण्यात आला आहे. अधिक माहितीसाठी LICENSE फाइल पहा.

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

46 KiB Raw Blame History