Web-Dev-For-Beginners/translations/mr

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

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

Azure AI Foundry डिस्कॉर्ड समुदायामध्ये सामील व्हा

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

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

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

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 | Korean | Lithuanian | Malay | Marathi | Nepali | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Thai | Turkish | Ukrainian | Urdu | Vietnamese

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

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

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

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

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

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

आमचा नवीन जनरेटिव्ह 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 खात्यात या अभ्यासक्रमाची प्रत असलेली नवीन रेपॉजिटरी तयार होईल.

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

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

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

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

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

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

आमची शिफारस आहे की तुम्ही Visual Studio Code एडिटर म्हणून वापरा, ज्यामध्ये एक अंगभूत Terminal देखील आहे. तुम्ही इथे 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 फोल्डरमध्ये समाविष्ट आहेत, एकूण 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 च्या मूलभूत गोष्टी तसेच आजच्या वेब विकसकांनी वापरलेली नवीनतम साधने आणि तंत्र शिकवतो. विद्यार्थ्यांना टायपिंग गेम, व्हर्च्युअल टेरॅरियम, पर्यावरणास अनुकूल ब्राउझर एक्सटेंशन, स्पेस-इनव्हेडर-शैलीतील गेम आणि व्यवसायांसाठी बँकिंग अॅप तयार करून व्यावहारिक अनुभव मिळवण्याची संधी मिळेल. मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाची ठोस समज प्राप्त होईल.

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

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

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

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

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

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

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

📘 PDF

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

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

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

• MCP for Beginners
• Edge AI for Beginners
• AI Agents for Beginners
• Generative AI for Beginners .NET
• Generative AI with JavaScript
• Generative AI with Java
• AI for Beginners
• Data Science for Beginners
• ML for Beginners
• Cybersecurity for Beginners
• Web Dev for Beginners
• IoT for Beginners
• XR विकासासाठी नवशिक्यांसाठी मार्गदर्शन
• GitHub Copilot चा प्रभावी वापर शिकणे
• C#/.NET विकसकांसाठी GitHub Copilot चा मास्टरिंग
• तुमचा स्वतःचा Copilot प्रवास निवडा

मदत मिळवा

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

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

परवाना

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

---

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