Web-Dev-For-Beginners/translations/mr

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

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

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 | Khmer | 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+ भाषांतील अनुवाद आहेत जे डाउनलोड आकार लक्षणीय वाढवतात. अनुवादांशिवाय क्लोन करण्यासाठी sparse checkout वापरा:

Bash / macOS / Linux:

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'

CMD (Windows):

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"

यामुळे कोर्स पूर्ण करण्यासाठी आवश्यक सर्वकाही आपल्याला लवकर डाउनलोड होईल.

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

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

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

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

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

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

नवीन AI Assistant प्रोजेक्ट नुकताच समाविष्ट केला गेला आहे, ते बघा प्रोजेक्ट

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

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

हे टप्पे फॉलो करा:

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 क्विझ ज्यामध्ये प्रत्येकात तीन प्रश्न आहेत. ते येथे उपलब्ध आहेत येथे क्विझ अॅप स्थानिकरित्या चालवता येतो किंवा Azure वर तैनात करता येतो; quiz-app फोल्डरमधील सूचना पाळा.

🗃️ धडे

	प्रोजेक्ट नाव	शिकवले जाणारे संकल्पना	शैक्षणिक उद्दिष्टे	लिंक केलेला धडा	लेखक
01	Getting Started	प्रोग्रामिंगची ओळख आणि कामासाठी वापरलेले साधन	बहुतेक प्रोग्रामिंग भाषांमागील मूलभूत तत्त्वे आणि व्यावसायिक विकासक त्यांच्या कामासाठी वापरतात असे सॉफ्टवेअर जाणून घ्या	Intro to Programming Languages and Tools of the Trade	Jasmine
02	Getting Started	GitHub चे मूलतत्त्व, टीमसोबत काम करणे	आपल्या प्रोजेक्टमध्ये GitHub कसा वापरायचा, कोड बेसवर इतरांशी सहकार्य कसे करायचे	Intro to GitHub	Floor
03	Getting Started	प्रवेशयोग्यता	वेब प्रवेशयोग्यतेचे मूलतत्त्वे शिका	Accessibility Fundamentals	Christopher
04	JS Basics	JavaScript डेटा प्रकार	JavaScript डेटा प्रकारांची मूलतत्त्वे	Data Types	Jasmine
05	JS Basics	फंक्शन्स आणि मेथड्स	एक अॅप्लिकेशनच्या लॉजिक फ्लोचे नियमन करण्यासाठी फंक्शन्स आणि मेथड्सबद्दल शिका	Functions and Methods	Jasmine and Christopher
06	JS Basics	JS ने निर्णय कसे घ्यायचे	आपल्या कोडमध्ये निर्णय घेण्याच्या पद्धती कशा तयार करायच्या हे शिका	Making Decisions	Jasmine
07	JS Basics	Arrays आणि Loops	JavaScript मध्ये डेटा हाताळण्यासाठी अ‍ॅरे आणि लूप्स वापरणे	Arrays and Loops	Jasmine
08	Terrarium	HTML वर व्यवहार	ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउटवर भर देऊन	Introduction to HTML	Jen
09	Terrarium	CSS वर व्यवहार	ऑनलाइन टेरारियमसाठी CSS तयार करा, CSS चे मूलतत्त्वे आणि पृष्ठ प्रतिसादक बनविण्यावर जोर देऊन	Introduction to CSS	Jen
10	Terrarium	JavaScript क्लोजर्स, DOM हाताळणी	टेरारियमसाठी ड्रॅग/ड्रॉप इंटरफेस तयार करण्यासाठी JavaScript लिहा, क्लोजर्स आणि DOM हाताळणीवर लक्ष केंद्रित करा	JavaScript Closures, DOM manipulation	Jen
11	Typing Game	टायपिंग गेम तयार करा	JavaScript अॅप्लिकेशनच्या लॉजिकला कीबोर्ड इव्हेंट्स चा वापर करून चालवा	Event-Driven Programming	Christopher
12	Green Browser Extension	ब्राउझरसोबत काम करणे	ब्राउझर कसे कार्य करतात, त्याचा इतिहास आणि ब्राउझर विस्तार घटकांची प्राथमिक रचना कशी तयार करायची हे शिका	About Browsers	Jen
13	Green Browser Extension	फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक संग्रहात व्हेरिएबल साठवणे	आपले ब्राउझर विस्तार तयार करा जे API कॉल करेल आणि स्थानीय संग्रहात सीरियलाइज्ड व्हेरिएबल्स वापरेल	APIs, Forms, and Local Storage	Jen
14	Green Browser Extension	ब्राउझरमधील पार्श्वभूमी प्रक्रिया, वेब कार्यक्षमता	ब्राउझरच्या पार्श्वभूमी प्रक्रियांचा वापर करून विस्ताराचा आयकॉन व्यवस्थापित करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशन शिका	Background Tasks and Performance	Jen
15	Space Game	JavaScript सह अधिक प्रगत गेम विकास	क्लास आणि कंपोझिशन वापरून इनहेरिटेंस आणि पब/सब पॅटर्न बद्दल शिका, गेम बनविण्याच्या तयारीसाठी	Introduction to Advanced Game Development	Chris
16	Space Game	कॅनव्हासवर रेखाटणे	कॅनव्हास API चा अभ्यास करा, ज्याचा वापर करून स्क्रीनवर घटक रेखाटले जातात	Drawing to Canvas	Chris
17	Space Game	स्क्रीनवर घटक हलविणे	घटकांना चळवळ देण्यासाठी कॅर्टेशियन निर्देशांक आणि कॅनव्हास API यांचा वापर जाणून घ्या	Moving Elements Around	Chris
18	Space Game	धडक ओळखणे	कीप्रेस वापरून घटकांना एकमेकांशी धडकवून त्यावर प्रतिक्रिया देण्यासाठी कोल्डडाउन फंक्शन तयार करा जेणेकरून गेमची कार्यक्षमता टिकेल	Collision Detection	Chris
19	Space Game	स्कोर ठेवणे	गेमच्या स्थिती आणि कार्यक्षमतेच्या आधारावर गणितीय गणना करा	Keeping Score	Chris
20	Space Game	गेम संपवणे आणि पुन्हा सुरू करणे	गेम संपवणे आणि पुन्हा सुरू करण्याबद्दल शिका, तसेच संसाधने साफ करणे आणि व्हेरिएबल किंमती रीसेट करणे	The Ending Condition	Chris
21	Banking App	वेब अॅपमधील HTML टेंप्लेट्स आणि राऊट्स	मल्टीपेज वेबसाईट संरचना तयार करण्यासाठी राऊटिंग आणि HTML टेंप्लेट वापरणे शिका	HTML Templates and Routes	Yohan
22	Banking App	लॉगिन आणि नोंदणी फॉर्म तयार करा	फॉर्म तयार करण्याबद्दल आणि मूल्यांकन प्रक्रिया हाताळण्याबाबत शिका	Forms	Yohan
23	Banking App	डेटा घेण्याचे आणि वापरण्याचे पद्धती	आपला अॅपमध्ये डेटा कसा येतो व जातो, तो कसा मिळवायचा, साठवायचा आणि नष्ट करायचा	Data	Yohan
24	Banking App	स्टेट व्यवस्थापन संकल्पना	आपल्या अॅपची स्थिती कशी टिकवून ठेवायची आणि त्याचे प्रोग्रामिंगद्वारे व्यवस्थापन कसे करायचे हे शिका	State Management	Yohan
25	Browser/VScode Code	VScode सोबत काम करणे	कोड संपादक वापरणे शिका	Use VScode Code Editor	Chris
26	AI Assistants	AI सोबत काम करणे	आपला स्वतःचा AI असिस्टंट कसा बनवायचा ते शिका	AI Assistant project	Chris

🏫 पेडागॉजी

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

• प्रोजेक्ट-आधारित शिक्षण
• वारंवार क्विझ

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

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

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

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

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

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

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

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