50 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 मूलभूत गोष्टी	जावास्क्रिप्ट डेटा प्रकार	जावास्क्रिप्ट डेटा प्रकारांची मूलभूत माहिती	डेटा प्रकार	Jasmine
05	JS मूलभूत गोष्टी	फंक्शन्स आणि मेथड्स	अॅप्लिकेशनच्या लॉजिक फ्लोचे व्यवस्थापन करण्यासाठी फंक्शन्स आणि मेथड्सबद्दल जाणून घ्या	फंक्शन्स आणि मेथड्स	Jasmine आणि Christopher
06	JS मूलभूत गोष्टी	जावास्क्रिप्टसह निर्णय घेणे	निर्णय घेण्याच्या पद्धती वापरून तुमच्या कोडमध्ये अटी कशा तयार करायच्या ते जाणून घ्या	निर्णय घेणे	Jasmine
07	JS मूलभूत गोष्टी	ऍरे आणि लूप्स	जावास्क्रिप्टमध्ये ऍरे आणि लूप्स वापरून डेटा व्यवस्थापित करा	ऍरे आणि लूप्स	Jasmine
08	Terrarium	HTML चा सराव	ऑनलाइन टेरॅरियम तयार करण्यासाठी HTML तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा	HTML ची ओळख	Jen
09	Terrarium	CSS चा सराव	ऑनलाइन टेरॅरियमला शैली देण्यासाठी CSS तयार करा, CSS च्या मूलभूत गोष्टींवर लक्ष केंद्रित करा ज्यामध्ये पृष्ठ प्रतिसादक्षम बनवणे समाविष्ट आहे	CSS ची ओळख	Jen
10	Terrarium	जावास्क्रिप्ट क्लोजर्स, DOM मॅनिप्युलेशन	टेरॅरियमला ड्रॅग/ड्रॉप इंटरफेस म्हणून कार्य करण्यासाठी जावास्क्रिप्ट तयार करा, क्लोजर्स आणि DOM मॅनिप्युलेशनवर लक्ष केंद्रित करा	जावास्क्रिप्ट क्लोजर्स, DOM मॅनिप्युलेशन	Jen
11	Typing Game	टायपिंग गेम तयार करा	तुमच्या जावास्क्रिप्ट अॅपच्या लॉजिकला चालवण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे ते जाणून घ्या	इव्हेंट-ड्रिव्हन प्रोग्रामिंग	Christopher
12	Green Browser Extension	ब्राउझरसह काम करणे	ब्राउझर कसे कार्य करतात, त्यांचा इतिहास आणि ब्राउझर एक्सटेंशनच्या पहिल्या घटकांची संरचना कशी तयार करायची ते जाणून घ्या	ब्राउझरबद्दल	Jen
13	Green Browser Extension	फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक स्टोरेजमध्ये व्हेरिएबल्स साठवणे	स्थानिक स्टोरेजमध्ये साठवलेल्या व्हेरिएबल्स वापरून API कॉल करण्यासाठी तुमच्या ब्राउझर एक्सटेंशनचे जावास्क्रिप्ट घटक तयार करा	APIs, फॉर्म्स, आणि स्थानिक स्टोरेज	Jen
14	Green Browser Extension	ब्राउझरमधील पार्श्वभूमी प्रक्रिया, वेब कार्यक्षमता	एक्सटेंशनच्या आयकॉनचे व्यवस्थापन करण्यासाठी ब्राउझरच्या पार्श्वभूमी प्रक्रियेचा वापर करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशनबद्दल जाणून घ्या	पार्श्वभूमी कार्ये आणि कार्यक्षमता	Jen
15	Space Game	जावास्क्रिप्टसह अधिक प्रगत गेम विकास	गेम तयार करण्याच्या तयारीसाठी क्लासेस आणि कंपोझिशन वापरून इनहेरिटन्स आणि पब/सब पॅटर्नबद्दल जाणून घ्या	प्रगत गेम विकासाची ओळख	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

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

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

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

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

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

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

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

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

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

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

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

📘 PDF

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

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

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

Azure / Edge / MCP / Agents

जनरेटिव AI मालिका

मुख्य शिक्षण

कोपायलट मालिका

मदत मिळवा

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

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

परवाना

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

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

50 KiB Raw Blame History