30 KiB

Raw Blame History Unescape Escape

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

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

Looge repositsiooni koopia (fork): Klõpsake
Kloonige repositsioon: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Liituge Azure AI Foundry Discordiga ja kohtuge ekspertide ning teiste arendajatega

🌐 Mitmekeelne tugi

Toetatud GitHub Actioni kaudu (automatiseeritud ja alati ajakohane)

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):
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.

Kui soovite lisada toetust täiendavatele tõlkekeeltele, on need loetletud siin

🧑‍🎓 Oled õpilane?

Külasta Õpilase tugikeskuse lehte, 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

📣 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

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!

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

🌱 Alustamine

Õpetajad, oleme lisanud mõned soovitused, kuidas seda õppekava kasutada. Meil oleks hea meel teie tagasiside üle meie arutelufoorumis!

Õppijad, 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, kus meie moderaatorite meeskond on valmis vastama teie küsimustele.

Tulge haridust veelgi täiustama, soovitame soojalt uurida Microsoft Learni täiendavate õppevahendite jaoks.

📋 Keskkonna seadistamine

Sellel õppekaval on valmis arenduskeskkond! Kursuse alustamisel võite valida selle kasutamise Codespace'is (brauseripõhine keskkond, mis ei vaja installimist) või kohapeal oma arvutis tekstitöötlusprogrammiga nagu Visual Studio Code.

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:

Forkige repositsioon: Klõpsake selle lehe paremas ülaosas nuppu "Fork".
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.

Õ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, tutvustab erinevaid valikuid iga nende tööriista puhul, et saaksite valida endale sobivaima.

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

Kloonige oma repositsioon arvutisse. Seda saate teha, klõpsates nupul 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> just äsja kopeeritud URL-iga:
```
git clone <your-repository-url>
```
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 - et eelvaadata HTML-lehti Visual Studio Codes

Copilot - 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

Märkused viktoriinide kohta: Kõik viktoriinid on koondatud Quiz-app kausta, kokku 48 viktoriini, igas kolm küsimust. Neid on saadaval siin. 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	Jasmine
02	Alustamine	GitHub põhitõed, sh meeskonnatöö	Kuidas kasutada GitHubi projektis, kuidas teha koostööd koodibaasil	Sissejuhatus GitHubi	Floor
03	Alustamine	Juurdepääsetavus	Õpi veebipõhise juurdepääsetavuse põhialuseid	Juurdepääsetavuse alused	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 funktsioonidest ja meetoditest, mis juhivad rakenduse loogikavoogu	Funktsioonid ja meetodid	Jasmine ja Christopher
06	JS põhitõed	Otsuste tegemine JS-iga	Õpi tingimuste loomist koodis otsustamismeetodite abil	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 veebiterrarium, keskendudes paigutuse loomisele	Sissejuhatus HTML-i	Jen
09	Terrarium	CSS praktikas	Ehita CSS veebiterrariumi stiilimiseks, keskendudes CSS põhialustele ja lehe muutumisele vastavalt ekraanisuurusele	Sissejuhatus CSS-i	Jen
10	Terrarium	JavaScripti sulgemised, DOM manipuleerimine	Ehita JavaScript, et teha terrarium funktsioneerivaks lohistamisliideselementina, keskendudes sulgemistele ja DOM manipuleerimisele	JavaScripti sulgemised, DOM manipuleerimine	Jen
11	Tippmäng	Tippmängu ehitamine	Õpi klahvivajutuste sündmustega töötamist, et juhtida JavaScripti rakenduse loogikat	Sündmuspõhine programmeerimine	Christopher
12	Roheline Brauserilaiendus	Töötamine brauseritega	Õpi, kuidas brauserid toimivad, nende ajalugu ja kuidas luua brauserilaienduse esimesi elemente	Brauseritest	Jen
13	Roheline Brauserilaiendus	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	Jen
14	Roheline Brauserilaiendus	Brauseri taustaprotsessid, veebiperformance	Kasuta brauseri taustaprotsesse laienduse ikooni juhtimiseks; õpi veebiperformance'ist ja optimeerimistehnikatest, et performants säilitada	Taustatööd ja jõudlus	Jen
15	Tähtede Mäng	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	Chris
16	Tähtede Mäng	Joonistamine canvasile	Õpi Canvas API-d, mida kasutatakse elementide ekraanile joonistamiseks	Joonistamine canvasile	Chris
17	Tähtede Mäng	Elementide liigutamine ekraanil	Avastage, kuidas elemendid saavad liikumise, kasutades kartesisüsteemi koordinaate ja Canvas API-d	Elementide liigutamine	Chris
18	Tähtede Mäng	Kokkupõrgete tuvastamine	Pane elemendid põrkuma ja reageerima üksteisele klahvivajutuste kaudu ning lisa jahutusfunktsioon jõudluse tagamiseks	Kokkupõrgete tuvastamine	Chris
19	Tähtede Mäng	Skori pidamine	Tee mängu staatuse ja tulemuse põhjal arvutusi	Skori pidamine	Chris
20	Tähtede Mäng	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	Chris
21	Pangarakendus	HTML mallid ja marsruudid veebirakenduses	Õpi, kuidas luua mitmeleheküljelise veebisaidi arhitektuuri raamistik, kasutades marsruute ja HTML malle	HTML mallid ja marsruudid	Yohan
22	Pangarakendus	Sisselogimise ja registreerimise vormi loomine	Õpi vormide koostamist ja valideerimise käitlusrutiine	Vormid	Yohan
23	Pangarakendus	Andmete toomise ja kasutamise meetodid	Kuidas andmed rakendusse voolavad ja sellest välja, kuidas neid toota, salvestada ja kustutada	Andmed	Yohan
24	Pangarakendus	Oleku halduse kontseptsioonid	Õpi, kuidas rakendus säilitab olekut ja kuidas seda programmiliselt hallata	Oleku haldus	Yohan
25	Brauser/Vscode Kood	Töö VScode'iga	Õpi, kuidas kasutada koodiredaktorit	Kasuta VScode koodiredaktorit	Chris
26	Tehisintellekti assistendid	Töö AI-ga	Õpi, kuidas ehitada oma AI assistent	AI assistendi projekt	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 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", 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".

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

🧭 Võimalus vajalike materjalide kasutamiseks ka offline

Seda dokumentatsiooni saab kasutada ka offline, kasutades Docsify. Kopeeri see repositoorium, paigalda Docsify 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.

🎒 Teised kursused

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

LangChain

Azure / Edge / MCP / Agendid

Generatiivse tehisintellekti seeria

Põhiline õppimine

CoPiloti seeria

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.

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

Litsents

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

Vastutusest loobumine:
See dokument on tõlgitud kasutades tehisintellekti tõlke teenust 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.

30 KiB Raw Blame History Unescape Escape