Web-Dev-For-Beginners/translations/et

Veebiarendus algajatele – õppekava

Õppige veebiarenduse põhialuseid meie 12-nädalase põhjaliku kursuse abil Microsofti pilvekaitsjate poolt. Iga 24 õppetundi süveneb JavaScripti, CSS-i ja HTML-i praktiliste projektide kaudu, näiteks terrariumid, brauserilaiendid ja kosmosemängud. Osalege viktoriinides, aruteludes ja praktilistes ülesannetes. Tugevdage oma oskusi ja optimeerige teadmiste kinnistamist meie tõhusa projektipõhise pedagoogikaga. Alustage oma programmeerimisteekonda juba täna!

Liituge Azure AI Foundry Discordi kogukonnaga

Järgige neid samme, et alustada nende ressursside kasutamist:

1. Loo hoidla forkk: Klõpsake
2. Klooni hoidla: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Liitu Azure AI Foundry Discordiga ja kohtuge ekspertide ning kaasaarendajatega

🌐 Mitmekeelne tugi

Toetatud GitHub Actioni kaudu (automaatne 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 kohapeal?

See hoidla sisaldab 50+ keele tõlget, mis suurendab oluliselt allalaadimise mahtu. Tõlgeteta kloonimiseks kasutage sparse checkouti:

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

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

🧑‍🎓 Kas oled üliõpilane?

Külasta õpilaste keskuse lehte, kus leiad algajatele mõeldud ressursid, üliõpilaste pakid ja isegi võimalused tasuta sertifikaadikuponge hankida. See on leht, mida soovid järjehoidjatesse lisada ja aeg-ajalt külastada, sest me uuendame sisu igakuiselt.

📣 Teade – uued GitHub Copiloti Agendi režiimi väljakutsed lõpetamiseks!

Lisatud uus väljakutse, otsi enamikust peatükkidest "GitHub Copilot Agent Challenge 🚀". See on uus väljakutse, mida 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 luua ja muuta faile, käivitada käske ja palju muud.

📣 Teade – Uus Generatiivse AI projekt ehitamiseks

Lisandus uus AI abiline projekt, vaata projekti

📣 Teade – Uus Generatiivse AI õppekava JavaScripti jaoks avaldatud

Ära maga maha meie uut Generatiivse AI õppekava!

Alustamiseks külasta https://aka.ms/genai-js-course!

• Tunnid hõlmavad kõike alates algtõdedest kuni RAG-ni.
• Suhtle ajalooliste tegelastega GenAI ja meie kaasrakenduse abil.
• Lõbus ja kaasahaarav jutustus – reisid ajas!

Iga tund sisaldab ülesannet, teadmiste kontrolli ja väljakutset, mis juhendab sind sellistel teemadel nagu:

• Päringute ja päringute koostamise tehnika
• Teksti- ja pildirakenduste genereerimine
• Otsingurakendused

Külasta alustamiseks https://aka.ms/genai-js-course

🌱 Alustamine

Õpetajad, oleme lisanud mõningaid soovitusi selle õppekava kasutamiseks. Oleme tänulikud teie tagasiside eest meie arutelu foorumis!

Õppijad, iga tunni jaoks alustage eelloengu viktoriiniga ja jätkake loengumaterjali lugemise, erinevate tegevuste täitmisega ning kontrollige oma arusaamist järelloengu viktoriiniga.

Õppimise kogemuse parandamiseks ühenduge kaaslastega ja tehke projekte koos! Arutelud on teretulnud meie arutelu foorumis, kus on saadaval meie moderaatorite meeskond teie küsimustele vastamiseks.

Hariduse edendamiseks soovitame tungivalt avastada Microsoft Learn täiendavate õppematerjalide jaoks.

📋 Keskkonna seadistamine

Sellel õppekaval on valmis arenduskeskkond! Alguses saate valida kursuse käivitamiseks Codespace'is (veebipõhine, ilma installideta keskkond) või lokaalselt oma arvutis tekstiredaktori, näiteks Visual Studio Code'i abil.

Loo oma hoidla

Selleks, et saaksite oma tööd mugavalt salvestada, soovitame teha selle hoidla koopiast koopia. Seda saab teha, klõpsates lehe ülaosas nuppu Use this template. See loob teie GitHubi kontole uue hoidla koos koopia õppekavast.

Järgige neid samme:

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

Kursuse käivitamine Codespace'is

Oma loodud hoidla koopias klõpsake nuppu Code ja valige Open with Codespaces. See loob uue Codespace'i, kus saate töötada.

Kursuse lokaalne käivitamine oma arvutis

Kursuse kohaliku käivitamiseks arvutis vajate tekstiredaktorit, veebilehitsejat ja käsurea tööriista. Meie esimene tund, Sissejuhatus programmeerimiskeeltesse ja tööriistadesse, juhendab teid erinevate tööriista valikute kaudu, et saaksite valida teile sobivaima.

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

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

   CodeSpace Seejärel ava Terminal Visual Studio Code sees ja käivita järgmine käsk, asendades <your-repository-url> selle URL-iga, mille sa just kopeerisid:

   git clone <your-repository-url>
   

2. Ava Visual Studio Code'is kaust. Seda saad teha, klõpsates File > Open Folder ja valides just kloonitud kausta.

Soovitame Visual Studio Code laiendusi:

• Live Server – et vaadata HTML-lehti Visual Studio Code'is
• Copilot – aitab sul kiiresti koodi kirjutada

📂 Iga õppetund sisaldab:

• valikulist sketšimärget
• valikulist täiendavat videot
• soojendusküsimust enne õppetundi
• kirjalikku õppetundi
• projektipõhiste õppetundide jaoks samm-sammulisi juhiseid projekti ülesehitamiseks
• teadmiste kontrolli
• väljakutset
• täiendavat lugemist
• ülesannet
• pärastõppe viktoriini

Märkmed viktoriinide kohta: Kõik viktoriinid asuvad Quiz-app kaustas, kokku 48 viktoriini, igas kolm küsimust. Need on saadaval siin. Viktoriini rakendust saab käivitada lokaalselt või juurutada Azure'i; järgi juhiseid kaustas quiz-app.

🗃️ Õppetunnid

	Projekti nimi	Õppekontseptsioonid	Õpitulemused	Seotud õppetund	Autor
01	Alustamine	Sissejuhatus programmeerimisse ja arendustööriistadesse	Õpi programmeerimiskeelte aluseid ja tarkvara, mis aitab professionaalsetel arendajatel tööd teha	Sissejuhatus programmeerimiskeeltesse ja arendustööriistadesse	Jasmine
02	Alustamine	GitHubi põhialused, sh meeskonnatöö	Kuidas kasutada GitHubi oma projektis ning teha koostööd teistega koodibaasis	GitHubi põhialused	Floor
03	Alustamine	Ligipääsetavus	Õpi veebile ligipääsetavuse aluseid	Ligipääsetavuse alused	Christopher
04	JS põhialused	JavaScripti andmetüübid	JavaScripti andmetüüpide alused	Andmetüübid	Jasmine
05	JS põhialused	Funktsioonid ja meetodid	Õpi funktsioonide ja meetodite kasutamist rakenduse loogika juhtimiseks	Funktsioonid ja meetodid	Jasmine ja Christopher
06	JS põhialused	Otsuste tegemine JavaScriptis	Õpi, kuidas luua oma koodi tingimusi otsustamismeetoditega	Otsuste tegemine	Jasmine
07	JS põhialused	Massiivid ja tsüklid	Töötle andmeid JavaScripti massiivide ja tsüklitega	Massiivid ja tsüklid	Jasmine
08	Terrarium	HTML praktikas	Ehita HTML, et luua veebipõhine terrarium, keskendudes paigutuse loomisele	Sissejuhatus HTML-i	Jen
09	Terrarium	CSS praktikas	Ehita CSS, et kujundada veebiterrarium, keskendudes CSS alustele ja lehe reageerimisvõimele	Sissejuhatus CSS-i	Jen
10	Terrarium	JavaScripti sulgemised, DOM-i manipuleerimine	Ehita JavaScript, et teha terrarium draagimis- ja lohistamisliideseks, keskendudes sulgemistele ja DOM-i manipuleerimisele	JS sulgemised ja DOM-i manipuleerimine	Jen
11	Typing Game	Tippimise mängu loomine	Õpi, kuidas kasutada klahvivajutuse sündmusi JavaScripti rakenduse loogika juhtimiseks	Sündmustel põhinev programmeerimine	Christopher
12	Green Browser Extension	Töö brauseritega	Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas luua brauserilaiendi esimesi elemente	Brauserite kohta	Jen
13	Green Browser Extension	Vormiehitamine, API kutsumine ja lokaalse salvestuse kasutamine	Ehita oma brauserilaiendi JavaScripti elemendid API kutsumiseks, kasutades lokaalses salvestuses olevaid muutujaid	API-d, vormid ja lokaalne salvestus	Jen
14	Green Browser Extension	Brauseri taustaprotsessid, veebitulemuslikkus	Kasuta brauseri taustaprotsesse laiendi ikooni haldamiseks; õpi veebitulemuslikkuse ja mõningaid optimeerimise tehnikaid	Taustaprotsessid ja jõudlus	Jen
15	Space Game	Täiustatud mänguarendus JavaScriptiga	Õpi pärimist kasutades klasse ja kompositsiooni ning Pub/Sub-mustrit, valmistudes mängu ehitamiseks	Täiustatud mänguarenduse sissejuhatus	Chris
16	Space Game	Joonistamine lõuendile	Õpi Canvas API-d, mida kasutada elementide joonistamiseks ekraanile	Joonistamine lõuendile	Chris
17	Space Game	Elemekite liigutamine ekraanil	Avastage, kuidas elemendid saavad liikumise, kasutades kartesiaanseid koordinaate ja Canvas API-d	Elementide liigutamine	Chris
18	Space Game	Kokkupõrgete tuvastamine	Pane elemendid üksteisega põrkuma ja reageerima, kasutades klahvivajutusi, ning lisa jahutusfunktsioon mängu jõudluse tagamiseks	Kokkupõrgete tuvastamine	Chris
19	Space Game	Punktide arvutamine	Tee matemaatilisi arvutusi mängu oleku ja esituse põhjal	Punktide arvutamine	Chris
20	Space Game	Mängu lõpetamine ja taaskäivitamine	Õpi mängu lõpetamist ja taaskäivitamist, sh ressursside puhastamine ja muutujate väärtuste lähtestamine	Lõpptingimus	Chris
21	Banking App	HTML mallid ja marsruudid veebirakenduses	Õpi, kuidas luua mitmeleheküljelise veebisaidi arhitektuuri karkass, kasutades marsruutimist ja HTML malle	HTML mallid ja marsruudid	Yohan
22	Banking App	Sisselogimis- ja registreerimisvormi loomine	Õpi vormide loomist ja valideerimise käsitlemist	Vormid	Yohan
23	Banking App	Andmete pärimise ja kasutamise meetodid	Kuidas andmed sinu rakendusse ja sealt välja voolavad, kuidas neid pärida, salvestada ja kustutada	Andmed	Yohan
24	Banking App	Oleku haldamise kontseptsioonid	Õpi, kuidas sinu rakendus hoiab olekut ja kuidas seda programmeeritult hallata	Oleku haldamine	Yohan
25	Browser/VScode Code	Töö VScode'iga	Õpi kasutama koodi redaktorit	VScode koodiredaktori kasutamine	Chris
26	AI Assistants	Töötamine tehisintellektiga	Õpi, kuidas ehitada omaenda tehisintellekti assistent	Tehisintellekti assistendi projekt	Chris

🏫 Pedagoogika

Meie õppekava on kujundatud kahe peamise pedagoogilise põhimõtte järgi:

• projektipõhine õppimine
• sagedased viktoriinid

Programm õpetab JavaScripti, HTML-i ja CSS-i aluseid, samuti uusimaid tööriistu ja meetodeid, mida kasutavad tänapäeva veebiarendajad. Õpilastel on võimalus praktiliselt kogeda, luues tippimismängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaiendi, kosmoselöödulaadse mängu ja ärilähedase pangarakenduse. Sarja lõpuks omandavad õpilased tugeva arusaama veebiarendusest.

🎓 Saad läbida selle õppekava esimesed õppetunnid ka Microsoft Learnis Õpperajana!

Sisu seostamine projektidega muudab protsessi õpilastele kaasahaaravamaks ning aitab paremini kontseptsioone omandada. Kirjutasime ka mitmed alustavad õppetunnid JavaScripti põhialuste tutvustamiseks, mis on ühendatud videoga sarjast "Algajad JavaScripti juurde", mille mõni autoritest on ka selle õppekava kaasautorid.

Lisaks seab madala panusega viktoriin enne klassi õppija kavatsuse teemaga tutvumiseks, samal ajal kui teine viktoriin pärast tunni lõppu kindlustab teadmiste parema kinnistumise. Õppekava on paindlik ja lõbus ning seda saab läbida tervikuna või osaliselt. Projektid algavad väikestena ja keerukamaks muutuvad 12-nädalase tsükli lõpuks.

Kuigi me oleme teadlikult vältinud JavaScripti raamistikku tutvustamist, et keskenduda esmalt veebiarendaja põhioskustele enne raamistikku omaksvõttu, võiks selle õppekava jätkuks sobida Node.js-i õppimine teise videokogu kaudu: "Algajate sari Node.js juurde".

Vaata meie käitumisjuhendit ja panustamise juhiseid. Ootame sinu konstruktiivset tagasisidet!

🧭 Offline ligipääs

Seda dokumentatsiooni saad kasutada võrguühenduseta, kasutades Docsify. Forki see repositorium, installi Docsify oma arvutisse ning seejärel käivita selle repositoriumi juurkaustas käsk docsify serve. Veebileht serveeritakse pordil 3000 sinu kohalikus arvutis: localhost:3000.

📘 PDF

Kõikide õppetundide PDF on leitav siit.

🎒 Muud kursused

Meie meeskond toodab ka teisi kursuseid! Vaata lähemalt:

LangChain

Azure / Edge / MCP / Agents

---

Generatiivse AI sari

---

Põhijärgne õppimine

---

Copilot sari

Abi saamine

Kui sa takerdu või sul on küsimusi AI-rakenduste loomise kohta. Liitu kaasõppijate ja kogenud arendajatega MCP aruteludes. See on toetav kogukond, kus küsimusi on oodatud ja teadmisi jagatakse vabalt.

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

Litsents

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

---

Vastutusest loobumine:
See dokument on tõlgitud AI tõlketeenuse Co-op Translator abil. Kuigi me püüame täpsust, palun arvestage, et automatiseeritud tõlgetes võib esineda vigu või ebatäpsusi. Originaaldokument oma emakeeles tuleks pidada autoriteetseks allikaks. Olulise teabe korral on soovitatav kasutada professionaalse inimese tõlget. Me ei vastuta käesoleva tõlke kasutamisest tekkida võivate arusaamatuste või valesti mõistmiste eest.