43 KiB

Raw Blame History

या संसाधनांचा वापर सुरू करण्यासाठी खालील चरणांचे अनुसरण करा:

रेपॉझिटरी फॉर्क करा: क्लिक करा
रेपॉझिटरी क्लोन करा: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Azure AI Foundry Discord मध्ये सामील व्हा आणि तज्ञ व इतर डेव्हलपर्सशी संवाद साधा

नवशिक्यांसाठी वेब डेव्हलपमेंट - अभ्यासक्रम

Microsoft Cloud Advocates कडून 12 आठवड्यांचा व्यापक कोर्स घेऊन वेब डेव्हलपमेंटच्या मूलभूत गोष्टी शिका. प्रत्येक 24 धड्यांमध्ये JavaScript, CSS, आणि HTML शिकवले जाते, ज्यामध्ये टेरॅरियम्स, ब्राउझर एक्सटेंशन्स, आणि स्पेस गेम्ससारखे प्रोजेक्ट्स असतात. क्विझ, चर्चा, आणि प्रॅक्टिकल असाइनमेंट्ससह सहभाग घ्या. प्रोजेक्ट-आधारित शिक्षण पद्धतीने तुमचे कौशल्य वाढवा आणि ज्ञान टिकवून ठेवा. आजच तुमचा कोडिंग प्रवास सुरू करा!

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

GitHub Action द्वारे समर्थित (स्वयंचलित आणि नेहमी अद्ययावत)

जर तुम्हाला अतिरिक्त भाषांमध्ये अनुवाद हवा असेल तर समर्थित भाषांची यादी येथे दिली आहे

🧑‍🎓 तुम्ही विद्यार्थी आहात का?

Student Hub पृष्ठाला भेट द्या, जिथे तुम्हाला नवशिक्यांसाठी संसाधने, विद्यार्थी पॅक्स आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळवण्याचे मार्ग सापडतील. हे पृष्ठ बुकमार्क करा आणि वेळोवेळी तपासा कारण आम्ही दर महिन्याला सामग्री बदलतो.

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

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

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

आमचा नवीन जनरेटिव्ह AI अभ्यासक्रम चुकवू नका!

https://aka.ms/genai-js-course ला भेट द्या आणि सुरुवात करा!

मूलभूत गोष्टींपासून RAG पर्यंत सर्वकाही कव्हर करणारे धडे.
GenAI आणि आमच्या साथीदार अॅपचा वापर करून ऐतिहासिक पात्रांशी संवाद साधा.
मजेदार आणि आकर्षक कथा, तुम्ही वेळ प्रवास कराल!

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

प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
टेक्स्ट आणि इमेज अॅप जनरेशन
सर्च अॅप्स

https://aka.ms/genai-js-course ला भेट द्या आणि सुरुवात करा!

🌱 सुरुवात कशी करावी

शिक्षक, आम्ही काही सूचना समाविष्ट केल्या आहेत की हा अभ्यासक्रम कसा वापरायचा. आमच्या चर्चा मंचावर तुमचे अभिप्राय आम्हाला आवडतील!

शिकणारे, प्रत्येक धड्यासाठी, प्री-लेक्चर क्विझने सुरुवात करा आणि लेक्चर सामग्री वाचून, विविध क्रियाकलाप पूर्ण करून आणि पोस्ट-लेक्चर क्विझसह तुमची समज तपासून पुढे जा.

तुमचा शिक्षण अनुभव वाढवण्यासाठी, प्रोजेक्ट्सवर एकत्र काम करण्यासाठी तुमच्या सहकाऱ्यांशी कनेक्ट व्हा! आमच्या चर्चा मंचावर चर्चा प्रोत्साहित केल्या जातात जिथे आमचे मॉडरेटर तुमच्या प्रश्नांची उत्तरे देण्यासाठी उपलब्ध असतील.

तुमचे शिक्षण पुढे नेण्यासाठी, आम्ही Microsoft Learn एक्सप्लोर करण्याची जोरदार शिफारस करतो, जिथे अतिरिक्त अभ्यास सामग्री उपलब्ध आहे.

📋 तुमचे वातावरण सेट करणे

या अभ्यासक्रमासाठी विकासाचे वातावरण तयार आहे! सुरुवात करताना तुम्ही Codespace (ब्राउझर-आधारित, कोणत्याही इंस्टॉलची गरज नाही) किंवा तुमच्या संगणकावर स्थानिकपणे Visual Studio Code सारख्या टेक्स्ट एडिटरचा वापर करून चालवू शकता.

तुमची रेपॉझिटरी तयार करा

तुमचे काम सहजपणे सेव्ह करण्यासाठी, तुमच्या GitHub खात्यात या रेपॉझिटरीची स्वतःची प्रत तयार करणे शिफारसीय आहे. तुम्ही पृष्ठाच्या शीर्षस्थानी 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 सह अधिक प्रगत गेम डेव्हलपमेंट	वर्ग आणि रचना वापरून वारसा आणि Pub/Sub पॅटर्नबद्दल जाणून घ्या, गेम तयार करण्याच्या तयारीसाठी	प्रगत गेम डेव्हलपमेंटची ओळख	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 च्या मूलभूत गोष्टी तसेच आजच्या वेब डेव्हलपर्सद्वारे वापरल्या जाणाऱ्या नवीनतम साधने आणि तंत्र शिकवतो. विद्यार्थी टायपिंग गेम, व्हर्च्युअल टेरॅरियम, पर्यावरणपूरक ब्राउझर एक्सटेंशन, स्पेस-इनव्हेडर-शैलीतील गेम, आणि व्यवसायांसाठी बँकिंग अॅप तयार करून व्यावहारिक अनुभव मिळवण्याची संधी मिळवतील. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब डेव्हलपमेंटचे सखोल ज्ञान मिळालेले असेल.

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

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

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

आम्ही जाणीवपूर्वक JavaScript फ्रेमवर्क्सची ओळख टाळली आहे जेणेकरून फ्रेमवर्क स्वीकारण्यापूर्वी वेब डेव्हलपर म्हणून आवश्यक असलेल्या मूलभूत कौशल्यांवर लक्ष केंद्रित करता येईल. या अभ्यासक्रम पूर्ण केल्यानंतर पुढील चांगले पाऊल म्हणजे Node.js बद्दल शिकणे, ज्यासाठी आणखी एक व्हिडिओ संग्रह आहे: "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 वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी, कृपयास लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी, व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून निर्माण होणाऱ्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.

43 KiB Raw Blame History