Web-Dev-For-Beginners/translations/mr

सुरुवातीसाठी वेब विकास - एक अभ्यासक्रम

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

Azure AI Foundry Discord समुदायात सामील व्हा

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

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

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

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

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

स्थानिकरित्या क्लोन करण्यास प्राधान्य द्याल का?

या रिपॉजिटरीमध्ये 50+ भाषा अनुवाद आहेत ज्यामुळे डाउनलोड साईज लक्षणीय वाढतो. केवळ मूळ रिपॉजिटरी क्लोन करण्यासाठी, स्पार्स चेकआउट वापरा:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

हे तुम्हाला कोर्स पूर्ण करण्यासाठी आवश्यक असलेली सर्वकाही अधिक जलद डाउनलोड करण्यास मदत करेल.

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

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

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

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

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

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

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

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

आमचा नवीन Generative AI अभ्यासक्रम मिस करू नका!

सुरू करण्यासाठी भेट द्या https://aka.ms/genai-js-course!

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

प्रत्येक धड्यात एक असाइनमेंट पूर्ण करण्यासाठी, ज्ञान तपासणी आणि आव्हान दिलेले आहे जे तुम्हाला खालील विषय शिकण्यास मार्गदर्शन करते:

• प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
• मजकूर व प्रतिमा अॅप जनरेशन
• शोध अॅप्स

सुरू करण्यासाठी भेट द्या https://aka.ms/genai-js-course!

🌱 सुरुवात करणे

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

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

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

तुमची अधिक शिक्षणासाठी, आम्ही Microsoft Learn वापरण्याची जोरदार शिफारस करतो.

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

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

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

तुमच्या कामाचे सहज जतन करण्यासाठी, तुमच्या स्वतःच्या कॉपीची निर्मिती करण्यासाठी शिफारस केली जाते. हे करण्यासाठी या पृष्ठावरील Use this template बटणावर क्लिक करा. यामुळे तुमच्या GitHub खात्यात या अभ्यासक्रमाची नक्कल असलेला नवीन रिपॉजिटरी तयार होईल.

हे चरणांचे अनुसरण करा:

1. रिपॉजिटरी फोर्क करा: या पृष्ठाच्या वरच्या उजव्या कोपर्‍यात असलेल्या "Fork" बटणावर क्लिक करा.
2. रिपॉजिटरी क्लोन करा: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Codespace मध्ये अभ्यासक्रम चालवणे

तुमच्या तयार केलेल्या कॉपी मध्ये, Code बटणावर क्लिक करा आणि Open with Codespaces निवडा. यामुळे तुम्हाला काम करण्यासाठी नवीन Codespace तयार होईल.

तुमच्या संगणकावर स्थानिकरित्या अभ्यासक्रम चालवणे

या अभ्यासक्रमाला स्थानिकरित्या चालवण्यासाठी, तुम्हाला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन टूलची आवश्यकता आहे. आमचा पहिला धडा, Introduction to Programming Languages and Tools of the Trade, तुम्हाला प्रत्येक टूल पर्यायांची माहिती देईल आणि तुमच्यासाठी सर्वोत्तम काय आहे ते निवडायला मदत करेल.

आमच्या शिफारशीप्रमाणे, तुम्ही Visual Studio Code तुमचा एडिटर म्हणून वापरा ज्यामध्ये अंगभूत टर्मिनल देखील आहे. तुम्ही Visual Studio Code येथे डाउनलोड करू शकता.

1. तुमच्या संगणकावर तुमचा रिपॉजिटरी क्लोन करा. हे करण्यासाठी Code बटण क्लिक करा आणि URL कॉपी करा:

   CodeSpace मग, Visual Studio Code मध्ये Terminal उघडा आणि खालील आदेश चालवा, <your-repository-url> या स्थानावर आपण नुकतीच कॉपी केलेली URL टाका:

   git clone <your-repository-url>
   

2. Visual Studio Code मध्ये फोल्डर उघडा. आपण हे File > Open Folder क्लिक करून आणि आपण नुकताच क्लोन केलेला फोल्डर निवडून करू शकता.

शिफारस केलेले Visual Studio Code विस्तार:

• Live Server - Visual Studio Code मध्ये HTML पृष्ठांचे प्रीव्ह्यू करण्यासाठी
• Copilot - कोड जलद लिहिण्यास मदत करण्यासाठी

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

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

क्विझ संबंधित टीप: सर्व क्विझेस 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 संशोधनावर लक्ष केंद्रित करा	JS क्लोजर, DOM संशोधन	Jen
11	टायपिंग गेम	टायपिंग गेम तयार करणे	JavaScript अ‍ॅपची लॉजिक चालवण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे हे शिका	इव्हेंट-चालित प्रोग्रामिंग	Christopher
12	ग्रीन ब्राउझर विस्तार	ब्राउझर सोबत काम करणं	ब्राउझर्स कसे काम करतात, त्यांचा इतिहास आणि ब्राउझर विस्तारांची पहिले घटक तयार करण्याची पद्धत शिका	ब्राउझर बद्दल	Jen
13	ग्रीन ब्राउझर विस्तार	फॉर्म तयार करणे, API कॉल करणे आणि स्थानीय संचयात व्हेरिएबल्स साठवणे	API कॉल करण्यासाठी ब्राउझर एक्सटेंशनचे JavaScript तयार करा, स्थानीय संचयातील व्हेरिएबल्स वापरून	API, फॉर्म, आणि लोकल स्टोरेज	Jen
14	ग्रीन ब्राउझर विस्तार	ब्राउझरमधील पृष्ठभूमी प्रक्रिये, वेब कार्यक्षमता	विस्तार आयकॉन व्यवस्थापित करण्यासाठी ब्राउझरच्या पृष्ठभूमी प्रक्रियांचा वापर करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशन शिका	पृष्ठभूमी कार्ये आणि कार्यक्षमता	Jen
15	स्पेस गेम	JavaScript सह अजून प्रगत गेम डेव्हलपमेंट	वर्ग आणि संयोजन वापरून वारसा, आणि Pub/Sub पद्धत बद्दल शिका, गेम तयार करण्यासाठी तयारी	प्रगत गेम डेव्हलपमेंट परिचय	Chris
16	स्पेस गेम	कॅनव्हासवर ड्रॉइंग	स्क्रीनवर घटक रेखाटण्यासाठी कॅनव्हास API बद्दल शिका	कॅनव्हास वर ड्रॉइंग	Chris
17	स्पेस गेम	स्क्रीनवर घटक हलविणे	घटकांना गती मिळवून देण्यासाठी Cartesian Coordinates आणि कॅनव्हास API कसा वापरायचा हे शोधा	घटक हलविणे	Chris
18	स्पेस गेम	संग撞 तपासणी	घटकांना एकमेकांशी टकराव करून कसे प्रतिक्रिया द्यायची आणि कार्यप्रदर्शनासाठी कूलडाउन फंक्शन कशी द्यायची ते शिका	संघर्ष तपासणी	Chris
19	स्पेस गेम	गुणांक ठेवणे	गेमच्या स्थिती आणि कार्यक्षमतेवर आधारित गणिती गणना करा	गुणांक ठेवणे	Chris
20	स्पेस गेम	गेम संपवणे आणि पुन्हा सुरू करणे	गेम संपवण्यास आणि पुनःप्रारंभ करण्यासंबंधी, संसाधने स्वच्छ करणे आणि व्हेरिएबल मूल्ये रीसेट करणे शिका	अंतिम स्थिती	Chris
21	बँकिंग अ‍ॅप	वेब अ‍ॅपमध्ये HTML साचा आणि मार्ग	राउटिंग आणि HTML साच्यांचा वापर करून बहुपृष्ठी वेबसाइटचे आराखडा कसा तयार करायचा हे शिका	HTML साच्य आणि मार्ग	Yohan
22	बँकिंग अ‍ॅप	लॉगिन आणि नोंदणी फॉर्म तयार करा	फॉर्म तयार करणे आणि प्रमाणीकरण प्रथांची हाताळणी कशी करायची शिका	फॉर्म	Yohan
23	बँकिंग अ‍ॅप	डेटा मिळवण्याच्या आणि वापरण्याच्या पद्धती	आपल्या अ‍ॅपमध्ये डेटा कसा प्रवाहित होतो, कसा मिळवायचा, साठवायचा आणि नष्ट करण्याचा मार्ग	डेटा	Yohan
24	बँकिंग अ‍ॅप	राज्य व्यवस्थापन संकल्पना	आपल्या अ‍ॅपमध्ये स्थिती कशी टिकवली जाते आणि प्रोग्रामॅटिकली कशी व्यवस्थापित केली जाते हे शिका	राज्य व्यवस्थापन	Yohan
25	Browser/VScode Code	VScode सोबत काम	कोड एडिटर कसा वापरायचा शिका	VScode कोड एडिटर वापरा	Chris
26	AI सहायक	AI सह काम करणे	आपला स्वतःचा AI सहाय्यक कसा तयार करायचा शिका	AI सहाय्यक प्रोजेक्ट	Chris

🏫 शिक्षणशास्त्र

आमच्या अभ्यासक्रमाला दोन मुख्य अध्यापन तत्त्वे लक्षात घेऊन डिझाईन केले आहे:

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

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

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

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

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

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

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

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

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

📘 PDF

सर्व धड्यांचा PDF येथे उपलब्ध आहे.

🎒 इतर कोर्सेस

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

LangChain

Azure / Edge / MCP / Agents

---

Generative AI Series

---

Core Learning

---

Copilot Series

मदत मिळवा

जर तुम्हाला अडचण येत असेल किंवा AI ऍप्स तयार करताना काही प्रश्न असतील तर. इतर शिकणाऱ्यांसह आणि अनुभवी विकसकांसह MCP बाबत चर्चेमध्ये सहभागी व्हा. ही एक सहकार्यशील समुदाय आहे जिथे प्रश्न विचारले जातात आणि ज्ञान मुक्तपणे वाटले जाते.

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

परवाना

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

---

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