32 KiB

Raw Blame History Unescape Escape

Veebiarendus algajatele - õppekava

Õppige veebiarenduse aluseid meie 12-nädalase põhjaliku kursusega, mida viivad läbi Microsoft Cloud Advocates. Iga 24 õppetundi süveneb JavaScripti, CSS-i ja HTML-i tundmaõppimisse praktiliste projektide kaudu, nagu terrariumid, brauserilaiendused ja kosmosemängud. Osalege viktoriinides, aruteludes ja praktilistes ülesannetes. Parandage oma oskusi ja optimeerige teadmiste omandamist meie tõhusa projektipõhise pedagoogika abil. Alustage oma programmeerimisteekonda juba täna!

Liituge Azure AI Foundry Discordi kogukonnaga

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

Tehke fork: Klõpsake
Kloonige hoidla: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Liituge Azure AI Foundry Discordiga ja kohtuge ekspertide ning kaasarendajatega

🌐 Mitmekeelse toe võimalus

Tugineb GitHub Actionile (automatiseeritud ja alati ajakohane)

Eelistate kohalikku kloonimist?

See hoidla sisaldab üle 50 keele tõlget, mis suurendab allalaadimismahu oluliselt. Tõlgeteta kloonimiseks kasutage sparsel checkouti:

Bash / macOS / Linux:
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'
CMD (Windows):
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 lisada uusi toetatud tõlkekeeli, on need loetletud siin

🧑‍🎓 Oled õpilane?

Külasta Öpilaskeskuse lehte, kus leiad algajatele mõeldud ressursse, õpilaspakette ja isegi võimalusi saada tasuta sertifikaadikuponge. See on leht, mida soovid järjehoidjatesse lisada ja aeg-ajalt vaadata, sest sisu uuendatakse iga kuu.

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

Uus väljakutse lisatud, otsi enamikes peatükkides "GitHub Copilot Agent Challenge 🚀". See on uus väljakutse teile, mida täita GitHub Copiloti ja agendi režiimi abil. Kui te ei ole varem agendi režiimi kasutanud, on see võimeline genereerima mitte ainult teksti, vaid ka looma ja redigeerima faile, käivitama käske ja muud.

📣 Teade - uus projekt, mille saab luua Generatiivse AI abil

Uus AI assistendi projekt on just lisatud, vaata projekti siit

📣 Teade - Uus õppekava Generatiivse AI kohta JavaScriptile on just välja antud

Ära jää ilma meie uuest Generatiivse AI õppekavast!

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

Õppetunnid hõlmavad kõike alates algteadmistest kuni RAG-ini.
Suhtle ajalooliste tegelastega GenAI ja meie kaaslase rakenduse abil.
Lõbus ja kaasahaarav jutustus, kus sa rändad ajas!

Iga õppetund sisaldab täidetavat ülesannet, teadmiste kontrolli ja väljakutset, mis juhib õppimist teemadel nagu:

Käsutamine ja käsu koostamine
Teksti- ja pildirakenduste genereerimine
Otsingurakendused

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

🌱 Alustamine

Õpetajad, oleme lisanud mõningaid soovitusi, kuidas seda õppekava kasutada. Ootame teie tagasisidet meie arutelufoorumis!

Õppijad, iga õppetunni puhul alustage eel-loengu viktoriiniga ja jätkake õppetükiga, täites erinevaid tegevusi ja kontrollides arusaamist järel-loengu viktoriiniga.

Õppimiskogemuse parandamiseks ühenduge oma eakaaslastega, et koos projekte teha! Arutelud on julgustatud meie arutelufoorumis, kus meie moderaatorimeeskond vastab teie küsimustele.

Haridusteekonna süvendamiseks soovitame tungivalt uurida Microsoft Learni täiendavaid õppematerjale.

📋 Keskkonna seadistamine

Sellel õppekaval on arenduskeskkond kohe kasutamiseks valmis! Alustades võite valida, kas kasutada õppekava Codespaces keskkonnas (brauseripõhine, installimist mitte nõudev keskkond) või oma arvutis lokaalselt tekstiredaktorit, näiteks Visual Studio Code.

Loo oma hoidla

Selleks, et oma tööd hõlpsasti salvestada, soovitame luua oma koopia sellest hoidlast. Seda saab teha, klõpsates lehe ülaosas nuppu Use this template. See loob uue hoidla teie GitHubi kontole koos õppekava koopiaga.

Järgige neid samme:

Tehke fork: Klõpsake selle lehe paremas ülanurgas nuppu "Fork".
Kloonige hoidla: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Õppekava käitamine Codespaces keskkonnas

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

Õppekava käitamine lokaalselt oma arvutis

Õppekava lokaalseks käivitamiseks vajate tekstiredaktorit, veebilehitsejat ja käsurea tööriista. Meie esimene õppetund, Sissejuhatus programmeerimiskeeltesse ja tööriistadesse, juhendab teid erinevate võimaluste valikul iga tööriista jaoks.

Soovitame kasutada Visual Studio Code'i redaktorina, millel on sisseehitatud Terminal. Visual Studio Code'i saate alla laadida siit.

Kopeeri oma hoidla arvutisse. Seda saad teha, klõpsates nuppu Code ning kopeerides URL-i:

CodeSpace

Seejärel ava Terminal Visual Studio Code sees ning käivita järgmine käsk, asendades <your-repository-url> just äsja kopeeritud URL-iga:
```
git clone <your-repository-url>
```
Ava Visual Studio Code’is kaust. Seda saad teha, klõpsates File > Open Folder ning valides kausta, mille just kloonisid.

Soovitatud Visual Studio Code'i laiendused:

Live Server - HTML-lehtede eelvaade Visual Studio Code’is

Copilot - aitab kirjutada koodi kiiremini

📂 Iga õppetükk sisaldab:

valikulist visandit
valikulist täiendavat videot
soojendusharjutust enne tundi
kirjalikku õppetükki
projektipõhiste õppetükkide puhul samm-sammulisi juhendeid, kuidas projekti ehitada
teadmiste kontrolli küsimustikke
väljakutset
täiendavat lugemist
ülesannet
pärastundi viktoriini

Märkus viktoriinide kohta: Kõik viktoriinid asuvad Quiz-app kaustas, kokku 48 viktoriini, milles igas on kolm küsimust. Need on kättesaadavad siin. Viktoriini rakendus saab käivitada lokaalselt või paigaldada Azure’i; järgige juhiseid quiz-app kaustas.

🗃️ Õppetükid

	Projekti nimi	Õpitavad kontseptsioonid	Õpieesmärgid	Seotud õppetükk	Autor
01	Alustamine	Sissejuhatus programmeerimisse ja tööriistadesse	Õpi programmeerimiskeelte põhialuseid ja tarkvara, mis aitab professionaalsel arendajal tööd teha	Sissejuhatus programmeerimiskeeltesse ja tööriistadesse	Jasmine
02	Alustamine	GitHub põhialused, sh meeskonnatöö	Kuidas kasutada GitHubi projektis ja kuidas meeskonnana koodil koos töötada	Sissejuhatus GitHubi	Floor
03	Alustamine	Juurdepääsetavus	Õpi veebipõhise juurdepääsetavuse aluseid	Juurdepääsetavuse alused	Christopher
04	JS põhitõed	JavaScripti andmetüübid	JavaScripti andmetüüpide põhialused	Andmetüübid	Jasmine
05	JS põhitõed	Funktsioonid ja meetodid	Õpi funktsioonidest ja meetoditest rakenduse loogika juhtimisel	Funktsioonid ja meetodid	Jasmine ja Christopher
06	JS põhitõed	Otsuste tegemine JS-ga	Õpi, kuidas luua tingimusi oma koodis otsustuste tegemise meetodite abil	Otsuste tegemine	Jasmine
07	JS põhitõed	Massiivid ja tsüklid	Töötle andmeid JavaScripti massiivide ja tsüklite abil	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 veebiterrariumi kujundamiseks, keskendudes CSS põhialustele ja lehe reageerivusele	Sissejuhatus CSS-i	Jen
10	Terrarium	JavaScripti sulgemised, DOM-i manipuleerimine	Ehita JavaScript, mis muudab terrariumi lohistatavaks kasutajaliideseks, keskendudes sulgemistele ja DOM-i manipuleerimisele	JavaScript sulgemised ja DOM-i manipuleerimine	Jen
11	Tippimismäng	Tippimismängu loomine	Õpi kasutama klaviatuuri sündmusi, et juhtida oma JavaScripti rakenduse loogikat	Sündmuspõhine programmeerimine	Christopher
12	Roheline brauserilaiend	Brauseritega töötamine	Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas luua brauserilaiendi esimesed elemendid	Brauserite kohta	Jen
13	Roheline brauserilaiend	Vormide loomine, API kutsumine ja muutujate salvestamine lokaalsesse mällu	Ehita brauserilaiendi JavaScripti osad API kutsumiseks, kasutades lokaalsesse mällu salvestatud muutujaid	API-d, vormid ja lokaalne mälu	Jen
14	Roheline brauserilaiend	Taustaprotsessid brauseris, veebitööjõudlus	Kasuta brauseri taustaprotsesse laiendi ikooni juhtimiseks; õpi veebitööjõudlusest ja mõningatest optimeerimistest	Taustaprotsessid ja tööjõudlus	Jen
15	Kosmosemäng	Täiustatud mänguarendus JavaScriptiga	Õpi pärandamise kohta klasside ja koostise kaudu ning Pub/Sub mustrit, ettevalmistuseks mängu loomiseks	Täiustatud mänguarenduse sissejuhatus	Chris
16	Kosmosemäng	Joonistamine lõuendile	Õpi Canvas API kasutamist ekraanile elementide joonistamiseks	Joonistamine lõuendile	Chris
17	Kosmosemäng	Elementide liigutamine ekraanil	Avastage, kuidas elementidele anda liikumist kasutades kaarteesia koordinaate ja Canvas API-d	Elementide liigutamine	Chris
18	Kosmosemäng	Kokkupõrke tuvastamine	Tee elementide kokkupõrked ja reageerimine kasutades klahvivajutusi ning lisa jahutusfunktsioon, mis tagab mängu sujuvuse	Kokkupõrke tuvastamine	Chris
19	Kosmosemäng	Skoriga arvestamine	Tee matemaatilisi arvutusi mängu staatuse ja jõudluse alusel	Skoori pidamine	Chris
20	Kosmosemäng	Mängu lõpetamine ja taaskäivitamine	Õpi mängu lõpetamise ja taaskäivitamise kohta, sh ressursside puhastamine ja muutuja väärtuste lähtestamine	Lõputingimus	Chris
21	Pangarakendus	HTML mallid ja marsruudid veebirakenduses	Õpi, kuidas luua mitmeleheküljelise veebilehe arhitektuuri tugistruktuur marsruutimise ja HTML mallide abil	HTML mallid ja marsruudid	Yohan
22	Pangarakendus	Logimise ja registreerimise vormi loomine	Õpi vormide loomist ja valideerimise teostamist	Vormid	Yohan
23	Pangarakendus	Andmete pärimise ja kasutamise meetodid	Kuidas andmed voolavad sinu rakendusse ja sealt välja, kuidas neid pärida, salvestada ja eemaldada	Andmed	Yohan
24	Pangarakendus	Seisundihalduse kontseptsioonid	Õpi, kuidas sinu rakendus säilitab seisundit ja kuidas seda programmeeritult hallata	Seisundihaldus	Yohan
25	Brauser/VScode Kood	Töötamine VScode'iga	Õpi, kuidas kasutada koodiredaktorit	Kasuta VScode koodiredaktorit	Chris
26	Tehisintellekti assistendid	Töötamine tehisintellektiga	Õpi, kuidas ehitada oma tehisintellekti assistent	Tehisintellekti assistendi projekt	Chris

🏫 Pedagoogika

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

projektipõhine õpe
sagedased viktoriinid

Programm õpetab JavaScripti, HTML-i ja CSS-i põhialuseid ning uusimaid tööriistu ja tehnikaid, mida kasutavad tänapäeva veebiarendajad. Õpilastel on võimalus praktiliselt kogeda, ehitades tippimismängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaiendi, kosmose-invader stiilis mängu ja pangarakenduse ettevõtetele. Perioodi lõpuks omandavad õpilased tugeva arusaama veebiarendusest.

🎓 Võid esimesed paar õppetükki sellest õppekavast läbida ka Õppeteekina Microsoft Learn platvormil!

Sisule vastavate projektide abil tehakse õppimisprotsess kaasahaaravamaks ning mõistete meeldejätmine paraneb. Kirjutasime ka mitu algõpetust JavaScripti põhialuste kohta, tutvustamaks mõisteid koos videoga "Algajate sari: JavaScript", mille mõned autorid panustasid sellesse õppekavasse.

Lisaks seab klassieelse lihtsalt stressivaba viktoriiniga õpilase eesmärgi konkreetse teema õppimiseks, ning teine viktoriin klassijärgsel ajal tagab teadmiste edasi kinnistamise. See õppekava on loodud olema paindlik ja lõbus ning seda saab läbida tervikuna või osaliselt. Projektid alustavad väikestest ja muutuvad 12-nädalase tsükli jooksul järjest keerukamaks.

Kuigi oleme teadlikult hoidunud JavaScripti raamistikest, et keskenduda esmalt vajalikele oskustele veebiarendajana enne raamistikku omaksvõttu, võiks järgmine samm selle õppekava lõpetamisel olla Node.js õppimine teise videosarja kaudu: "Algajate sari: Node.js".

Vaata meie käitumisreegleid ja panustamise juhiseid. Oleme avatud konstruktiivsele tagasisidele!

🧭 Võimalus töötada offline

Seda dokumentatsiooni saad kasutada offline režiimis, kasutades Docsify. Hargne see hoidla, paigalda Docsify oma arvutisse ja seejärel käivita hoidla juurkataloogis käsk docsify serve. Veebileht on kättesaadav aadressil localhost:3000 pordil 3000.

📘 PDF

Kõigi õppetundide PDF-versiooni leiate siit here.

🎒 Teised kursused

Meie meeskond toodab ka teisi kursusi! Vaadake:

LangChain

Azure / Edge / MCP / Agendid

Generatiivse tehisintellekti seeria

Põhiline õppimine

Copiloti seeria

Abi saamine

Kui teil tekib takistusi või küsimusi AI-rakenduste loomisel, liituge teiste õppijate ja kogenud arendajatega aruteludes MCP kohta. See on toetav kogukond, kus küsimused on teretulnud ja teadmisi jagatakse vabalt.

Kui teil on toodete kohta tagasisidet või ehitamise ajal ilmnevad vead, külastage:

Litsents

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

Vastutusest loobumine:
See dokument on tõlgitud kasutades tehisintellekti tõlketeenust Co-op Translator. Kuigi püüame tagada täpsust, palun pidage meeles, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle algkeeles tuleks pidada autoriteetseks allikaks. Kriitilise informatsiooni puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta ühegi arusaamatuse ega valesti mõistmise eest, mis võib tuleneda sellest tõlkest.

32 KiB Raw Blame History Unescape Escape