msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '429a03b56a'
${ noResults }
Web-Dev-For-Beginners/translations/mr/README.md

246 lines
46 KiB
Raw Blame History

<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "3fd21589b9bb0a90b9c9dd7d587f7e43",
"translation_date": "2025-10-20T21:12:35+00:00",
"source_file": "README.md",
"language_code": "mr"
}
-->
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
[![](https://dcbadge.vercel.app/api/server/ByRwuEEgH4)](https://discord.gg/zxKYvhSnVp?WT.mc_id=academic-000002-leestott)
# नवशिक्यांसाठी वेब विकास - एक अभ्यासक्रम
मायक्रोसॉफ्ट क्लाउड अॅडव्होकेट्सद्वारे दिल्या जाणाऱ्या 12 आठवड्यांच्या व्यापक कोर्ससह वेब विकासाचे मूलभूत तत्त्वे शिकवा. 24 धड्यांपैकी प्रत्येक धडा जावास्क्रिप्ट, CSS आणि HTML मध्ये टेरॅरियम्स, ब्राउझर एक्सटेंशन्स आणि स्पेस गेम्ससारख्या प्रोजेक्ट्सद्वारे सखोलपणे शिकवतो. क्विझ, चर्चासत्रे आणि व्यावहारिक असाइनमेंट्ससह सहभाग घ्या. आमच्या प्रभावी प्रोजेक्ट-आधारित शिक्षण पद्धतीसह तुमचे कौशल्य वाढवा आणि तुमचे ज्ञान टिकवून ठेवा. आजच तुमचा कोडिंग प्रवास सुरू करा!
Azure AI Foundry Discord समुदायामध्ये सामील व्हा
[![Microsoft Azure AI Foundry Discord](https://dcbadge.limes.pink/api/server/ByRwuEEgH4)](https://discord.com/invite/ByRwuEEgH4)
या संसाधनांचा वापर सुरू करण्यासाठी खालील चरणांचे अनुसरण करा:
1. **रेपॉझिटरी फोर्क करा**: क्लिक करा [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **रेपॉझिटरी क्लोन करा**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord मध्ये सामील व्हा आणि तज्ञ व इतर विकसकांशी भेटा**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 बहुभाषिक समर्थन
#### GitHub Action द्वारे समर्थित (स्वयंचलित आणि नेहमी अद्ययावत)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh/README.md) | [Chinese (Traditional, Hong Kong)](../hk/README.md) | [Chinese (Traditional, Macau)](../mo/README.md) | [Chinese (Traditional, Taiwan)](../tw/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Marathi](./README.md) | [Nepali](../ne/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../br/README.md) | [Portuguese (Portugal)](../pt/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**जर तुम्हाला अतिरिक्त भाषांमध्ये भाषांतर हवे असेल तर [येथे सूचीबद्ध](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) भाषांमध्ये समर्थन उपलब्ध आहे**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _तुम्ही विद्यार्थी आहात का?_
[**Student Hub पृष्ठाला भेट द्या**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) जिथे तुम्हाला नवशिक्यांसाठी संसाधने, विद्यार्थी पॅक आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळवण्याचे मार्ग सापडतील. हे पृष्ठ बुकमार्क करा आणि वेळोवेळी तपासा कारण आम्ही दर महिन्याला सामग्री बदलतो.
### 📣 घोषणा - GitHub Copilot Agent मोड आव्हाने पूर्ण करण्यासाठी नवीन!
नवीन आव्हान जोडले गेले आहे, "GitHub Copilot Agent Challenge 🚀" बहुतेक अध्यायांमध्ये शोधा. हे एक नवीन आव्हान आहे जे तुम्ही GitHub Copilot आणि Agent मोड वापरून पूर्ण करू शकता. जर तुम्ही यापूर्वी Agent मोड वापरला नसेल तर तो केवळ मजकूर तयार करण्यास सक्षम नाही तर फाइल्स तयार आणि संपादित करू शकतो, कमांड चालवू शकतो आणि बरेच काही करू शकतो.
### 📣 घोषणा - _Generative AI वापरून नवीन प्रोजेक्ट तयार करा_
नवीन AI सहाय्यक प्रोजेक्ट नुकताच जोडला आहे, तपासा [प्रोजेक्ट](./09-chat-project/README.md)
### 📣 घोषणा - _नवीन अभ्यासक्रम_ JavaScript साठी Generative AI वर नुकताच प्रसिद्ध झाला
आमचा नवीन Generative AI अभ्यासक्रम चुकवू नका!
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ला भेट द्या आणि सुरुवात करा!
![Background](../../translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.mr.png)
- मूलभूत गोष्टींपासून RAG पर्यंत सर्वकाही कव्हर करणारे धडे.
- GenAI आणि आमच्या साथीदार अॅपचा वापर करून ऐतिहासिक पात्रांशी संवाद साधा.
- मजेदार आणि आकर्षक कथा, तुम्ही वेळ प्रवास कराल!
![character](../../translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.mr.png)
प्रत्येक धड्यात पूर्ण करण्यासाठी एक असाइनमेंट, ज्ञान तपासणी आणि आव्हान समाविष्ट आहे जे तुम्हाला खालील विषय शिकण्यासाठी मार्गदर्शन करेल:
- प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
- मजकूर आणि प्रतिमा अॅप निर्मिती
- शोध अॅप्स
[https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) ला भेट द्या आणि सुरुवात करा!
## 🌱 सुरुवात करणे
> **शिक्षक**, आम्ही [काही सूचना समाविष्ट केल्या आहेत](for-teachers.md) की हा अभ्यासक्रम कसा वापरायचा. आमच्या [चर्चा मंचावर](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) तुमचे अभिप्राय आम्हाला आवडतील!
**[विद्यार्थी](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक धड्यासाठी, प्री-लेक्चर क्विझसह प्रारंभ करा आणि लेक्चर सामग्री वाचून, विविध क्रियाकलाप पूर्ण करून आणि पोस्ट-लेक्चर क्विझसह तुमची समज तपासून पुढे जा.
तुमचा शिक्षणाचा अनुभव वाढवण्यासाठी, प्रोजेक्ट्सवर एकत्र काम करण्यासाठी तुमच्या सहकाऱ्यांशी कनेक्ट व्हा! आमच्या [चर्चा मंचावर](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) चर्चांना प्रोत्साहन दिले जाते जिथे आमचे मॉडरेटर तुमच्या प्रश्नांची उत्तरे देण्यासाठी उपलब्ध असतील.
तुमचे शिक्षण पुढे नेण्यासाठी, आम्ही [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) एक्सप्लोर करण्याची अत्यंत शिफारस करतो जे अतिरिक्त अभ्यास सामग्रीसाठी आहे.
### 📋 तुमचे वातावरण सेट करणे
या अभ्यासक्रमासाठी विकासाचे वातावरण तयार आहे! सुरुवात करताना तुम्ही [Codespace](https://github.com/features/codespaces/) (_ब्राउझर-आधारित, कोणत्याही इंस्टॉलची गरज नाही_) मध्ये किंवा तुमच्या संगणकावर स्थानिक पातळीवर [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) सारख्या टेक्स्ट एडिटरचा वापर करून चालवू शकता.
#### तुमची रेपॉझिटरी तयार करा
तुमचे काम सहजपणे सेव्ह करण्यासाठी, तुमच्या रेपॉझिटरीची स्वतःची प्रत तयार करणे शिफारसीय आहे. तुम्ही पृष्ठाच्या शीर्षस्थानी असलेल्या **Use this template** बटणावर क्लिक करून हे करू शकता. यामुळे तुमच्या GitHub खात्यात अभ्यासक्रमाची प्रत असलेली नवीन रेपॉझिटरी तयार होईल.
या चरणांचे अनुसरण करा:
1. **रेपॉझिटरी फोर्क करा**: या पृष्ठाच्या वरच्या उजव्या कोपऱ्यातील "Fork" बटणावर क्लिक करा.
2. **रेपॉझिटरी क्लोन करा**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace मध्ये अभ्यासक्रम चालवणे
तुमच्या रेपॉझिटरीच्या प्रतामध्ये, तुम्ही तयार केलेल्या **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे तुमच्यासाठी काम करण्यासाठी नवीन Codespace तयार होईल.
![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.mr.png)
#### तुमच्या संगणकावर स्थानिक पातळीवर अभ्यासक्रम चालवणे
तुमच्या संगणकावर स्थानिक पातळीवर हा अभ्यासक्रम चालवण्यासाठी, तुम्हाला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन टूलची आवश्यकता असेल. आमचा पहिला धडा, [प्रोग्रामिंग भाषांची ओळख आणि व्यापाराचे साधने](../../1-getting-started-lessons/1-intro-to-programming-languages), तुम्हाला या साधनांपैकी प्रत्येकासाठी विविध पर्यायांमधून मार्गदर्शन करेल जे तुम्हाला सर्वात चांगले वाटते ते निवडण्यासाठी.
आमची शिफारस आहे की तुम्ही [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) एडिटर म्हणून वापरा, ज्यामध्ये एक अंगभूत [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) देखील आहे. तुम्ही [इथे](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) Visual Studio Code डाउनलोड करू शकता.
1. तुमच्या रेपॉझिटरीला तुमच्या संगणकावर क्लोन करा. तुम्ही **Code** बटणावर क्लिक करून आणि URL कॉपी करून हे करू शकता:
[CodeSpace](./images/createcodespace.png)
नंतर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) मध्ये [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) उघडा आणि खालील कमांड चालवा, `<your-repository-url>` URL ने बदला जो तुम्ही नुकताच कॉपी केला आहे:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code मध्ये फोल्डर उघडा. तुम्ही **File** > **Open Folder** वर क्लिक करून आणि तुम्ही नुकतेच क्लोन केलेले फोल्डर निवडून हे करू शकता.
> शिफारस केलेले Visual Studio Code एक्सटेंशन्स:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML पृष्ठ Visual Studio Code मध्ये प्रीव्ह्यू करण्यासाठी
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड जलद लिहिण्यास मदत करण्यासाठी
## 📂 प्रत्येक धड्यात समाविष्ट आहे:
- पर्यायी स्केच नोट
- पर्यायी पूरक व्हिडिओ
- धड्यापूर्वीचा वॉर्मअप क्विझ
- लेखी धडा
- प्रकल्प-आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यासाठी चरण-दर-चरण मार्गदर्शक
- ज्ञान तपासणी
- एक आव्हान
- पूरक वाचन
- असाइनमेंट
- [धड्यानंतरचा क्विझ](https://ff-quizzes.netlify.app/web/)
> **क्विझबद्दल एक टीप**: सर्व क्विझ Quiz-app फोल्डरमध्ये समाविष्ट आहेत, एकूण 48 क्विझेस, प्रत्येकामध्ये तीन प्रश्न आहेत. ते [येथे उपलब्ध आहेत](https://ff-quizzes.netlify.app/web/) आणि Quiz-app स्थानिक पातळीवर चालवता येतो किंवा Azure वर तैनात करता येतो; `quiz-app` फोल्डरमधील सूचनांचे अनुसरण करा.
## 🗃️ धडे
| | प्रकल्पाचे नाव | शिकवलेले संकल्पना | शिकण्याचे उद्दिष्ट | संबंधित धडा | लेखक |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | सुरुवात करा | प्रोग्रामिंगची ओळख आणि वापरायचे साधने | बहुतेक प्रोग्रामिंग भाषांच्या मूलभूत गोष्टी आणि व्यावसायिक विकसकांना त्यांचे काम करण्यास मदत करणाऱ्या सॉफ्टवेअरबद्दल जाणून घ्या | [प्रोग्रामिंग भाषांची ओळख आणि वापरायचे साधने](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | सुरुवात करा | GitHub च्या मूलभूत गोष्टी, टीमसोबत काम करणे | आपल्या प्रकल्पात GitHub कसे वापरायचे, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे | [GitHub ची ओळख](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरुवात करा | ऍक्सेसिबिलिटी | वेब ऍक्सेसिबिलिटीच्या मूलभूत गोष्टी जाणून घ्या | [ऍक्सेसिबिलिटी मूलभूत गोष्टी](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS मूलभूत गोष्टी | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांची मूलभूत माहिती | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS मूलभूत गोष्टी | फंक्शन्स आणि मेथड्स | अॅप्लिकेशनच्या लॉजिक फ्लोचे व्यवस्थापन करण्यासाठी फंक्शन्स आणि मेथड्सबद्दल जाणून घ्या | [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine आणि Christopher |
| 06 | JS मूलभूत गोष्टी | JS सह निर्णय घेणे | निर्णय घेण्याच्या पद्धती वापरून आपल्या कोडमध्ये अटी कशा तयार करायच्या ते जाणून घ्या | [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS मूलभूत गोष्टी | ऍरे आणि लूप्स | JavaScript मध्ये ऍरे आणि लूप्स वापरून डेटा व्यवस्थापित करा | [ऍरे आणि लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML चा सराव | ऑनलाइन टेरॅरियम तयार करण्यासाठी HTML तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा | [HTML ची ओळख](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS चा सराव | ऑनलाइन टेरॅरियमला शैली देण्यासाठी CSS तयार करा, CSS च्या मूलभूत गोष्टींवर लक्ष केंद्रित करा ज्यामध्ये पृष्ठ प्रतिसादक्षम बनवणे समाविष्ट आहे | [CSS ची ओळख](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर्स, DOM मॅनिप्युलेशन | टेरॅरियमला ड्रॅग/ड्रॉप इंटरफेस म्हणून कार्य करण्यासाठी JavaScript तयार करा, क्लोजर्स आणि DOM मॅनिप्युलेशनवर लक्ष केंद्रित करा | [JavaScript क्लोजर्स, DOM मॅनिप्युलेशन](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | टायपिंग गेम तयार करा | आपल्या JavaScript अॅपच्या लॉजिकला चालवण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे ते जाणून घ्या | [इव्हेंट-ड्रिव्हन प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरसह काम करणे | ब्राउझर कसे कार्य करतात, त्यांचा इतिहास आणि ब्राउझर एक्सटेंशनच्या पहिल्या घटकांचे स्कॅफोल्ड कसे तयार करायचे ते जाणून घ्या | [ब्राउझरबद्दल](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक स्टोरेजमध्ये व्हेरिएबल्स साठवणे | स्थानिक स्टोरेजमध्ये साठवलेल्या व्हेरिएबल्स वापरून API कॉल करण्यासाठी आपल्या ब्राउझर एक्सटेंशनचे JavaScript घटक तयार करा | [APIs, फॉर्म्स, आणि स्थानिक स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरमधील बॅकग्राउंड प्रक्रिया, वेब कार्यक्षमता | ब्राउझरच्या बॅकग्राउंड प्रक्रियांद्वारे एक्सटेंशनचे आयकॉन व्यवस्थापित करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशनबद्दल जाणून घ्या | [बॅकग्राउंड टास्क्स आणि कार्यक्षमता](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript सह अधिक प्रगत गेम विकास | वर्ग आणि रचना आणि पब/सब पॅटर्न वापरून वारसा बद्दल जाणून घ्या, गेम तयार करण्याच्या तयारीसाठी | [प्रगत गेम विकासाची ओळख](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | कॅनव्हासवर रेखाटन | स्क्रीनवर घटक काढण्यासाठी वापरल्या जाणाऱ्या कॅनव्हास API बद्दल जाणून घ्या | [कॅनव्हासवर रेखाटन](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलवणे | कसे घटक कार्टेशियन कोऑर्डिनेट्स आणि कॅनव्हास API वापरून गती प्राप्त करू शकतात | [घटक हलवणे](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | टक्कर शोधणे | घटकांना एकमेकांशी टक्कर देणे आणि कीप्रेस वापरून प्रतिक्रिया देणे आणि गेमची कार्यक्षमता सुनिश्चित करण्यासाठी कूलडाउन फंक्शन प्रदान करणे | [टक्कर शोधणे](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोअर ठेवणे | गेमची स्थिती आणि कार्यक्षमता यावर आधारित गणितीय गणना करा | [स्कोअर ठेवणे](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | गेम संपवणे आणि पुन्हा सुरू करणे | गेम संपवणे आणि पुन्हा सुरू करणे, अॅसेट्स साफ करणे आणि व्हेरिएबल व्हॅल्यूज रीसेट करणे याबद्दल जाणून घ्या | [समाप्ती अट](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML टेम्पलेट्स आणि वेब अॅपमधील रूट्स | रूटिंग आणि HTML टेम्पलेट्स वापरून मल्टीपेज वेबसाइटची आर्किटेक्चर तयार कशी करायची ते जाणून घ्या | [HTML टेम्पलेट्स आणि रूट्स](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करा | फॉर्म तयार करणे आणि व्हॅलिडेशन रूटीन हाताळण्याबद्दल जाणून घ्या | [फॉर्म्स](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा मिळवण्याचे आणि वापरण्याचे पद्धती | आपल्या अॅपमध्ये डेटा कसा प्रवाहित होतो, तो कसा मिळवायचा, साठवायचा आणि त्याचा नाश कसा करायचा | [डेटा](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | स्टेट मॅनेजमेंटची संकल्पना | आपला अॅप स्टेट कसा टिकवतो आणि तो प्रोग्रामॅटिकली कसा व्यवस्थापित करायचा ते जाणून घ्या | [स्टेट मॅनेजमेंट](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सह काम करणे | कोड एडिटर वापरणे कसे शिकावे | [VScode कोड एडिटर वापरा](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI सह काम करणे | आपला स्वतःचा AI सहाय्यक कसा तयार करायचा ते शिकणे | [AI सहाय्यक प्रकल्प](./9-chat-project/README.md) | Chris |
## 🏫 शिक्षण पद्धती
आमचा अभ्यासक्रम दोन प्रमुख शिक्षण पद्धतींच्या तत्त्वांवर आधारित आहे:
* प्रकल्प-आधारित शिक्षण
* वारंवार क्विझेस
हा कार्यक्रम JavaScript, HTML, आणि CSS च्या मूलभूत गोष्टी तसेच आजच्या वेब विकसकांद्वारे वापरल्या जाणाऱ्या नवीनतम साधने आणि तंत्र शिकवतो. विद्यार्थ्यांना टायपिंग गेम, व्हर्च्युअल टेरॅरियम, पर्यावरणास अनुकूल ब्राउझर एक्सटेंशन, स्पेस-इनव्हेडर-शैलीतील गेम आणि व्यवसायांसाठी बँकिंग अॅप तयार करून व्यावहारिक अनुभव विकसित करण्याची संधी मिळेल. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाची ठोस समज प्राप्त होईल.
> 🎓 आपण Microsoft Learn वर [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) म्हणून या अभ्यासक्रमातील पहिली काही धडे घेऊ शकता!
सामग्री प्रकल्पांशी संरेखित असल्याचे सुनिश्चित करून, प्रक्रिया विद्यार्थ्यांसाठी अधिक आकर्षक बनवली जाते आणि संकल्पनांचे स्मरणशक्ती वाढवले जाते. आम्ही JavaScript मूलभूत गोष्टींच्या अनेक प्रारंभिक धडे लिहिले आहेत जे संकल्पना सादर करतात, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओ ट्यूटोरियल संग्रहातील व्हिडिओसह जोडलेले आहेत, ज्यांचे काही लेखक या अभ्यासक्रमात योगदान देतात.
याव्यतिरिक्त, वर्गापूर्वी कमी-जोखीम क्विझ विद्यार्थ्याला विषय शिकण्याच्या हेतूने सेट करते, तर वर्गानंतरचा दुसरा क्विझ पुढील स्मरणशक्ती सुनिश्चित करतो. हा अभ्यासक्रम लवचिक आणि मजेदार बनवण्यासाठी डिझाइन केला गेला आहे आणि संपूर्ण किंवा अंशतः घेतला जाऊ शकतो. प्रकल्प लहान सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिकाधिक जटिल बनतात.
आम्ही जाणीवपूर्वक JavaScript फ्रेमवर्क सादर करण्याचे टाळले आहे जे वेब विकसक म्हणून फ्रेमवर्क स्वीकारण्यापूर्वी आवश्यक असलेल्या मूलभूत कौशल्यांवर लक्ष केंद्रित करण्यासाठी आहे, या अभ्यासक्रमाला पूर्ण करण्यासाठी पुढील चांगले पाऊल म्हणजे "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओंच्या आणखी एका संग्रहाबद्दल शिकणे.
> आमच्या [Code of Conduct](CODE_OF_CONDUCT.md) आणि [Contributing](CONTRIBUTING.md) मार्गदर्शक तत्त्वांना भेट द्या. आम्ही आपले रचनात्मक अभिप्राय स्वागत करतो!
## 🧭 ऑफलाइन प्रवेश
आपण [Docsify](https://docsify.js.org/#/) वापरून हे दस्तऐवज ऑफलाइन चालवू शकता. या रेपोला फोर्क करा, आपल्या स्थानिक मशीनवर [Docsify इंस्टॉल करा](https://docsify.js.org/#/quickstart), आणि नंतर या रेपोच्या रूट फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाइट आपल्या लोकलहोस्टवर पोर्ट 3000 वर सर्व्ह केली जाईल: `localhost:3000`.
## 📘 PDF
सर्व धड्यांचा PDF [येथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) सापडू शकतो.
## 🎒 इतर अभ्यासक्रम
आमची टीम इतर अभ्यासक्रम तयार करते! तपासा:
- [MCP for Beginners](https://aka.ms/mcp-for-beginners)
- [Edge AI for Beginners](https://aka.ms/edgeai-for-beginners)
- [AI Agents for Beginners](https://aka.ms/ai-agents-beginners)
- [Generative AI for Beginners .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet)
- [Generative AI with JavaScript](https://github.com/microsoft/generative-ai-with-javascript)
- [जेनरेटिव AI विथ Java](https://github.com/microsoft/Generative-AI-for-beginners-java)
- [सुरुवातीसाठी AI](https://aka.ms/ai-beginners)
- [सुरुवातीसाठी डेटा सायन्स](https://aka.ms/datascience-beginners)
- [सुरुवातीसाठी ML](https://aka.ms/ml-beginners)
- [सुरुवातीसाठी सायबरसुरक्षा](https://github.com/microsoft/Security-101)
- [सुरुवातीसाठी वेब डेव्हलपमेंट](https://aka.ms/webdev-beginners)
- [सुरुवातीसाठी IoT](https://aka.ms/iot-beginners)
- [सुरुवातीसाठी XR डेव्हलपमेंट](https://github.com/microsoft/xr-development-for-beginners)
- [एजेंटिक वापरासाठी GitHub Copilot मध्ये प्राविण्य मिळवा](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
- [C#/.NET डेव्हलपर्ससाठी GitHub Copilot मध्ये प्राविण्य मिळवा](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
- [आपल्या स्वतःच्या Copilot साहसाची निवड करा](https://github.com/microsoft/CopilotAdventures)
## मदत मिळवा
जर तुम्हाला अडचण आली किंवा AI अ‍ॅप्स तयार करताना काही प्रश्न असतील तर येथे सामील व्हा:
[![Azure AI Foundry Discord](https://img.shields.io/badge/Discord-Azure_AI_Foundry_Community_Discord-blue?style=for-the-badge&logo=discord&color=5865f2&logoColor=fff)](https://aka.ms/foundry/discord)
जर तुम्हाला उत्पादनाबद्दल अभिप्राय द्यायचा असेल किंवा तयार करताना काही त्रुटी आढळल्या तर येथे भेट द्या:
[![Azure AI Foundry Developer Forum](https://img.shields.io/badge/GitHub-Azure_AI_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## परवाना
या रिपॉझिटरीला MIT परवान्याअंतर्गत परवाना देण्यात आला आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाइल पहा.
---
**अस्वीकरण**:
हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी, कृपया लक्षात ठेवा की स्वयंचलित भाषांतरे त्रुटी किंवा अचूकतेच्या अभावाने युक्त असू शकतात. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी, व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.
Reference in new issue View Git Blame Copy Permalink