📦 microsoft / Web-Dev-For-Beginners

📄 README.md · 265 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "fea3a0fceb8ad86fd640c09cf63a2aac",
  "translation_date": "2026-01-08T08:39:44+00:00",
  "source_file": "README.md",
  "language_code": "et"
}
-->
# Veebiarendus algajatele – õppekava

Õppige veebi arendamise põhialuseid meie Microsoft Cloud Advocatesi 12-nädalase põhjaliku kursuse kaudu. Iga 24 õppetundi süveneb JavaScripti, CSS-i ja HTML-i käeliste projektide kaudu nagu terrariumid, brauserilaiendused ja kosmosemängud. Osalege viktoriinides, aruteludes ja praktilistes ülesannetes. Täiustage oma oskusi ja optimeerige teadmiste omandamist meie tõhusa projektipõhise õpetamismeetodiga. Alustage oma kodeerimise teekonda juba täna!

Liituge Azure AI Foundry Discordi kogukonnaga

[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)

Järgige neid samme, et hakata neid ressursse kasutama:
1. **Looge repositsiooni koopia (fork)**: Klõpsake [![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. **Kloonige repositsioon**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Liituge Azure AI Foundry Discordiga ja kohtuge ekspertide ning teiste arendajatega**](https://discord.com/invite/ByRwuEEgH4)

### 🌐 Mitmekeelne tugi

#### Toetatud GitHub Actioni kaudu (automatiseeritud ja alati ajakohane)

<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[araabia](../ar/README.md) | [bengali](../bn/README.md) | [bulgaaria](../bg/README.md) | [birma keel (Myanmar)](../my/README.md) | [hiina (lihtsustatud)](../zh/README.md) | [hiina (traditsiooniline, Hongkong)](../hk/README.md) | [hiina (traditsiooniline, Macau)](../mo/README.md) | [hiina (traditsiooniline, Taiwani)](../tw/README.md) | [horvaadi](../hr/README.md) | [tšehhi](../cs/README.md) | [taani](../da/README.md) | [hollandi](../nl/README.md) | [eesti](./README.md) | [soome](../fi/README.md) | [prantsuse](../fr/README.md) | [saksa](../de/README.md) | [kreeka](../el/README.md) | [heebrea](../he/README.md) | [hindi](../hi/README.md) | [ungari](../hu/README.md) | [indoneesia](../id/README.md) | [itaalia](../it/README.md) | [jaapani](../ja/README.md) | [kannada](../kn/README.md) | [korea](../ko/README.md) | [leedu](../lt/README.md) | [malai keel](../ms/README.md) | [malajalami](../ml/README.md) | [marathi](../mr/README.md) | [nepali](../ne/README.md) | [nigeeria pidgin](../pcm/README.md) | [norra](../no/README.md) | [pärsia (Farsi)](../fa/README.md) | [poola](../pl/README.md) | [portugali (Brasiilia)](../br/README.md) | [portugali (Portugal)](../pt/README.md) | [pandžabi (Gurmukhi)](../pa/README.md) | [rumeenia](../ro/README.md) | [vene](../ru/README.md) | [serbia (kirillitsa)](../sr/README.md) | [skaapaki](../sk/README.md) | [sloveeni](../sl/README.md) | [hispaania](../es/README.md) | [svahili](../sw/README.md) | [rootsi](../sv/README.md) | [tagalogi (filipino)](../tl/README.md) | [tamiili](../ta/README.md) | [telugu](../te/README.md) | [tai](../th/README.md) | [türgi](../tr/README.md) | [ukraina](../uk/README.md) | [urdu](../ur/README.md) | [vietnami](../vi/README.md)

> **Eelistate kloonida lokaalselt?**

> See repositsioon sisaldab enam kui 50 keele tõlget, mis suurendab oluliselt allalaadimise mahtu. Tõlgeteta kloonimiseks kasutage spetsiifilist kontrolli (sparse checkout):
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> See annab teile kõik vajaliku kursuse läbimiseks märksa kiiremalt.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->

**Kui soovite lisada toetust täiendavatele tõlkekeeltele, on need loetletud [siin](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**

[![Ava Visual Studio Code'is](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)

#### 🧑‍🎓 _Oled õpilane?_

Külasta [**Õpilase tugikeskuse lehte**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kus leiad algajatest ressurssid, õpilase pakke ja isegi võimalusi saada tasuta sertifikaadikupong. See on leht, mida tasub järjehoidjates hoida ja aeg-ajalt kontrollida, sest sisu uuendatakse iga kuu.

### 📣 Teade – uued GitHub Copilot Agendi režiimi väljakutsed täitmiseks!

Uus väljakutse lisatud, otsi "GitHub Copilot Agent Challenge 🚀" enamikust peatükkidest. See on uus väljakutse, mille saad täita GitHub Copiloti ja Agendi režiimi abil. Kui sa pole varem Agendi režiimi kasutanud, siis see suudab mitte ainult teksti genereerida, vaid ka faile luua ja muuta, käsklusi käivitada ja palju muud.

### 📣 Teade – _uus projekt loomaks Generatiivse tehisintellekti abil_

Uus AI assistendi projekt just lisatud, vaata [projekti](./9-chat-project/README.md)

### 📣 Teade – _uus õppekava_ Generatiivse tehisintellekti jaoks JavaScriptis on just avaldatud

Ära maga maha meie uut Generatiivse AI õppekava!

Alusta siit: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)

![Taust](../../translated_images/et/background.148a8d43afde5730.webp)

- Tunnid katavad kõike alates põhialustest kuni RAGini.
- Suhtle ajalooliste tegelastega kasutades GenAI-d ja meie kaasrakendust.
- Lõbus ja kaasahaarav jutustus, rändad ajas!

![tegelane](../../translated_images/et/character.5c0dd8e067ffd693.webp)

Iga tund sisaldab ülesannet, teadmiste kontrolli ja väljakutset, mis juhatavad teid järgmiste teemade õppimisel:
- Promptide ja prompt-engineeringi kasutamine
- Teksti- ja pildirakenduste genereerimine
- Otsingurakendused

Alusta siit: [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)

## 🌱 Alustamine

> **Õpetajad**, oleme lisanud [mõned soovitused](for-teachers.md), kuidas seda õppekava kasutada. Meil oleks hea meel teie tagasiside üle [meie arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!

**[Õppijad](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, iga õppetunni algul tehke sissejuhatav viktoriin ja seejärel jätkake loengumaterjali lugemisega, täitke erinevad tegevused ning kontrollige oma arusaamist lõpus tehtava viktoriiniga.

Õppimise paremaks toetamiseks võtke ühendust kaasõppijatega, et projekte koos teha! Arutelud on soovitatavad meie [arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kus meie moderaatorite meeskond on valmis vastama teie küsimustele.

Tulge haridust veelgi täiustama, soovitame soojalt uurida [Microsoft Learni](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) täiendavate õppevahendite jaoks.

### 📋 Keskkonna seadistamine

Sellel õppekaval on valmis arenduskeskkond! Kursuse alustamisel võite valida selle kasutamise [Codespace'is](https://github.com/features/codespaces/) (_brauseripõhine keskkond, mis ei vaja installimist_) või kohapeal oma arvutis tekstitöötlusprogrammiga nagu [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).

#### Looge oma repositsioon

Et oma tööd mugavalt salvestada, soovitatakse teil luua oma koopia sellest repositsioonist. Seda saate teha, klõpsates lehe ülaosas nuppu **Use this template**. See loob teie GitHubi kontole uue repositsiooni koopia.

Järgige neid samme:
1. **Forkige repositsioon**: Klõpsake selle lehe paremas ülaosas nuppu "Fork".
2. **Kloonige repositsioon**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`

#### Õppekava käivitamine Codespace'is

Teie loodud koopia repositsioonist klõpsake nuppu **Code** ja valige **Open with Codespaces**. See loob teile uue Codespace'i, kus töötada.

![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.webp)

#### Õppekava kohapealne käivitamine oma arvutis

Selle õppekava kohapealseks jooksutamiseks oma arvutis vajate tekstiredaktorit, brauserit ja käsureatööriista. Esimene tunnistus, [Tutvustus programmeerimiskeeltele ja tööriistadele](../../1-getting-started-lessons/1-intro-to-programming-languages), tutvustab erinevaid valikuid iga nende tööriista puhul, et saaksite valida endale sobivaima.

Soovitame kasutada [Visual Studio Code'i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) redaktorit, millel on ka sisseehitatud [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code'i saate alla laadida [siit](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).

1. Kloonige oma repositsioon arvutisse. Seda saate teha, klõpsates nupul **Code** ja kopeerides URL-i:

    [Codespace](./images/createcodespace.png)
Seejärel ava [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sees ja käivita järgmine käsk, asendades `<your-repository-url>` just äsja kopeeritud URL-iga:

    ```bash 
    git clone <your-repository-url>
    ```

2. Ava kaust Visual Studio Codes. Seda saab teha, klõpsates **File** > **Open Folder** ja valides kausta, mille just kloonisid.


> Soovitatud Visual Studio Code laiendused:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - et eelvaadata HTML-lehti Visual Studio Codes
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - et aidata sul koodi kiiremini kirjutada

## 📂 Igas õppetükis sisaldub:

- valikuline visandmärkmed
- valikuline lisavideo
- enne tundi soojendusülesanne
- kirjalik õppetükk
- projektipõhiste õppetükkide puhul samm-sammult juhendid projekti ülesehitamiseks
- teadmiste kontroll
- väljakutse
- lisalugemine
- ülesanne
- [pärastundi viktoriin](https://ff-quizzes.netlify.app/web/)

> **Märkused viktoriinide kohta**: Kõik viktoriinid on koondatud Quiz-app kausta, kokku 48 viktoriini, igas kolm küsimust. Neid on saadaval [siin](https://ff-quizzes.netlify.app/web/). Viktoriini rakendust saab käivitada lokaalselt või juurutada Azure'i; järgi juhiseid `quiz-app` kaustas.

## 🗃️ Õppetükid

|     |                       Projekti nimi                       |                            Õpitavad mõisted                             | Õpieesmärgid                                                                                                                 |                                                         Lingitud õppetükk                                                          |         Autor          |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01  |                     Alustamine                      |           Sissejuhatus programmeerimisse ja tööriistadesse           | Õpi programmeerimiskeelte põhialuseid ja tarkvara, mis aitab professionaalsetel arendajatel oma tööd teha | [Sissejuhatus programmeerimiskeeltesse ja tööriistadesse](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
| 02  |                     Alustamine                      |             GitHub põhitõed, sh meeskonnatöö             | Kuidas kasutada GitHubi projektis, kuidas teha koostööd koodibaasil                                                    |                            [Sissejuhatus GitHubi](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
| 03  |                     Alustamine                      |                             Juurdepääsetavus                              | Õpi veebipõhise juurdepääsetavuse põhialuseid                                                                                               |                       [Juurdepääsetavuse alused](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
| 04  |                        JS põhitõed                         |                         JavaScripti andmetüübid                          | JavaScripti andmetüüpide alused                                                                                                 |                                       [Andmetüübid](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
| 05  |                        JS põhitõed                         |                         Funktsioonid ja meetodid                          | Õpi funktsioonidest ja meetoditest, mis juhivad rakenduse loogikavoogu                                                             |                              [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md)                               | Jasmine ja Christopher |
| 06  |                        JS põhitõed                         |                        Otsuste tegemine JS-iga                        | Õpi tingimuste loomist koodis otsustamismeetodite abil                                                           |                                 [Otsuste tegemine](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
| 07  |                        JS põhitõed                         |                            Massiivid ja tsüklid                            | Töötamine andmetega, kasutades massiive ja tsükleid JavaScriptis                                                                                 |                                   [Massiivid ja tsüklid](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML praktikas                            | Ehita HTML, et luua veebiterrarium, keskendudes paigutuse loomisele                                                         |                                 [Sissejuhatus HTML-i](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS praktikas                             | Ehita CSS veebiterrariumi stiilimiseks, keskendudes CSS põhialustele ja lehe muutumisele vastavalt ekraanisuurusele                     |                                  [Sissejuhatus CSS-i](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScripti sulgemised, DOM manipuleerimine                  | Ehita JavaScript, et teha terrarium funktsioneerivaks lohistamisliideselementina, keskendudes sulgemistele ja DOM manipuleerimisele             |                  [JavaScripti sulgemised, DOM manipuleerimine](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
| 11  |          [Tippmäng](./4-typing-game/solution/README.md)          |                          Tippmängu ehitamine                           | Õpi klahvivajutuste sündmustega töötamist, et juhtida JavaScripti rakenduse loogikat                                                          |                                [Sündmuspõhine programmeerimine](./4-typing-game/typing-game/README.md)                                |       Christopher       |
| 12  | [Roheline Brauserilaiendus](./5-browser-extension/solution/README.md) |                         Töötamine brauseritega                          | Õpi, kuidas brauserid toimivad, nende ajalugu ja kuidas luua brauserilaienduse esimesi elemente                               |                               [Brauseritest](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
| 13  | [Roheline Brauserilaiendus](./5-browser-extension/solution/README.md) | Vormide loomine, API kutsumine ja muutujate salvestamine lokaalses mälus | Ehita brauserilaienduse JavaScripti elemendid API kutsumiseks, kasutades lokaalses mälus hoitud muutujaid                      |                [API-d, vormid ja lokaalne mälu](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
| 14  | [Roheline Brauserilaiendus](./5-browser-extension/solution/README.md) |          Brauseri taustaprotsessid, veebiperformance           | Kasuta brauseri taustaprotsesse laienduse ikooni juhtimiseks; õpi veebiperformance'ist ja optimeerimistehnikatest, et performants säilitada   |             [Taustatööd ja jõudlus](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
| 15  |           [Tähtede Mäng](./6-space-game/solution/README.md)           |             Edasijõudnum mängude arendus JavaScriptiga             | Õpi pärimist kasutades nii klasse kui ka kompositsiooni ning Pub/Sub mustrit, valmistudes mängu ehitamiseks              |                      [Sissejuhatus edasijõudnumasse mänguarendusse](./6-space-game/1-introduction/README.md)                       |          Chris          |
| 16  |           [Tähtede Mäng](./6-space-game/solution/README.md)           |                           Joonistamine canvasile                            | Õpi Canvas API-d, mida kasutatakse elementide ekraanile joonistamiseks                                                                       |                                [Joonistamine canvasile](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
| 17  |           [Tähtede Mäng](./6-space-game/solution/README.md)           |                   Elementide liigutamine ekraanil                    | Avastage, kuidas elemendid saavad liikumise, kasutades kartesisüsteemi koordinaate ja Canvas API-d                                            |                           [Elementide liigutamine](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
| 18  |           [Tähtede Mäng](./6-space-game/solution/README.md)           |                          Kokkupõrgete tuvastamine                           | Pane elemendid põrkuma ja reageerima üksteisele klahvivajutuste kaudu ning lisa jahutusfunktsioon jõudluse tagamiseks    |                              [Kokkupõrgete tuvastamine](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
| 19  |           [Tähtede Mäng](./6-space-game/solution/README.md)           |                             Skori pidamine                              | Tee mängu staatuse ja tulemuse põhjal arvutusi                                                                |                                    [Skori pidamine](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
| 20  |           [Tähtede Mäng](./6-space-game/solution/README.md)           |                     Mängu lõpetamine ja taaskäivitamine                     | Õpi mängu lõpetamisest ja taaskäivitamisest, sh ressursside vabastamisest ja muutujate lähtestamisest                              |                                [Lõpu tingimus](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
| 21  |         [Pangarakendus](./7-bank-project/solution/README.md)          |                 HTML mallid ja marsruudid veebirakenduses                 | Õpi, kuidas luua mitmeleheküljelise veebisaidi arhitektuuri raamistik, kasutades marsruute ja HTML malle                             |                            [HTML mallid ja marsruudid](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
| 22  |         [Pangarakendus](./7-bank-project/solution/README.md)          |                  Sisselogimise ja registreerimise vormi loomine                   | Õpi vormide koostamist ja valideerimise käitlusrutiine                                                                          |                                           [Vormid](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
| 23  |         [Pangarakendus](./7-bank-project/solution/README.md)          |                   Andmete toomise ja kasutamise meetodid                   | Kuidas andmed rakendusse voolavad ja sellest välja, kuidas neid toota, salvestada ja kustutada                                                 |                                            [Andmed](./7-bank-project/3-data/README.md)                                            |          Yohan          |
| 24  |         [Pangarakendus](./7-bank-project/solution/README.md)          |                      Oleku halduse kontseptsioonid                      | Õpi, kuidas rakendus säilitab olekut ja kuidas seda programmiliselt hallata                                                              |                                [Oleku haldus](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
| 25 | [Brauser/Vscode Kood](../../8-code-editor) | Töö VScode'iga | Õpi, kuidas kasutada koodiredaktorit| [Kasuta VScode koodiredaktorit](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [Tehisintellekti assistendid](./9-chat-project/README.md) | Töö AI-ga | Õpi, kuidas ehitada oma AI assistent | [AI assistendi projekt](./9-chat-project/README.md) | Chris |

## 🏫 Pedagoogika

Meie õppekava on loodud kahel olulisel pedagoogilisel põhimõttel:
* projektipõhine õppimine
* sagedased viktoriinid

Programm õpetab JavaScripti, HTML ja CSS põhialuseid ning tänapäevaste veebiarendajate poolt kasutatavaid uusimaid tööriistu ja tehnikaid. Õpilastel on võimalus saada praktilisi kogemusi, ehitades tippmängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaienduse, kosmosesissetungija stiilis mängu ja äriklientidele mõeldud pangarakenduse. Seeria lõpuks on õpilastel tugev ülevaade veebiarendusest.

> 🎓 Saad läbida selle õppekava esimesed õppetükid ka [õppeteede](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kaudu Microsoft Learn platvormil!

Tagades sisu sobivuse projektidega on protsess õpilaste jaoks huvitavam ning kontseptsioonide meeldejätmine parem. Kirjutasime ka mitu alustavat õppetükki JavaScripti alustest, tutvustamaks kontseptsioone, koos videoga "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", mille autorite hulgas on ka selle õppekava kaasautoreid.

Lisaks aitab enne tundi toimuv madala panusega viktoriin seatud õpilase sihti uue teema õppimiseks, samas kui teise viktoriiniga pärast tundi tagatakse parem kontseptsioonide kinnistumine. See õppekava on loodud paindlikuks ja lõbusaks, ning seda saab võtta ka ositi. Projektid algavad lihtsatest ja muutuvad 12-nädalase tsükli lõpuks järjest keerukamaks.

Kuigi oleme teadlikult vältinud JavaScripti raamistikest rääkimist, keskendudes veebiarendajale vajalikele põhioskustele enne raamistikku võtmist, oleks järgmiseks heaks sammuks selle õppekava lõpetamiseks Node.js õppimine, kasutades videotest koosnevat seeriat: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".

> Vaata meie [käitumisjuhendit](CODE_OF_CONDUCT.md) ja [panustamise](CONTRIBUTING.md) juhiseid. Ootame sinu konstruktiivset tagasisidet!


## 🧭 Võimalus vajalike materjalide kasutamiseks ka offline

Seda dokumentatsiooni saab kasutada ka offline, kasutades [Docsify](https://docsify.js.org/#/). Kopeeri see repositoorium, paigalda [Docsify](https://docsify.js.org/#/quickstart) oma kohalikusse arvutisse ja siis selle repositooriumi juurkaustas tipi `docsify serve`. Veebileht avaneb aadressil port 3000 kaudu sinu kohalikus masinas: `localhost:3000`.

## 📘 PDF

Kõikidest õppetükkidest PDF on leitav [siit](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).


## 🎒 Teised kursused
Meie meeskond toodab ka teisi kursusi! Vaata lähemalt:

<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)

---

### Azure / Edge / MCP / Agendid
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)

---

### Generatiivse tehisintellekti seeria
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)

---

### Põhiline õppimine
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)

---

### CoPiloti seeria
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->

## Abi saamine

Kui jääd hätta või sul on küsimusi AI-rakenduste loomise kohta, liitu teiste õppijate ja kogenud arendajatega MCP aruteludes. See on toetav kogukond, kus küsimused on teretulnud ja teadmisi jagatakse vabalt.

[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)

Kui sul on toote tagasisidet või ehitamisel esineb vigu, külasta:

[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)

## Litsents

See hoidla on litsentseeritud MIT litsentsi alusel. Lisateabe saamiseks vaata faili [LICENSE](../../LICENSE).

---

<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Vastutusest loobumine**:  
See dokument on tõlgitud kasutades tehisintellekti tõlke teenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüame tagada tõlkete täpsust, palun arvestage, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle emakeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tingitud arusaamatuste või valesti mõistmiste eest.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->