Web-Dev-For-Beginners/translations/et

Veebiarendus algajatele – õppekava

Õppige veebiarenduse põhialuseid meie Microsoft Cloud Advocatesi 12-nädalase põhjaliku kursusega. Iga 24 õppetundi viib teid süvitsi JavaScripti, CSS-i ja HTML-i maailma praktiliste projektide kaudu nagu terraariumid, brauserilaiendid ja kosmosemängud. Osalege viktoriinides, diskussioonides ja praktilistes ülesannetes. Täiustage oma oskusi ja optimeerige teadmiste säilitamist meie tõhusa projektipõhise pedagoogikaga. Alustage oma kodeerimise teekonda juba täna!

Liituge Azure AI Foundry Discordi kogukonnaga

Järgige neid samme, et hakata neid ressursse kasutama:

1. Tehke hoidlast forkitamine: Klõpsake nuppu
2. Klooni hoidla: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Liituge Azure AI Foundry Discordiga ja kohtuge ekspertide ning teiste arendajatega

🌐 Mitmekeelne tugi

Toetatud GitHub Actioni kaudu (automatiseeritud ja alati ajakohane)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Eelistate kloonida lokaalselt?

See hoidla sisaldab üle 50 keele tõlkeid, mis suurendab oluliselt allalaadimise mahtu. Kui soovite kloonida ilma tõlgeteta, kasutage sparse checkout'i:

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 palju kiirema allalaadimisega.

Kui soovite toetada täiendavaid tõlkekeeli, siis toetatud keeled on loetletud siin

🧑‍🎓 Kas oled üliõpilane?

Külasta Student Hub lehte, kus leiad algajatele mõeldud ressursid, üliõpilaste pakid ja isegi võimalused tasuta sertifikaadivautšerite saamiseks. See on leht, mille tahad järjehoidjasse lisada ja aeg-ajalt kontrollida, sest sisu uuendatakse igakuiselt.

📣 Teade - Uued GitHub Copilot Agent moodi väljakutsed!

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

📣 Teade - Uus Generatiivse AI projekt ehitamiseks

Lisandunud uus AI assistendi projekt, vaata projekti

📣 Teade - Uus õppekava Generatiivse AI kohta JavaScripti jaoks avaldatud

Ära maga maha meie uut Generatiivse AI õppekava!

Alusta aadressilt https://aka.ms/genai-js-course!

• Õppetunnid hõlmavad kõike alates põhitõdedest kuni RAG-ni.
• Suhtle ajalooliste tegelastega GenAI ja meie kaaslase rakenduse abil.
• Lõbus ja kaasahaarav jutustus, sa reisid ajas!

Igas õppetunnis on ülesanne lõpetamiseks, teadmiste kontroll ja väljakutse, mis juhatab sind järgmiste teemadega tutvumisel:

• Täpsustamine ja täpsustamise inseneriteadus
• Teksti ja pildi rakenduste genereerimine
• Otsingurakendused

Alusta aadressil https://aka.ms/genai-js-course!

🌱 Alustamine

Õpetajad, oleme lisanud mõningaid soovitusi selle kohta, kuidas seda õppekava kasutada. Hindame väga teie tagasisidet meie arutelufoorumis!

Õppijad alustage iga õppetunniga eelviktoriiniga ja jätkake õppetunni materjali lugemisega, täites erinevaid tegevusi ning kontrollige oma arusaamist järekviktoriiniga.

Selleks, et parandada oma õpikogemust, ühenduge eakaaslastega, et koos projekte teha! Arutelud on teretulnud meie arutelufoorumis, kus meie moderaatorite meeskond on valmis teie küsimustele vastama.

Hariduse süvendamiseks soovitame tungivalt uurida Microsoft Learn täiendavate õppematerjalide jaoks.

📋 Oma arenduskeskkonna seadistamine

See õppekava on koos arenduskeskkonnaga, mis on kohe kasutusvalmis! Kui alustate, võite valida, kas käivitada õppekava Codespace'is (brauseripõhine, installimist mitte vajav keskkond), või lokaalselt oma arvutis, kasutades tekstiredaktorit nagu Visual Studio Code.

Looge oma hoidla

Selleks, et salvestada oma tööd lihtsalt, on soovitatav luua oma hoidla koopia. Seda saate teha, klõpsates lehe ülaosas nuppu Use this template. See loob teie GitHubi kontole uue hoidla koos õppekava koopiaga.

Järgige neid samme:

1. Tehke hoidlast forkitamine: Klõpsake selle lehe paremas ülanurgas nuppu "Fork".
2. Klooni hoidla: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Õppekava käivitamine Codespace'is

Loomata hoidla koopias, mille tegite, klõpsake nuppu Code ja valige Open with Codespaces. See loob uue Codespace'i, kus saate tööd teha.

Õppekava käivitamine lokaalselt arvutis

Selle õppekava käivitamiseks kohalikult arvutis vajate tekstiredaktorit, veebibrauserit ja käsureatööriista. Meie esimene õppetund, Programmeeringukeeled ja tööriistad, tutvustab teile erinevaid võimalusi nende tööriistade jaoks, et saaksite valida endale parima.

Soovitame kasutada Visual Studio Code'i redaktorina, mis sisaldab ka sisseehitatud terminali. Visual Studio Code'i saate alla laadida siit.

1. Kloonige oma hoidla oma arvutisse. Seda saate teha, klõpsates nuppu Code ja kopeerides URL-i:

   CodeSpace Siis ava Terminal Visual Studio Code sees ja käivita järgmine käsk, asendades <your-repository-url> äsja kopeeritud URL-iga:

   git clone <your-repository-url>
   

2. Ava kaust Visual Studio Code'is. Sa saad seda teha, klõpsates File > Open Folder ja valides äsja kloonitud kausta.

Soovitatud Visual Studio Code’i laiendused:

• Live Server – HTML-lehtede eelvaateks Visual Studio Code’is
• Copilot – et aidata sul koodi kiiremini kirjutada

📂 Iga õppetüki sisu sisaldab:

• valikulist sketšimärkust
• valikulist lisavideot
• eel-õppetüki soojendusküsimustikku
• kirjalikku õppetükki
• projektipõhiste õppetükkide puhul samm-sammult juhendeid projekti loomiseks
• teadmiste kontrolli
• ülesannet
• lisa lugemist
• järgmise õppetüki küsimustikku

Märkus küsimustike kohta: Kõik küsimustikud on Quiz-app kaustas, kokku 48 küsimustikku, igaüks kolme küsimusega. Need on saadaval siin. Küsimustiku rakendust saab käivitada lokaalselt või avaldada Azure’is; järgi juhiseid quiz-app kaustas.

🗃️ Õppetükid

	Projekti nimi	Õppekäsitletavad mõisted	Õpieesmärgid	Seotud õppetükk	Autor
01	Alustamine	Programmeerimise ja tööriistade tutvustus	Õpi programmeerimiskeelte põhialuseid ja tarkvara, mis aitab professionaalsetel arendajatel oma tööd teha	Programmeerimiskeelte ja tööriistade tutvustus	Jasmine
02	Alustamine	GitHubi põhialused, sh meeskonnatöö	Kuidas kasutada GitHubi oma projektis ja teha koostööd teistega koodipõhjal	GitHubi tutvustus	Floor
03	Alustamine	Ligipääsetavus	Õpi veebipõhise ligipääsetavuse põhialused	Ligipääsetavuse põhialused	Christopher
04	JS Põhitõed	JavaScripti andmetüübid	JavaScripti andmetüüpide alused	Andmetüübid	Jasmine
05	JS Põhitõed	Funktsioonid ja meetodid	Õpi funktsioone ja meetodeid rakenduse loogika juhtimiseks	Funktsioonid ja meetodid	Jasmine ja Christopher
06	JS Põhitõed	Otsuste tegemine JS abil	Õpi tingimuste loomist koodis otsustamist kasutades	Otsuste tegemine	Jasmine
07	JS Põhitõed	Massiivid ja tsüklid	Töötamine andmetega, kasutades massiive ja tsükleid JavaScriptis	Massiivid ja tsüklid	Jasmine
08	Terrarium	HTML praktikas	Ehita HTML, et luua veebipõhine terrarium, keskendudes paigutuse ehitamisele	HTML algõpetus	Jen
09	Terrarium	CSS praktikas	Ehita CSS, et kujundada veebiterrarium, keskendudes CSS põhialustele sh lehe reageerivuse tagamisele	CSS algõpetus	Jen
10	Terrarium	JavaScripti sulud, DOM-i manipuleerimine	Ehita JavaScript, mis muudab terrariumi lohistamiseks mõeldud liideseks, keskendudes suludele ja DOM-i manipuleerimisele	JavaScripti sulud, DOM manipuleerimine	Jen
11	Trükimäng	Trükimängu ehitamine	Õpi klahvivajutuste sündmuste kasutamist oma JavaScripti rakenduse loogika juhtimiseks	Sündmustepõhine programmeerimine	Christopher
12	Roheline brauserilaiend	Töötamine brauseritega	Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas luua brauserilaiendi põhielemendid	Brauserite kohta	Jen
13	Roheline brauserilaiend	Vormide loomine, API-kõned ja muutujate salvestamine kohalikku salvestusse	Ehita oma brauserilaiendi JavaScripti osad API kutsumiseks, kasutades lokaalses salvestuses olevaid muutujaid	API-d, vormid ja kohalik salvestus	Jen
14	Roheline brauserilaiend	Brauseri taustaprotsessid, veebijõudlus	Kasuta brauseri taustaprotsesse laiendi ikooni haldamiseks; õpi veebijõudluse ja mõnede optimeerimiste kohta	Taustatöötlus ja jõudlus	Jen
15	Taeva mäng	Täiustatud mänguarendus JavaScriptis	Õpi pärimist, kasutades nii klasse kui ka koostist, ja Pub/Sub mustrit, mänguarenduse ettevalmistuseks	Täiustatud mänguarenduse sissejuhatus	Chris
16	Taeva mäng	Joonistamine lõuendile	Õpi Canvas API kohta, mida kasutatakse elementide joonistamiseks ekraanile	Joonistamine lõuendile	Chris
17	Taeva mäng	Elementide liigutamine ekraanil	Avasta, kuidas elementidel saab liikumine, kasutades kartesiaan-koordinaate ja Canvas API	Elementide liigutamine	Chris
18	Taeva mäng	Kokkupõrgete tuvastamine	Pane elemendid kokkupõrkama ja reageerima üksteisele klahvivajutustega ning lisa jahutuse funktsioon mängu jõudluse jaoks	Kokkupõrgete tuvastamine	Chris
19	Taeva mäng	Punkteerimise säilitamine	Tee mängu oleku ja jõudluse põhjal matemaatilisi arvutusi	Punkteerimise säilitamine	Chris
20	Taeva mäng	Mängu lõpetamine ja taaskäivitamine	Õpi mängu lõpetamise ja taaskäivitamise kohta, sh varade puhastamise ja muutujate lähtestamise	Lõpetamise tingimus	Chris
21	Pangarakendus	HTML mallid ja marsruudid veebirakenduses	Õpi, kuidas luua mitmeleheküljelise veebisaidi arhitektuuri raamistik kasutades marsruutimist ja HTML-malle	HTML mallid ja marsruudid	Yohan
22	Pangarakendus	Sisse- ja registreerimisvormi loomine	Õpi vormide loomist ja valideerimisrutiinide käsitlemist	Vormid	Yohan
23	Pangarakendus	Andmete päringu ja kasutamise meetodid	Kuidas andmed sinu rakendusse ja rakendusest välja liiguvad, nende pärimine, salvestamine ja lõpetamine	Andmed	Yohan
24	Pangarakendus	Oleku haldamise mõisted	Õpi, kuidas sinu rakendus säilitab olekut ja kuidas seda programmiliselt hallata	Oleku haldamine	Yohan
25	Brauser/VScode Kood	Töötamine VScode'iga	Õpi koodi redaktori kasutamist	Kasuta VScode koodi redaktorit	Chris
26	AI abistajad	Töötamine tehisintellektiga	Õpi ehitama oma AI-abimeest	AI abistaja projekt	Chris

🏫 Pedagoogika

Meie õppekava on loodud, tuginedes kahele peamisele pedagoogilisele põhimõttele:

• projektipõhine õpe
• sagedased küsimustikud

Programm õpetab JavaScripti, HTML-i ja CSS-i aluseid ning tänapäevaste veebiarendajate kasutatavaid uusimaid tööriistu ja tehnikaid. Õpilastel on võimalus saada praktilisi kogemusi, ehitades trükimängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaiendi, kosmosevallutaja stiilis mängu ja äripangarakenduse. Sarja lõpuks on õpilastel kindel arusaam veebiarendusest.

🎓 Saad võtta selle õppekava esimesed õppetükid ka õppeteekidena Microsoft Learn'is!

Sisu kooskõlastamine projektidega teeb õppimisprotsessi põnevamaks ja suurendab kontseptsioonide meeldejätmist. Kirjutasime ka mitmeid algajatele mõeldud JavaScripti põhialuseid tutvustavaid õppetükke, mida täiendas video "Algajate sari: JavaScript" videotutvustustest, mille autorite seas on ka mõned selle õppekava koostajad.

Lisaks seab madala panusega küsimustik enne tundi õppija kavatsuse teema õppimiseks, samas kui teine küsimustik pärast tundi tagab parema meeldejätmise. Seda õppekava on loodud olema paindlik ja lõbus ning seda saab võtta tervikuna või osadena. Projektid algavad lihtsatest ja muutuvad järk-järgult keerukamaks 12-nädalase tsükli lõpuks.

Kuna me tahtlikult ei tutvustanud JavaScripti raamistikke, et keskenduda esmalt veebiarendaja vajalikele põhioskustele enne raamistiku omandamist, oleks järgmine hea samm selle õppekava lõpetamiseks õppida Node.js-i teemadel veel ühe videokogumi abiga: "Algajate sari: Node.js".

Vaata meie käitumisreegleid Code of Conduct ja panustamisjuhiseid Contributing. Ootame sinu konstruktiivset tagasisidet!

🧭 Võimalus kasutada võrguühenduseta

Seda dokumentatsiooni saab kasutada võrguühenduseta, kasutades Docsify. Forki see repo, paigalda Docsify oma arvutisse ja siis repo juurkaustas sisesta käsk docsify serve. Veebisait esitatakse pordil 3000 sinu kohalikus arvutis: localhost:3000.

📘 PDF

Kõikide õppetükkide PDF on leitav siin.

🎒 Teised kursused

Meie meeskond toodab ka teisi kursuseid! Vaata:

LangChain

---

Azure / Edge / MCP / Agentid

---

Generatiivse tehisintellekti sari

---

Tuumikõpe

---

Copiloti sari

Abi saamine

Kui jääd kinni või sul on küsimusi tehisintellektirakenduste loomise kohta, liitu kaasõppijate ja kogenud arendajatega MCP aruteludes. See on toetav kogukond, kus küsimusi on teretulnud ning teadmisi jagatakse vabalt.

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

Litsents

See hoidla on litsentseeritud MIT litsentsi alusel. Lisateabe saamiseks vaata faili LICENSE.

---

Vastutusest vabanemine:
See dokument on tõlgitud kasutades tehisintellektil baseeruvat tõlketeenust Co-op Translator. Kuigi me püüame täpsust, palun arvestage, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle emakeeles tuleks pidada autoriteetseks allikaks. Kriitilise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Meie ei vastuta selle tõlke kasutamisest tingitud arusaamatuste või valesti mõistmiste eest.