Merge branch 'main' into patch-2

pull/1027/head
Eric Joel Hernandez 3 years ago committed by GitHub
commit e4e589fea2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -76,7 +76,7 @@ back add r0,r1
Believe it or not, *they're both doing the same thing*: printing a Fibonacci sequence up to 10. Believe it or not, *they're both doing the same thing*: printing a Fibonacci sequence up to 10.
✅ A Fibonacci sequence is [defined](https://en.wikipedia.org/wiki/Fibonacci_number) as a set of numbers such that each number is the sum of the two preceding ones, starting from 0 and 1. ✅ A Fibonacci sequence is [defined](https://en.wikipedia.org/wiki/Fibonacci_number) as a set of numbers such that each number is the sum of the two preceding ones, starting from 0 and 1. The first 10 numbers following the Fibonacci sequence are 0, 1, 1, 2, 3, 5, 8, 13, 21 and 34.
## Elements of a Program ## Elements of a Program
@ -180,7 +180,8 @@ When a developer wants to learn something new, they'll most likely turn to docum
- [Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web), from Mozilla, the publishers of the [Firefox](https://www.mozilla.org/firefox/) browser - [Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web), from Mozilla, the publishers of the [Firefox](https://www.mozilla.org/firefox/) browser
- [Frontend Masters](https://frontendmasters.com/learn/) - [Frontend Masters](https://frontendmasters.com/learn/)
- [Web.dev](https://web.dev), from Google, publishers of [Chrome](https://www.google.com/chrome/) - [Web.dev](https://web.dev), from Google, publishers of [Chrome](https://www.google.com/chrome/)
- [Microsoft's own developer docs](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers/?WT.mc_id=academic-77807-sagibbon), for [Microsoft Edge](https://www.microsoft.com/edge/?WT.mc_id=academic-77807-sagibbon) - [Microsoft's own developer docs](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers), for [Microsoft Edge](https://www.microsoft.com/edge)
- [W3 Schools](https://www.w3schools.com/where_to_start.asp)
✅ Do some research: Now that you know the basics of a web developer's environment, compare and contrast it with a web designer's environment. ✅ Do some research: Now that you know the basics of a web developer's environment, compare and contrast it with a web designer's environment.

@ -318,12 +318,12 @@ Read more about [contributing to open source software](https://opensource.guide/
[Git cheatsheet](https://training.github.com/downloads/github-git-cheat-sheet/). [Git cheatsheet](https://training.github.com/downloads/github-git-cheat-sheet/).
Practice, practice, practice. GitHub has great learning paths available via [lab.github.com](https://lab.github.com/): Practice, practice, practice. GitHub has great learning paths available via [skills.github.com](https://skills.github.com):
- [First Week on GitHub](https://lab.github.com/githubtraining/first-week-on-github) - [First Week on GitHub](https://skills.github.com/#first-week-on-github)
You'll also find more advanced labs. You'll also find more advanced courses.
## Assignment ## Assignment
Complete [the First Week on GitHub training lab](https://lab.github.com/githubtraining/first-week-on-github) Complete [the First Week on GitHub course](https://skills.github.com/#first-week-on-github)

@ -0,0 +1,11 @@
# Məlumat növləri üzrə məşqlər
## Təlimatlar
Təsəvvür edin ki, bir alış-veriş səbəti düzəldin. Alış-veriş təcrübənizi tamamlamaq üçün lazım olan məlumat növləri haqqında bəzi sənədləri yazın. Seçimlərinizə necə gəldiniz?
## Ünvan kitabçası
Meyarlar | Əla | adekvat | Təkmilləşdirmələr lazımdır
--- | --- | --- | - |
|| Altı məlumat növü onların istifadəsini sənədləşdirərək ətraflı şəkildə sadalanır və araşdırılır | Dörd növ məlumat tədqiq edilir | İki növ məlumat tədqiq edilir |

@ -0,0 +1,13 @@
# Funksiyalarla Əylən
## Təlimatlar
Fərqli funksiyalar yaradın, həm nəyisə qaytaran funksiyalar, həm də heç nə qaytarmayan funksiyalar.
Defolt dəyərləri olan parametrlər və parametrlərin qarışığı olan bir funksiya yarada bildiyinizə baxın.
## Rubrika
| Meyarlar | Nümunəvi | Müvafiq | Təkmilləşdirmə Ehtiyacı var |
| -------- | ------------------------------------------------- ----------------------------------- | ------------------------------------------------- -------------- | ----------------- |
| | Həll müxtəlif parametrlərə malik iki və ya daha çox yaxşı işləyən funksiya ilə təklif olunur | İşçi həll bir funksiya və bir neçə parametr ilə təklif olunur | Həlldə səhvlər var |

@ -2,7 +2,7 @@
## Instrucciones ## Instrucciones
Cree un programa que enumere cada tercer número entre 1 y 20 y lo imprima en la consola. Cree un programa que enumere cada tercer número entre 1 y 20 e imprimalo en la consola.
> SUGERENCIA: use un bucle for y modifique la expresión-iteración > SUGERENCIA: use un bucle for y modifique la expresión-iteración

@ -7,7 +7,7 @@ JavaScript es el lenguaje de la web. En estas cuatro lecciones, aprenderá sus c
1. [Variables y tipos de datos](../1-data-types/translations/README.es.md) 1. [Variables y tipos de datos](../1-data-types/translations/README.es.md)
2. [Funciones y métodos](../2-functions-methods/translations/README.es.md) 2. [Funciones y métodos](../2-functions-methods/translations/README.es.md)
3. [Toma de decisiones con JavaScript](../3-making-decisions/translations/README.es.md) 3. [Toma de decisiones con JavaScript](../3-making-decisions/translations/README.es.md)
4. [Arrays and Loops](../4-arrays-loops/translations/README.es.md) 4. [Matrices y bucles](../4-arrays-loops/translations/README.es.md)
### Créditos ### Créditos

@ -116,7 +116,7 @@ In addition, the terrariumElement that is passed to this function is assigned a
## The Pointerdrag function ## The Pointerdrag function
The terrariumElement is ready to be dragged around; when the `onpointerdown` event is fired, the function pointerDrag is invoked. Add that function right under this line: `terrariumElement.onpointerdown = pointerDrag;`: The `terrariumElement` is ready to be dragged around; when the `onpointerdown` event is fired, the function `pointerDrag` is invoked. Add that function right under this line: `terrariumElement.onpointerdown = pointerDrag;`:
### Task ### Task

@ -106,9 +106,9 @@ Lo anterior iniciará un servidor HTTP en la dirección `http://localhost:5000`.
GAME_END_WIN: "GAME_END_WIN", GAME_END_WIN: "GAME_END_WIN",
``` ```
2. **Agregar código de reinicio** código que reinicia el juego con solo presionar un botón seleccionado. 2. **Agregar código de reinicio**. Código que reinicia el juego con solo presionar un botón seleccionado.
1. **Escuche la tecla "Enter"**. Edite el eventListener de su ventana para escuchar esta prensa: 1. **Escuche la tecla "Enter"**. Edite el eventListener de su ventana para escuchar esta acción:
```javascript ```javascript
else if(evt.key === "Enter") { else if(evt.key === "Enter") {

@ -6,7 +6,7 @@
Primero asegúrese de tener el [servidor API](../api/README.md) en ejecución. Primero asegúrese de tener el [servidor API](../api/README.md) en ejecución.
Se puede usar cualquier servidor web para ejecutar la aplicación, pero dado que debe tener [Node.js]https://nodejs.org) instalado de todos modos para ejecutar la API, puede: Se puede usar cualquier servidor web para ejecutar la aplicación, pero dado que debe tener [Node.js](https://nodejs.org) instalado de todos modos para ejecutar la API, puede:
1. Git clone este repositorio. 1. Git clone este repositorio.
2. Abra una terminal, luego ejecute `npx lite-server solution`. Iniciará un servidor web de desarrollo en el puerto `3000` 2. Abra una terminal, luego ejecute `npx lite-server solution`. Iniciará un servidor web de desarrollo en el puerto `3000`

@ -1,6 +1,6 @@
# Using a code editor # Using a code editor
This lesson covers the basics of using [VSCode.dev](https://vscode.dev) a code editor for the web so that you can make changes to your code and contribute to a project without installing anything in your computer. This lesson covers the basics of using [VSCode.dev](https://vscode.dev) a web-based code editor so that you can make changes to your code and contribute to a project without installing anything on your computer.
<!---- <!----
TODO: add an optional image TODO: add an optional image
@ -39,7 +39,7 @@ Once it loads, it should look similar to this image:
There are three main sections, starting from the far left and moving to the right: There are three main sections, starting from the far left and moving to the right:
1. The _activity bar_ which includes some icons, like the magnifying glass 🔎, the gear ⚙️ and a few others 1. The _activity bar_ which includes some icons, like the magnifying glass 🔎, the gear ⚙️, and a few others
1. The expanded activity bar which defaults to the _Explorer_, called the _side bar_. 1. The expanded activity bar which defaults to the _Explorer_, called the _side bar_.
1. And finally, the code area to the right. 1. And finally, the code area to the right.
@ -95,7 +95,7 @@ Select a file to open it on the code area, make your changes and save.
Once you are done updating your project, select the _`source control`_ icon which contains all the new changes you have made to your repository. Once you are done updating your project, select the _`source control`_ icon which contains all the new changes you have made to your repository.
To view the changes you made to your project, select the file(s) in the `Changes` folder in the expanded activity bar. This will open a 'Working Tree' for you to visually see the changes you made to the file. Red shows an ommission to the project, while green signifies an addition. To view the changes you made to your project, select the file(s) in the `Changes` folder in the expanded activity bar. This will open a 'Working Tree' for you to visually see the changes you made to the file. Red shows an omission to the project, while green signifies an addition.
![View changes](../images/working-tree.png) ![View changes](../images/working-tree.png)

@ -2,7 +2,7 @@
This project welcomes contributions and suggestions. Most contributions require you to This project welcomes contributions and suggestions. Most contributions require you to
agree to a Contributor License Agreement (CLA) declaring that you have the right to agree to a Contributor License Agreement (CLA) declaring that you have the right to
and actually do, grant us the rights to use your contribution. For details, visit and actually do, grant us the rights to use your contribution. For more details, visit
[https://cla.microsoft.com](https://cla.microsoft.com/?WT.mc_id=academic-77807-sagibbon). [https://cla.microsoft.com](https://cla.microsoft.com/?WT.mc_id=academic-77807-sagibbon).
When you submit a pull request, a CLA-bot will automatically determine whether you need When you submit a pull request, a CLA-bot will automatically determine whether you need
@ -10,5 +10,5 @@ to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simpl
instructions provided by the bot. You will only need to do this once across all repositories using our CLA. Please also try to tell us why you made that change so that we better understand your request. instructions provided by the bot. You will only need to do this once across all repositories using our CLA. Please also try to tell us why you made that change so that we better understand your request.
This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/?WT.mc_id=academic-77807-sagibbon). This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/?WT.mc_id=academic-77807-sagibbon).
For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/?WT.mc_id=academic-77807-sagibbon) For more information, see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/?WT.mc_id=academic-77807-sagibbon)
or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.

@ -18,6 +18,12 @@ Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson cur
### _Are you a student?_ ### _Are you a student?_
Get started with the following resources:
- [Student Hub page](https://docs.microsoft.com/en-gb/learn/student-hub?WT.mc_id=academic-13441-cxa) In this page, you will find beginner resources, Student packs and even ways to get a free cert voucher. This is one page you want to bookmark and check from time to time as we switch out content at least monthly.
- [Microsoft Student Learn ambassadors](https://studentambassadors.microsoft.com?WT.mc_id=academic-13441-cxa) Join a global community of student ambassadors, this could be your way into Microsoft.
Visit [**Student Hub page**](https://docs.microsoft.com/en-gb/learn/student-hub/?WT.mc_id=academic-13441-cxa) where you will find beginner resources, Student packs and even ways to get a free certificate voucher. This is the page you want to bookmark and check from time to time as we switch out content monthly. Visit [**Student Hub page**](https://docs.microsoft.com/en-gb/learn/student-hub/?WT.mc_id=academic-13441-cxa) where you will find beginner resources, Student packs and even ways to get a free certificate voucher. This is the page you want to bookmark and check from time to time as we switch out content monthly.
# Getting Started # Getting Started
@ -106,6 +112,7 @@ Our team produces other curricula! Check out:
- [IoT for Beginners](https://aka.ms/iot-beginners/?WT.mc_id=academic-77807-sagibbon) - [IoT for Beginners](https://aka.ms/iot-beginners/?WT.mc_id=academic-77807-sagibbon)
- [Data Science for Beginners](https://aka.ms/datascience-beginners/?WT.mc_id=academic-77807-sagibbon) - [Data Science for Beginners](https://aka.ms/datascience-beginners/?WT.mc_id=academic-77807-sagibbon)
- [AI for Beginners](https://aka.ms/ai-beginners/?WT.mc_id=academic-77807-sagibbon) - [AI for Beginners](https://aka.ms/ai-beginners/?WT.mc_id=academic-77807-sagibbon)
- [XR Development for Beginners](https://github.com/microsoft/xr-development-for-beginners)
## License ## License

@ -22,11 +22,9 @@ Similar to Readme's, please translate the assignments as well.
1. Add your translation to the quiz-app by adding a file [here](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/quiz-app/src/assets/translations), with the proper naming convention (en.json, fr.json). **Please don't localize the words 'true' or 'false' however. thanks!** 1. Add your translation to the quiz-app by adding a file [here](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/quiz-app/src/assets/translations), with the proper naming convention (en.json, fr.json). **Please don't localize the words 'true' or 'false' however. thanks!**
2. Add your language code to the dropdown in the quiz-app's App.vue file. 2. Edit the quiz-app's [translations index.js file](https://github.com/microsoft/Web-Dev-For-Beginners/blob/main/quiz-app/src/assets/translations/index.js) to add your language.
3. Edit the quiz-app's [translations index.js file](https://github.com/microsoft/Web-Dev-For-Beginners/blob/main/quiz-app/src/assets/translations/index.js) to add your language. 3. Finally, edit ALL the quiz links in your translated README.md files to point directly to your translated quiz: https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/1 becomes https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/1?loc=id
4. Finally, edit ALL the quiz links in your translated README.md files to point directly to your translated quiz: https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/1 becomes https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/1?loc=id
**THANK YOU** **THANK YOU**

@ -0,0 +1,51 @@
# [Sujet de la Leçon]
![Vidéo intégrée ici](url-de-la-vidéo)
## [Quizz précédant la leçon](url-du-quizz)
[Décrire ce que nous avons appris]
### Introduction
Décrire ce que nous avons couvert
> Notes
### Prérequis
Quelles étapes avons-nous couvert avant cette leçon?
### Préparation
Etapes de préparation afin de commencer cette leçon
---
[Parcourir le contenu en blocs]
## [Sujet 1]
### Tâche:
Travailler ensemble afin d'améliorer progressivement votre base de code afin de construire le projet avec du code partagé:
```html
code blocks
```
✅ Vérification de connaissance - utiliser ce moment pour augmenter la connaissance des étudiants avec des questions ouvertes
## [Sujet 2]
## [Sujet 3]
🚀 Challenge: Ajouter un challenge pour les étudiants afin de travailler en collaboration en classe pour améliorer le projet
Optionnel: ajouter une capture d'écran de l'interface utilisateur de la leçon complétée, le cas échéant
## [Quizz suivant la leçon](url-du-quizz)
## Relecture et Etude personelle
**Devoir du au [MM/AA]**: [Nom du Devoir](assignment.fr.md)

@ -0,0 +1,9 @@
# [Nom de la Mission]
## Instructions
## Rubrique
| Critère | Exemplaire | Adéquat | A Améliorer |
| ------- | ---------- | ------- | ----------- |
| | | | |

File diff suppressed because it is too large Load Diff

@ -0,0 +1,111 @@
[![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/)
[![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)
# توسعه وب برای مبتدیان - یک برنامه درسی
آژوره کلود آدوکتس در مایکروسافت از ارائه یک برنامه درسی 12 هفته ای 24 درس در مورد مبانی جاوا اسکریپت، سی اس اس و اچ تی ام ال خوشحالند. هر درس شامل آزمون های قبل و بعد از درس، دستورالعمل های مکتوب برای تکمیل درس، یک راه حل، یک تکلیف و موارد دیگر است. آموزش مبتنی بر پروژه ما به شما امکان می دهد در حین ساختن یاد بگیرید، راهی ثابت شده برای "چسبیدن" مهارت های جدید.
از نویسندگانمان جن لوپر، کریس نورینگ، کریستوفر هریسون، جاسمین گریناوی، یوهان لاسورسا، فلور دریس، و تومومی ایمورا، نویسندگان ما صمیمانه تشکر می‌کنیم!
**از نویسندگانمان، جن لوپر، کریس نورینگ، کریستوفر هریسون، جاسمین گریناوی، یوهان لاسورسا، فلور دریس و تومومی ایمورا، نویسندگان ما صمیمانه تشکر می‌کنیم!**
# شما دانش آموز هستید؟
با منابع زیر شروع کنید:
- [Student Hub page](https://docs.microsoft.com/en-gb/learn/student-hub?WT.mc_id=academic-13441-cxa) در این صفحه، منابع مبتدی، بسته های دانشجویی و حتی راه های دریافت کوپن گواهی رایگان را خواهید یافت. این صفحه‌ای است که می‌خواهید هر چند وقت یک‌بار به عنوان نشانه‌گذاری و بررسی کنید، زیرا ما حداقل ماهانه محتوا را تغییر می‌دهیم
- [Microsoft Student Learn ambassadors](https://studentambassadors.microsoft.com?WT.mc_id=academic-13441-cxa) به یک جامعه جهانی از سفیران دانشجو بپیوندید، این می تواند راه شما برای ورود به مایکروسافت باشد
# شروع شدن
> **معلمان** [شامل چند پیشنهاد](for-teachers.md) داریم در مورد نحوه استفاده از این برنامه درسی. [در انجمن بحث ما](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **[دانش آموزان](https://aka.ms/student-page)**, برای استفاده از این برنامه درسی به تنهایی، کل مخزن را چنگال کنید و تمرینات را به تنهایی کامل کنید، با یک مسابقه قبل از سخنرانی شروع کنید، سپس سخنرانی را بخوانید و بقیه فعالیت ها را تکمیل کنید. سعی کنید پروژه ها را با درک درس ها به جای کپی کردن کد راه حل ایجاد کنید. با این حال، این کد در پوشه های /solutions در هر درس پروژه محور موجود است. ایده دیگر این است که یک گروه مطالعه با دوستان تشکیل دهید و مطالب را با هم مرور کنید. برای مطالعه بیشتر توصیه می کنیم [مايكروسافت لرن](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) و با تماشای فیلم های ذکر شده در زیر.
[![Promo video](images/web.gif)](https://youtube.com/watch?v=R1wrdtmBSII)
گیف توسط [موهیت جیسال](https://linkedin.com/in/mohitjaisal)
> 🎥 برای دریافت ویدیویی در مورد پروژه و افرادی که آن را ایجاد کرده اند، روی تصویر بالا کلیک کنید!
## آموزش و پرورش
ما در هنگام ساختن این برنامه درسی دو اصل آموزشی را انتخاب کرده ایم: اطمینان از پروژه محور بودن آن و اینکه شامل آزمون های مکرر است. تا پایان این مجموعه، دانش‌آموزان یک بازی تایپ، یک تراریوم مجازی، یک افزونه مرورگر سبز، یک بازی از نوع مهاجمان فضایی و یک برنامه بانکی از نوع کسب‌وکار خواهند ساخت و اصول جاوا اسکریپت را یاد خواهند گرفت. ، اچ تی ام ال و سی اس اس به همراه زنجیره ابزار مدرن توسعه دهندگان وب امروزی.
> 🎓 شما می توانید چند درس اول این برنامه درسی را در مایکروسافت لرن به عنوان یک [مسیر یادگیری](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa)
بخوانید.
با حصول اطمینان از همسویی محتوا با پروژه ها، این فرآیند برای دانش آموزان جذاب تر می شود و حفظ مفاهیم تقویت می شود. ما همچنین چندین درس ابتدایی در مبانی جاوا اسکریپت نوشتیم تا مفاهیم را معرفی کنیم، همراه با ویدئو از "[سری مبتدیان به: جاوا اسکریپت](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa)" مجموعه ای از آموزش های ویدئویی که برخی از نویسندگان آن در این برنامه درسی مشارکت داشته اند.
علاوه بر این، یک مسابقه کم هزینه قبل از کلاس، قصد دانش آموز را برای یادگیری یک موضوع تعیین می کند، در حالی که آزمون دوم بعد از کلاس، حفظ بیشتر را تضمین می کند. این برنامه درسی به گونه ای طراحی شده است که انعطاف پذیر و سرگرم کننده باشد و می تواند به طور کامل یا جزئی انجام شود. پروژه ها کوچک شروع می شوند و در پایان چرخه 12 هفته ای به طور فزاینده ای پیچیده می شوند.
در حالی که ما عمداً از معرفی فریمورک‌های جاوا اسکریپت خودداری کرده‌ایم تا بر مهارت‌های اساسی مورد نیاز به‌عنوان یک توسعه‌دهنده وب قبل از اتخاذ یک چارچوب تمرکز کنیم، گام بعدی خوب برای تکمیل این برنامه درسی، یادگیری در مورد Node.js از طریق مجموعه‌ای دیگر از ویدیوها است : "[سری مبتدی به: نود جی اس](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441-cxa)".
> ما را پیدا کنید [کد رفتار](CODE_OF_CONDUCT.md), [کمک کردن](CONTRIBUTING.md), و [ترجمه](TRANSLATIONS.md) دستورالعمل ها. ما از بازخورد سازنده شما استقبال می کنیم!
## هر درس شامل:
- طرحی اختیاری
- ویدیوی تکمیلی اختیاری
- مسابقه گرم کردن قبل از درس
- درس نوشتاری
- برای درس های پروژه محور، راهنمای گام به گام نحوه ساخت پروژه
- بررسی دانش
- یک چالش
- خواندن تکمیلی
- وظیفه
- مسابقه بعد از درس
> ** نکته ای در مورد آزمون ها **: همه آزمون ها [در این برنامه](https://ashy-river-0debb7803.1.azurestaticapps.net/?loc=fa) موجود است, برای 48 آزمون مجموع سه سوال هر کدام. آنها از داخل درس ها پیوند داده شده اند، اما برنامه مسابقه می تواند به صورت محلی اجرا شود. دستورالعمل موجود در پوشه «کویز-برنامه» را دنبال کنید. آنها به تدریج در حال بومی سازی هستند.
## درس ها
| | نام پروژه | مفاهیم تدریس شده | اهداف یادگیری | درس مرتبط | نویسنده |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | شروع شدن | مقدمه ای بر برنامه نویسی و ابزارهای تجارت | زیربنای اساسی بیشتر زبان های برنامه نویسی و نرم افزاری را بیاموزید که به توسعه دهندگان حرفه ای کمک می کند کارهای خود را انجام دهند | [مقدمه ای بر زبان های برنامه نویسی و ابزارهای تجارت](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | جزمین |
| 02 | شروع شدن | اصول گیت هاب شامل کار با یک تیم است | نحوه استفاده از گیت هاب در پروژه خود، نحوه همکاری با دیگران بر اساس کد | [معرفی گیت هاب](/1-getting-started-lessons/2-github-basics/README.md) | فلور |
| 03 | شروع شدن | دسترسی | اصول دسترسی به وب را بیاموزید | [مبانی دسترسی](/1-getting-started-lessons/3-accessibility/README.md) | کریستفر |
| 04 | اصول جی اس | انواع داده جاوا اسکریپت | اصول اولیه انواع داده جاوا اسکریپت | [انواع داده ها](/2-js-basics/1-data-types/README.md) | جزمین |
| 05 | اصول جی اس | توابع و روش ها | با توابع و روش های مدیریت جریان منطقی برنامه آشنا شوید | [توابع و روش ها](/2-js-basics/2-functions-methods/README.md) | جزمین و کریستوفر |
| 06 | اصول جی اس | تصمیم گیری با جی اس | بیاموزید که چگونه با استفاده از روش های تصمیم گیری در کد خود شرایط ایجاد کنید | [تصمیم گیری](/2-js-basics/3-making-decisions/README.md) | جزمین |
| 07 | اصول جی اس | آرایه ها و حلقه ها | با داده ها با استفاده از آرایه ها و حلقه ها در جاوا اسکریپت کار کنید | [آرایه ها و حلقه ها](/2-js-basics/4-arrays-loops/README.md) | جزمین |
| 08 | [تراریوم](/3-terrarium/solution/README.md) | اچ تی ام ال در عمل | کد اچ تی ام ال را به صورت آنلاین بسازید، با تمرکز بر روی ایجاد یک صفحه بزرگ | [مقدمه ای بر اچ تی ام ال](/3-terrarium/1-intro-to-html/README.md) | جن |
| 09 | [تراریوم](/3-terrarium/solution/README.md) | سی اس اس در عمل | ساخت سی اس اس برای سبک تراریوم آنلاین، با تمرکز بر اصول اولیه سی اس اس از جمله پاسخگو بودن صفحه | [مقدمه ای بر سی اس اس](/3-terrarium/2-intro-to-css/README.md) | جن || 10 | [تراریوم](/3-terrarium/solution/README.md) | بسته شدن جاوا اسکریپت، دستکاری دام | جاوا اسکریپت را بسازید تا تراریوم به عنوان یک رابط کشیدن و رها کردن، با تمرکز بر بسته شدن و دستکاری دام عمل کند. | [بسته شدن جاوا اسکریپت، دستکاری دام](/3-terrarium/3-intro-to-DOM-and-closures/README.md) | جن |
| 11 | [بازی تایپ](/4-typing-game/solution/README.md) | یک بازی تایپ بسازید | با نحوه استفاده از رویدادهای صفحه کلید برای هدایت منطق برنامه جاوا اسکریپت خود آشنا شوید | [برنامه نویسی رویداد محور](/4-typing-game/typing-game/README.md) | کریستوفر |
| 12 | [پسوند مرورگر سبز](/5-browser-extension/solution/README.md) | کار با مرورگرها | با نحوه کار مرورگرها، تاریخچه آنها و نحوه ایجاد داربست در اولین عناصر یک برنامه افزودنی مرورگر آشنا شوید | [درباره مرورگرها](/5-browser-extension/1-about-browsers/README.md) | جن |
| 13 | [پسوند مرورگر سبز](/5-browser-extension/solution/README.md) | ساخت فرم، فراخوانی ای پی ای و ذخیره متغیرها در حافظه محلی | عناصر جاوا اسکریپت افزونه مرورگر خود را برای فراخوانی یک ای پی ای با استفاده از متغیرهای ذخیره شده در حافظه محلی بسازید | [ای پی ای، فرم‌ها و فضای ذخیره‌سازی محلی](/5-browser-extension/2-forms-browsers-local-storage/README.md) | جن |
| 14 | [پسوند مرورگر سبز](/5-browser-extension/solution/README.md) | فرآیندهای پس زمینه در مرورگر، عملکرد وب | از فرآیندهای پس‌زمینه مرورگر برای مدیریت نماد برنامه افزودنی استفاده کنید. در مورد عملکرد وب و برخی بهینه سازی هایی که باید انجام دهید بیاموزید | [وظایف و عملکرد پس زمینه](/5-browser-extension/3-background-tasks-and-performance/README.md) | جن |
| 15 | [بازی فضایی](/6-space-game/solution/README.md) | توسعه بازی پیشرفته تر با جاوا اسکریپت | با استفاده از کلاس‌ها و ترکیب و الگوی پاب/ساب، در آماده‌سازی برای ساختن یک بازی، درباره وراثت بیاموزید. | [مقدمه ای بر توسعه بازی پیشرفته](/6-space-game/1-introduction/README.md) | کریس |
| 16 | [بازی فضایی](/6-space-game/solution/README.md) | طراحی روی بوم | درباره کانواز ای پی ای که برای کشیدن عناصر به صفحه استفاده می شود، بیاموزید | [طراحی روی بوم](/6-space-game/2-drawing-to-canvas/README.md) | کریس |
| 17 | [بازی فضایی](/6-space-game/solution/README.md) | حرکت عناصر در اطراف صفحه نمایش | کشف کنید که چگونه عناصر می توانند با استفاده از مختصات دکارتی و کانواز ای پی ای حرکت کنند | [حرکت عناصر در اطراف](/6-space-game/3-moving-elements-around/README.md) | کریس |
| 18 | [بازی فضایی](/6-space-game/solution/README.md) | تشخیص برخورد | با استفاده از کلیدهای کلیدی، عناصر را با هم برخورد کرده و به یکدیگر واکنش نشان دهند و یک عملکرد خنک کننده برای اطمینان از عملکرد بازی ارائه دهید. | [تشخیص برخورد](/6-space-game/4-collision-detection/README.md) | کریس |
| 19 | [بازی فضایی](/6-space-game/solution/README.md) | حفظ امتیاز | محاسبات ریاضی را بر اساس وضعیت و عملکرد بازی انجام دهید | [حفظ امتیاز](/6-space-game/5-keeping-score/README.md) | کریس |
| 20 | [بازی فضایی](/6-space-game/solution/README.md) | پایان و شروع مجدد بازی | درباره پایان و شروع مجدد بازی، از جمله پاکسازی دارایی ها و بازنشانی مقادیر متغیر، اطلاعات کسب کنید | [شرط پایان](/6-space-game/6-end-condition/README.md) | کریس |
| 21 | [اپلیکیشن بانکداری](/7-bank-project/solution/README.md) | الگوها و مسیرهای اچ تی ام ال در یک برنامه وب | نحوه ایجاد داربست معماری یک وب سایت چند صفحه ای با استفاده از مسیریابی و قالب های اچ تی ام ال را بیاموزید | [الگوها و مسیرهای اچ تی ام ال](/7-bank-project/1-template-route/README.md) | یوهان |
| 22 | [اپلیکیشن بانکداری](/7-bank-project/solution/README.md) | یک فرم ورود و ثبت نام بسازید | در مورد ساخت فرم ها و روال های اعتبار سنجی ارائه اطلاعات کسب کنید | [فرم](/7-bank-project/2-forms/README.md) | یوهان |
| 23 | [اپلیکیشن بانکداری](/7-bank-project/solution/README.md) | روش های واکشی و استفاده از داده ها | چگونه داده ها به داخل و خارج از برنامه شما جریان می یابد، چگونه آن را واکشی کنید، ذخیره کنید، و از بین ببرید | [داده ها](/7-bank-project/3-data/README.md) | یوهان |
| 24 | [اپلیکیشن بانکداری](/7-bank-project/solution/README.md) | مفاهیم مدیریت دولتی | بیاموزید که چگونه برنامه شما حالت خود را حفظ می کند و چگونه آن را به صورت برنامه ریزی مدیریت کنید | [مدیریت ستیت](/7-bank-project/4-state-management/README.md) | یوهان |
## دسترسی آفلاین
با استفاده از [Docsify](https://docsify.js.org/#/) می توانید این اسناد را به صورت آفلاین اجرا کنید. این مخزن را در دستگاه محلی خود [نصب کنید Docsify](https://docsify.js.org/#/quickstart) و سپس در پوشه اصلی این مخزن، «docsify serve» را تایپ کنید. این وب سایت در پورت 3000 در لوکال هاست شما ارائه می شود: «localhost:3000».
## پی دی اف
پی دی اف تمام دروس را می توان یافت [اینجا](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
## سایر برنامه های درسی
تیم ما برنامه های درسی دیگری تولید می کند! وارسی:
- [یادگیری ماشینی برای مبتدیان](https://aka.ms/ml-beginners)
- [اینترنت اشیا برای مبتدیان](https://aka.ms/iot-beginners)
- [علم داده برای مبتدیان](https://aka.ms/datascience-beginners)
- [هوش مصنوعی برای مبتدیان](https://aka.ms/ai-beginners)

@ -0,0 +1,85 @@
[![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/pull/)
[![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/)
[![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)
# नवशिक्यांसाठी वेब विकास - एक कोर्स
सर्व JavaScript, CSS आणि HTML मूलभूत गोष्टींचा समावेश असलेला 12-आठवड्याचा, 24-धडा अभ्यासक्रम ऑफर करताना Microsoft च्या Azure Cloud Advocates खूश आहेत. प्रत्येक धड्यात पाठपूर्व आणि पाठोत्तर प्रश्नमंजुषा, धडा पूर्ण करण्यासाठी लिखित सूचना, उपाय, असाइनमेंट आणि बरेच काही समाविष्ट आहे. आमची प्रकल्प-आधारित अध्यापनशास्त्र तुम्हाला तुम्ही तयार करत असताना शिकण्याची परवानगी देते, नवीन कौशल्ये 'स्टिक=' करण्याचा एक सिद्ध मार्ग.
** आमच्या लेखक जेन लूपर, ख्रिस नॉरिंग, ख्रिस्तोफर हॅरिसन, जास्मिन ग्रीनवे, योहान लासोरा, फ्लोर ड्राईस आणि स्केचनोट कलाकार टोमोमी इमुरा यांचे मनःपूर्वक आभार!**
> **शिक्षक**, आम्ही हा अभ्यासक्रम कसा वापरायचा याबद्दल [काही टिपा](for-teachers.en.md) समाविष्ट केल्या आहेत. तुम्हाला तुमचा स्वतःचा मजकूर तयार करायचा असल्यास, आम्ही एक [मजकूर टेम्पलेट](leson-template/translations/README.en.md) देखील समाविष्ट केले आहे.
> **विद्यार्थी**, या कोर्समध्ये स्वतःहून प्रवेश करण्यासाठी, संपूर्ण रेपो फोर्क करा आणि स्वतःच व्यायाम पूर्ण करा, व्याख्यानापूर्वीच्या प्रश्नमंजुषापासून सुरुवात करा, नंतर व्याख्यान वाचून उर्वरित क्रियाकलाप पूर्ण करा. सोल्यूशन कोड कॉपी करण्याऐवजी, धडे समजून घेऊन प्रकल्प तयार करण्याचा प्रयत्न करा; तथापि हा कोड प्रत्येक प्रकल्पाभिमुख धड्यातील /सोल्यूशन्स फोल्डरमध्ये उपलब्ध आहे. दुसरी कल्पना म्हणजे मित्रांसोबत अभ्यास गट तयार करणे आणि एकत्रितपणे साहित्याचा अभ्यास करणे. पुढील अभ्यासासाठी, आम्ही [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) आणि पाहिल्यानंतर खालील व्हिडिओची शिफारस करतो.
[![प्रोमो व्हिडिओ](../images/web.gif)](https://youtube.com/watch?v=R1wrdtmBSII "प्रोमो व्हिडिओ")
> प्रकल्प आणि ज्या लोकांनी तो बनवला त्याबद्दलच्या व्हिडिओसाठी वरील इमेजवर क्लिक करा!
## अध्यापनशास्त्र
हा अभ्यासक्रम तयार करताना आम्ही दोन अध्यापनशास्त्रीय तत्त्वे निवडली: ते प्रकल्प-आधारित असल्याची खात्री करणे आणि त्यात पुनरावृत्ती झालेल्या प्रश्नमंजुषा समाविष्ट आहेत. या मालिकेच्या शेवटी, विद्यार्थ्यांनी एक टायपिंग गेम, एक व्हर्च्युअल टेरॅरियम, एक 'ग्रीन' ब्राउझर विस्तार, एक 'स्पेस इन्व्हेस्टर्स' प्रकारचा गेम आणि एक व्यवसाय-प्रकार बँकिंग अॅप तयार केला असेल आणि JavaScript च्या मूलभूत गोष्टी शिकल्या असतील. आजच्या वेब डेव्हलपरच्या आधुनिक टूलचेनसह HTML आणि CSS.
सामग्री प्रकल्पांशी संरेखित असल्याची खात्री करून, प्रक्रिया विद्यार्थ्यांसाठी अधिक आकर्षक बनविली जाते आणि संकल्पनांची धारणा वाढविली जाईल. आम्ही संकल्पनांचा परिचय करून देण्यासाठी JavaScript मूलभूत गोष्टींमध्ये अनेक स्टार्टर धडे देखील लिहिले, ज्यात व्हिडिओ ट्यूटोरियलच्या "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT) समाविष्ट आहे. .mc_id=academic-13441-cxa)", ज्यांच्या काही लेखकांनी या अभ्यासक्रमासाठी योगदान दिले आहे.
शिवाय, वर्गापूर्वी कमी-स्‍टेक्‍स क्विझ विद्यार्थ्‍याचा विषय शिकण्‍याचा हेतू ठरवते, तर वर्गानंतर दुसरी क्विझ कायम ठेवण्‍याची खात्री देते. हा कोर्स लवचिक आणि मजेदार आणि संपूर्ण किंवा काही प्रमाणात घेतला जाऊ शकतो. प्रकल्प लहान सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी ते अधिकाधिक जटिल बनतात.
आम्ही जावास्क्रिप्ट फ्रेमवर्कची ओळख करून देण्याचे हेतुपुरस्सर टाळले आहे, फ्रेमवर्क स्वीकारण्यापूर्वी वेब डेव्हलपर म्हणून आवश्यक असलेल्या मूलभूत कौशल्यांवर लक्ष केंद्रित करण्यासाठी, हा अभ्यासक्रम पूर्ण करण्यासाठी पुढील चांगली पायरी म्हणजे व्हिडिओंचा दुसरा संग्रह. Node.js बद्दल याद्वारे शिकू: "[प्रारंभिक मालिका ते: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441 -cxa)".
आमची [आचारसंहिता](/CODE_OF_CONDUCT.md), [योगदान](/CONTRIBUTING.md), आणि [अनुवाद](/TRANSLATIONS.md) मार्गदर्शक तत्त्वे शोधा. आम्ही तुमच्या रचनात्मक अभिप्रायाचे स्वागत करतो!
,
## प्रत्येक धड्यात हे समाविष्ट आहे:
- पर्यायी स्केचनोट
- पर्यायी पूरक व्हिडिओ
- प्री-लेक्चर वॉर्मअप क्विझ
- लिखित मजकूर
- प्रकल्प-आधारित धड्यांसाठी, प्रकल्प तयार करण्यासाठी चरण-दर-चरण मार्गदर्शक
- ज्ञान तपासणी
- एक आव्हान
- परिशिष्ट वाचन
- असाइनमेंट
- पोस्ट लेक्चर क्विझ
> **क्विझबद्दल एक टीप**: सर्व प्रश्नमंजुषा [या अॅपमध्ये](https://ashy-river-0debb7803.1.azurestaticapps.net/)
## धडा
| | प्रकल्पाचे नाव | शिकवलेल्या संकल्पना | शिकण्याचे उद्दिष्ट | लिंक केलेला मजकूर | लिखित मजकूर | स्केचनोट | असाइनमेंट | नवशिक्या क्विझ | अंतिम क्विझ | विडिओ | लेखक |
| :---: | :------------------------------------------------------: | :----------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------ | :-----------------------------------------------------------------------------------------------------------------: | :------: | :---: | :----: | :----------: | :---------: | :---: | :-------------: |
| 01 | सुरू करण्यासाठी | ट्रैड प्रोग्रामिंग और उपकरणों का परिचय | बर्‍याच प्रोग्रामिंग भाषांमागील मूलभूत गोष्टी जाणून घ्या आणि सॉफ्टवेअर जे व्यावसायिक विकासकांना त्यांची कामे करण्यात मदत करतात | [क्वाड प्रोग्रामिंग आणि टूल्सचा परिचय](/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | जैस्मिन |
| 02 | सुरू करण्यासाठी | टीमसोबत काम करण्यासह गिटहबच्या मूलभूत गोष्टी | तुमच्या प्रोजेक्टमध्ये GitHub कसे वापरावे, कोड बेसवर इतरांशी सहयोग कसे करावे | [GitHub परिचय](/1-getting-started-lessons/2-github-basics/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | 🛑 | फलर |
| 03 | सुरू करण्यासाठी | प्रवेशयोग्यता | वेब ऍक्सेसिबिलिटीची मूलभूत माहिती जाणून घ्या | [सुलभता निधी](/1-getting-started-lessons/3-accessibility/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | 🛑 | क्रिस्टोफर |
| 04 | JS च्या मूलभूत गोष्टी | जावास्क्रिप्ट डेटा प्रकार | Javascript डेटा प्रकारांची मूलभूत माहिती | [डेटा प्रकार](/2-js-basics/1-data-types/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | जैस्मिन |
| 05 | JS च्या मूलभूत गोष्टी | कार्ये आणि पद्धती | अनुप्रयोगाचा तर्क प्रवाह व्यवस्थापित करण्यासाठी कार्ये आणि पद्धतींबद्दल जाणून घ्या | [फंगक्शनस और मेथड्स](/2-js-basics/2-functions-methods/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | जैस्मिन and क्रिस्टोफर |
| 06 | JS च्या मूलभूत गोष्टी | JS सह निर्णय | ननिर्णय घेण्याच्या पद्धती वापरून तुमच्या कोडमध्ये परिस्थिती निर्माण करायला शिका | [निर्णय घेणे](/2-js-basics/3-making-decisions/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | जैस्मिन |
| 07 | JS च्या मूलभूत गोष्टी | अररेस और लूपस | Javascript मध्ये अॅरे आणि ल्युपस वापरून डेटासह कार्य करा | [अररेस और लूपस](/2-js-basics/4-arrays-loops/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | जैस्मिन |
| 08 | [टेरारियम](/3-terrarium/solution/translations/README.hi.md) | सराव मध्ये HTML | लेआउटवर लक्ष केंद्रित करून ऑनलाइन टेरेरियम तयार करण्यासाठी HTML तयार करा | [HTML चा परिचय](/3-terrarium/1-intro-to-html/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | 🛑 | जेन |
| 09 | [टेरारियम](/3-terrarium/solution/translations/README.hi.md) | सीएसएस | पृष्ठ प्रतिसादासह CSS च्या मूलभूत गोष्टींवर लक्ष केंद्रित करून टेरेरियम ऑनलाइन स्टाइल करण्यासाठी CSS तयार करा | [CSS चा परिचय](/3-terrarium/2-intro-to-css/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | 🛑 | जेन |
| 10 | [टेरारियम](/3-terrarium/solution/README.md) | Javascript क्लोजर, DOM मॅनिपुलेशन | क्लोजर आणि डीओएम मॅनिपुलेशनवर लक्ष केंद्रित करून ड्रॅग/ड्रॉप इंटरफेस म्हणून टेरेरियम फंक्शन तयार करण्यासाठी JavaScript तयार करा | [जावास्क्रिप्ट क्लोजर और डोम मनिप्यलैशन](/3-terrarium/3-intro-to-DOM-and-closures/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | 🛑 | जेन |
| 11 | [टायपिंग गेम](/4-typing-game/solution/README.md) | एक टायपिंग गेम बनाए | तुमच्या JavaScript अॅपचे लॉजिक चालविण्यासाठी कीबोर्ड इव्हेंट कसे वापरायचे ते शिका | [ईवेंट-संचालित प्रोग्रामिंग](/4-typing-game/typing-game/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | ✅ | क्रिस्टोफर |
| 12 | [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution/README.md) | ब्राउझरसह कार्य करणे | ब्राउझर कसे कार्य करतात, त्यांचा इतिहास जाणून घ्या आणि ब्राउझर विस्तारांचे प्रथम घटक तयार करा | [ब्राउझर बद्दल](/5-browser-extension/1-about-browsers/translations/README.hi.md) | ✅ | ✅ | ✅ | ✅ | ✅ | 🛑 | जेन |
| 13 | [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक स्टोरेजमध्ये व्हेरिएबल्स संचयित करणे | लोकल स्टोरेजमध्ये संग्रहित व्हेरिएबल्स वापरून API कॉल करण्यासाठी तुमच्या ब्राउझर विस्ताराचे JavaScript घटक तयार करा | [API, फॉर्म आणि स्थानिक कथा](/5-browser-extension/2-forms-browsers-local-storage/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | ✅ | जेन |
| 14 | [ग्रीन ब्राउजर इक्स्टेन्शन](/5-browser-extension/solution/README.md) | ब्राउझर, वेब डिस्प्ले मधील पार्श्वभूमी प्रक्रिया | विस्ताराचे चिन्ह व्यवस्थापित करण्यासाठी ब्राउझरच्या पार्श्वभूमी प्रक्रिया वापरा; वेब कार्यप्रदर्शन तयार करण्यासाठी काही ऑप्टिमायझेशनबद्दल जाणून घ्या आणि | [पार्श्वभूमी कार्ये आणि कार्यप्रदर्शन](/5-browser-extension/3-background-tasks-and-performance/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | 🛑 | जेन |
| 15 | [स्पेस गेम](/6-space-game/solution/README.md) | JavaScript सह अधिक प्रगत गेम डेव्हलपमेंट | गेम तयार करण्याच्या तयारीसाठी रचना आणि पब/सब पॅटर्न दोन्ही वापरून वर्ग आणि वारसा याविषयी जाणून घ्या | [प्रगत गेम विकासाचा परिचय](/6-space-game/1-introduction/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | 🛑 | क्रिस |
| 16 | [स्पेस गेम](/6-space-game/solution/README.md) | कॅनव्हासवर काढा | कॅनव्हास API बद्दल जाणून घ्या, जो स्क्रीनवर घटक काढण्यासाठी वापरला जातो | [कॅनव्हासवर काढा](/6-space-game/2-drawing-to-canvas/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | 🛑 | क्रिस |
| 17 | [स्पेस गेम](/6-space-game/solution/README.md) | स्क्रीनभोवती हलणारे घटक | कॅनव्हास API वापरून कार्टेशियन निर्देशांक आणि घटक कसे मिळवायचे ते शोधा | [हलणारे घटक](/6-space-game/3-moving-elements-around/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | 🛑 | क्रिस |
| 18 | [स्पेस गेम](/6-space-game/solution/README.md) | टक्कर शोध | की दाबून घटक एकमेकांना टक्कर द्या आणि प्रतिक्रिया द्या आणि गेम कार्यप्रदर्शन सुनिश्चित करण्यासाठी कूलडाउन फंक्शन प्रदान करा | [टक्कर शोध](/6-space-game/4-collision-detection/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | 🛑 | क्रिस |
| 19 | [स्पेस गेम](/6-space-game/solution/README.md) | स्कोअर ठेवा | खेळाची स्थिती आणि कामगिरीवर आधारित गणिताची गणना करा | [स्कोअर ठेवा](/6-space-game/5-keeping-score/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | 🛑 | क्रिस |
| 20 | [स्पेस गेम](/6-space-game/solution/README.md) | गेम समाप्त करा आणि रीस्टार्ट करा | मालमत्ता साफ करणे आणि पुली मूल्ये रीसेट करणे यासह गेम कसा संपवायचा आणि रीस्टार्ट कसा करायचा ते जाणून घ्या | [शेवटची स्थिती](/6-space-game/6-end-condition/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | 🛑 | क्रिस |
| 21 | [बैंकिंग एप](/7-bank-project/solution/README.md) | HTML टेम्पलेट्स आणि वेब अॅपमध्ये रूट करा | राउटिंग आणि एचटीएमएल टेम्पलेट्स वापरून मल्टीफेस वेबसाइटचे आर्किटेक्चर स्कॅफोल्ड करायला शिका | [HTML टेम्पलेट आणि मार्ग](/7-bank-project/1-template-route/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | ✅ | योहन |
| 22 | [बैंकिंग एप](/7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करा | फॉर्म तयार करणे आणि प्रमाणीकरण दिनचर्या सुपूर्द करणे याबद्दल जाणून घ्या | [फॉर्म्स](/7-bank-project/2-forms/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | ✅ | योहन |
| 23 | [बैंकिंग एप](/7-bank-project/solution/README.md) | डेटा कसा आणायचा आणि वापरायचा | तुमच्या अॅपवर डेटा कसा प्रवाहित होतो, तो कसा आणायचा, तो कसा संग्रहित करायचा आणि त्याची विल्हेवाट कशी लावायची | [डाटा](/7-bank-project/3-data/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | ✅ | योहन |
| 24 | [बैंकिंग एप](/7-bank-project/solution/README.md) | राज्य व्यवस्थापनाच्या संकल्पना | तुमचे अ‍ॅप स्थिती कशी राखते आणि ते सेंद्रिय पद्धतीने कसे व्यवस्थापित करते ते जाणून घ्या | [स्टेट प्रबंधन](/7-bank-project/4-state-management/translations/README.hi.md) | ✅ | 🛑 | ✅ | ✅ | ✅ | | योहन |
## ऑफलाइन प्रवेश
तुम्ही [Docsify](https://docsify.js.org/#/) वापरून हा दस्तऐवज ऑफलाइन डाउनलोड करू शकता. तुमच्या स्थानिक मशीनवर या रेपोला फोर्क करा, [installed docsify](https://docsify.js.org/#/quickstart) आणि नंतर या रेपोच्या रूट फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाइट तुमच्या लोकलहोस्ट: `localhost:3000` वर पोर्ट 3000 वर दिली जाईल.

@ -1,33 +1,33 @@
## Para Los Educadores ## Para Educadores
¿Le gustaría usar este plan de estudios en su salón de clases? ¡Por favor, siéntase libre de hacerlo! ¿Te gustaría usar este curso en tu clase? ¡Estamos encantados de ayudarte! Aquí hay algunas sugerencias para ayudarte a comenzar.
De hecho, puede usarlo dentro de GitHub usando GitHub Classroom. De hecho, puedes usarlo dentro de GitHub usando GitHub Classroom.
Para hacer eso, bifurque este repositorio. Deberá crear un repositorio para cada lección, por lo que deberá extraer cada carpeta en un repositorio separado. De esa manera, [GitHub Classroom](https://classroom.github.com/classrooms) puede retomar cada lección por separado. Para hacerlo, haz un fork de este repositorio. Necesitarás crear un repositorio para cada lección, por lo que necesitarás extraer cada carpeta en un repositorio separado. De esta manera, [GitHub Classroom](https://classroom.github.com/classrooms) puede seleccionar cada lección por separado.
Estas [instrucciones completas](https://github.blog/2020-03-18-set-up-your-digital-classroom-with-github-classroom/) le darán una idea de cómo configurar su salón de clases. Estas [instrucciones](https://github.blog/2020-03-18-set-up-your-digital-classroom-with-github-classroom/) te darán una idea de cómo configurar tu aula.
## Utilizándolo en Moodle, Canvas o Blackboard ## Usando el repositorio en Moodle, Canvas o Blackboard.
¡Este plan de estudios funciona bien en estos sistemas de gestión del aprendizaje! Use el [archivo de carga de Moodle](/teaching-files/webdev-moodle.mbz) para ver el contenido completo, o pruebe el [archivo Common Cartridge](/teaching-files/webdev-common-cartridge.imscc) que contiene parte del contenido. Moodle Cloud no admite exportaciones completas de Common Cartridge, por lo que es preferible usar el archivo de descarga de Moodle que se puede cargar en Canvas. Por favor háganos saber cómo podemos mejorar esta experiencia. Este curso funciona bien en estos Sistemas de Gestión de Aprendizaje. Usa el archivo [Moodle](/teaching-files/webdev-moodle.mbz) para el contenido completo, o prueba el archivo [Common Cartridge](/teaching-files/webdev-common-cartridge.imscc) que contiene parte del contenido. Moodle Cloud no admite exportaciones completas de Common Cartridge, por lo que es preferible usar el archivo de descarga de Moodle que se puede cargar en Canvas. Por favor, háganos saber cómo podemos mejorar esta experiencia.
![Moodle](/teaching-files/moodle.png) ![Moodle](https://raw.githubusercontent.com/microsoft/Web-Dev-For-Beginners/main/teaching-files/moodle.png)
> El plan de estudios en un aula Moodle > El curso en Moodle Classroom
![Canvas](/teaching-files/canvas.png) ![Canvas](https://raw.githubusercontent.com/microsoft/Web-Dev-For-Beginners/main/teaching-files/canvas.png)
> El plan de estudios en Canvas > El curso en Canvas
## Usar el repositorio tal como está ## Usando el repositorio de la forma en que está
Si desea usar este repositorio tal como está actualmente, sin usar GitHub Classroom, también puede hacerlo. Necesitaría comunicarles a sus alumnos qué lección deben trabajar juntos. Si deseas usar este repositorio tal como está, sin usar GitHub Classroom, también lo puedes hacer. Para ello, deberías conversar con tus estudiantes sobre qué lección van a trabajar juntos.
En un formato en línea (Zoom, Teams u otro), puede formar salas de grupos para los cuestionarios y asesorar a los estudiantes para ayudarlos a prepararse para aprender. Luego invite a los estudiantes a los cuestionarios y envíe sus respuestas como 'issues' en un momento determinado. Puede hacer lo mismo con las tareas si desea que los estudiantes trabajen en colaboración al aire libre. En un ambiente en línea (Zoom, Teams, u otro) podrías formar _breakout rooms_ (salas de descanso) para que tus alumnos presenten sus exámenes, y ayudar a los estudiantes para prepararse a aprender. Otro ejemplo, puedes invitar a los estudiantes a que participen en los exámenes y envíen sus respuestas como 'issues' a cierta hora. Podrías hacer lo mismo con las tareas, si quieres que los estudiantes trabajen de forma colaborativa externa.
Si prefiere un formato más privado, pídales a sus alumnos que bifurquen el plan de estudios, lección por lección, en sus propios repositorios de GitHub como repositorios privados y le den acceso. Luego, pueden completar cuestionarios y tareas de forma privada y enviárselos a usted a través de problemas en el repositorio de su clase. Si prefieres un ambiente más privado, pide a tus estudiantes que hagan un fork del curso, lección por lección, a sus propios repositorios de GitHub como repositorios privados y te den acceso. Luego pueden completar los exámenes y las tareas de forma privada y enviártelas a través de "issues" en tu repositorio de aula.
Hay muchas maneras de hacer que esto funcione en un formato de aula en línea. ¡Por favor, háganos saber lo que funciona mejor para usted! Hay muchas formas de hacer funcionar el curso en un formato en línea. ¡Haznos saber cómo lo estás haciendo!
## ¡Por favor dénos sus pensamientos! ## Por favor, ayúdanos a mejorar
Queremos que este plan de estudios funcione para usted y sus alumnos. Conéctese con nosotros en el [Teacher corner](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) y abra un [**nuevo issue**](https://github.com/microsoft/Web-Dev-For-Beginners/issues/new/choose) para cualquier solicitud, errores y comentarios. Queremos mejorar este curso para que sea más útil para los educadores y los estudiantes. Si tienes alguna sugerencia, por favor déjanos tus [comentarios](https://forms.microsoft.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbR2humCsRZhxNuI79cm6n0hRUQzRVVU9VVlU5UlFLWTRLWlkyQUxORTg5WS4u).

Loading…
Cancel
Save