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.
238 lines
45 KiB
238 lines
45 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "caf2ca695e9d259153d24a5cf3e07ef5",
|
|
"translation_date": "2025-10-11T10:58:01+00:00",
|
|
"source_file": "README.md",
|
|
"language_code": "mr"
|
|
}
|
|
-->
|
|
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
|
[](http://makeapullrequest.com)
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
|
|
|
[](https://discord.gg/zxKYvhSnVp?WT.mc_id=academic-000002-leestott)
|
|
|
|
# नवशिक्यांसाठी वेब डेव्हलपमेंट - एक अभ्यासक्रम
|
|
|
|
मायक्रोसॉफ्ट क्लाउड अॅडव्होकेट्सद्वारे १२ आठवड्यांच्या व्यापक कोर्ससह वेब डेव्हलपमेंटच्या मूलभूत गोष्टी शिका. २४ धड्यांपैकी प्रत्येक धडा जावास्क्रिप्ट, CSS आणि HTML यामधील प्रकल्पांद्वारे शिकवतो, जसे की टेरॅरियम्स, ब्राउझर एक्स्टेंशन्स आणि स्पेस गेम्स. क्विझ, चर्चा आणि प्रॅक्टिकल असाइनमेंट्ससह सहभागी व्हा. प्रकल्प-आधारित शिक्षण पद्धतीसह तुमचे कौशल्य वाढवा आणि ज्ञान टिकवून ठेवा. आजच तुमचा कोडिंग प्रवास सुरू करा!
|
|
|
|
Azure AI Foundry डिस्कॉर्ड समुदायामध्ये सामील व्हा
|
|
|
|
[](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
या संसाधनांचा वापर सुरू करण्यासाठी खालील चरणांचे अनुसरण करा:
|
|
1. **रेपॉजिटरी फोर्क करा**: क्लिक करा [](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 डिस्कॉर्डमध्ये सामील व्हा आणि तज्ञ व इतर डेव्हलपर्सशी भेटा**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
### 🌐 बहुभाषिक समर्थन
|
|
|
|
#### GitHub Action द्वारे समर्थित (स्वयंचलित आणि नेहमी अद्ययावत)
|
|
|
|
[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)
|
|
|
|
**जर तुम्हाला अतिरिक्त भाषांसाठी अनुवाद हवा असेल तर [येथे सूचीबद्ध](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) भाषांचा संदर्भ घ्या.**
|
|
|
|
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
|
|
|
#### 🧑🎓 _तुम्ही विद्यार्थी आहात का?_
|
|
|
|
[**स्टुडंट हब पृष्ठाला भेट द्या**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) जिथे तुम्हाला नवशिक्या संसाधने, स्टुडंट पॅक्स आणि अगदी मोफत प्रमाणपत्र वाउचर मिळवण्याचे मार्ग सापडतील. हे पृष्ठ बुकमार्क करा आणि वेळोवेळी तपासा कारण आम्ही दर महिन्याला नवीन सामग्री जोडतो.
|
|
|
|
### 📣 घोषणा - _जनरेटिव्ह AI वापरून नवीन प्रकल्प तयार करा_
|
|
|
|
नवीन AI असिस्टंट प्रकल्प नुकताच जोडला गेला आहे, तपासा [प्रकल्प](./09-chat-project/README.md)
|
|
|
|
### 📣 घोषणा - _जनरेटिव्ह AI साठी नवीन अभ्यासक्रम_ जावास्क्रिप्टसाठी नुकताच प्रसिद्ध झाला
|
|
|
|
आमचा नवीन जनरेटिव्ह AI अभ्यासक्रम चुकवू नका!
|
|
|
|
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ला भेट द्या आणि सुरुवात करा!
|
|
|
|
|
|
|
|
- मूलभूत गोष्टींपासून RAG पर्यंत सर्वकाही कव्हर करणारे धडे.
|
|
- GenAI आणि आमच्या साथीच्या अॅपचा वापर करून ऐतिहासिक पात्रांशी संवाद साधा.
|
|
- मजेदार आणि आकर्षक कथा, ज्यामुळे तुम्ही वेळ प्रवासाचा अनुभव घ्याल!
|
|
|
|
|
|
|
|
प्रत्येक धड्यात समाविष्ट आहे:
|
|
- प्रकल्प पूर्ण करण्यासाठी असाइनमेंट
|
|
- ज्ञान तपासणी
|
|
- आव्हानात्मक टास्क
|
|
|
|
- प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
|
|
- टेक्स्ट आणि इमेज अॅप जनरेशन
|
|
- सर्च अॅप्स
|
|
|
|
[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) वापरून चालवू शकता.
|
|
|
|
#### तुमचा रेपॉजिटरी तयार करा
|
|
तुमचे काम सहज जतन करण्यासाठी, तुमच्या 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 तयार होईल.
|
|
|
|
|
|
|
|
#### तुमच्या संगणकावर स्थानिकरित्या अभ्यासक्रम चालवणे
|
|
|
|
तुमच्या संगणकावर हा अभ्यासक्रम चालवण्यासाठी, तुम्हाला एक टेक्स्ट एडिटर, एक ब्राउझर आणि एक कमांड लाइन टूलची आवश्यकता असेल. आमचा पहिला धडा, [प्रोग्रामिंग भाषांची ओळख आणि व्यापाराचे साधने](../../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) - Visual Studio Code मध्ये HTML पृष्ठे प्रीव्ह्यू करण्यासाठी
|
|
> * [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 सह अधिक प्रगत गेम विकास | गेम तयार करण्याच्या तयारीसाठी क्लासेस आणि कंपोझिशन आणि Pub/Sub पॅटर्न वापरून इनहेरिटन्सबद्दल जाणून घ्या | [प्रगत गेम विकासाची ओळख](./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)" व्हिडिओंच्या आणखी एका संग्रहाद्वारे Node.js शिकणे.
|
|
|
|
> आमच्या [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)
|
|
- [Generative AI with Java](https://github.com/microsoft/Generative-AI-for-beginners-java)
|
|
- [AI for Beginners](https://aka.ms/ai-beginners)
|
|
- [Data Science for Beginners](https://aka.ms/datascience-beginners)
|
|
- [ML for Beginners](https://aka.ms/ml-beginners)
|
|
- [Cybersecurity for Beginners](https://github.com/microsoft/Security-101)
|
|
- [Web Dev for Beginners](https://aka.ms/webdev-beginners)
|
|
- [IoT for Beginners](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 अॅप्स तयार करण्याबद्दल काही प्रश्न असतील, तर येथे सामील व्हा:
|
|
|
|
[](https://aka.ms/foundry/discord)
|
|
|
|
जर तुम्हाला उत्पादनाबद्दल अभिप्राय द्यायचा असेल किंवा तयार करताना काही त्रुटी आढळल्या तर येथे भेट द्या:
|
|
|
|
[](https://aka.ms/foundry/forum)
|
|
|
|
## परवाना
|
|
|
|
हे रिपॉझिटरी MIT परवान्याअंतर्गत परवानाधारक आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाइल पहा.
|
|
|
|
---
|
|
|
|
**अस्वीकरण**:
|
|
हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून निर्माण झालेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही. |