Verkkokehitys aloittelijoille - Opetussuunnitelma

Opi verkkokehityksen perusteet kattavalla 12 viikon kurssillamme, jonka on laatinut Microsoft Cloud Advocates. Jokainen 24 oppitunnista syventyy JavaScriptiin, CSS:ään ja HTML:ään käytännön projektien, kuten terraarioiden, selaimen laajennusten ja avaruuspelien kautta. Osallistu tietokilpailuihin, keskusteluihin ja käytännön tehtäviin. Kehitä taitojasi ja optimoi tietojesi omaksuminen tehokkaan projektilähtöisen pedagogiikkamme avulla. Aloita koodausmatkasi tänään! Liity Azure AI Foundryn Discord-yhteisöön Seuraa näitä ohjeita aloittaaksesi näiden resurssien käytön:

1. Forkkaa repositorio: Klikkaa
2. Kloonaa repositorio: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Liity Azure AI Foundryn Discordiin ja tapaa asiantuntijoita sekä muita kehittäjiä

🌐 Monikielinen tuki

Tuettu GitHub Actionin kautta (automaattinen & aina ajan tasalla)

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

Jos haluat, että muita käännöskieliä tuetaan, ne löytyvät täältä

🧑‍🎓 Oletko opiskelija?

Vieraile Student Hub -sivulla, josta löydät aloittelijoille suunnattuja resursseja, opiskelijapaketit ja jopa tapoja saada ilmainen todistuksen voucher. Tämä sivu kannattaa lisätä kirjanmerkkeihin ja tarkistaa säännöllisesti, koska sisältö vaihtuu kuukausittain.

📣 Ilmoitus - Uudet GitHub Copilot Agent -tilahaasteet suoritettavaksi!

Uusi haaste lisätty, etsi "GitHub Copilot Agent Challenge 🚀" useimmista luvuista. Tämä on uusi haaste, jonka voit suorittaa käyttäen GitHub Copilotia ja Agent-tilaa. Jos et ole aiemmin käyttänyt Agent-tilaa, se pystyy tuottamaan ei pelkästään tekstiä, vaan myös luomaan ja muokkaamaan tiedostoja, suorittamaan komentoja ja muuta.

📣 Ilmoitus - Uusi projekti rakennettavaksi Generatiivisella AI:lla

Uusi AI-avustajaprojekti juuri lisätty, tutustu projektiin

📣 Ilmoitus - Uusi opetussuunnitelma Generatiivisesta AI:sta JavaScriptille juuri julkaistu

Älä missaa uutta Generatiivisen AI:n opetussuunnitelmaamme! Siirry sivulle https://aka.ms/genai-js-course aloittaaksesi!

• Oppitunnit kattavat kaiken perusteista RAG:iin saakka.
• Keskustele historiallisten hahmojen kanssa GenAI:n ja kumppanisovelluksemme avulla.
• Hauska ja mukaansatempaava kertomus, jossa aikamatkustat! Jokaisessa oppitunnissa on suoritettava tehtävä, tietotesti ja haaste, jotka ohjaavat oppimaan aiheita kuten:
• Kehote- ja prompteinsinööritaito
• Tekstin ja kuvan sovellustuotanto
• Hakusovellukset Siirry sivulle https://aka.ms/genai-js-course aloittaaksesi!

🌱 Aloittaminen

Oppijat, jokaiselle oppitunnille, aloita ennakko-oppitentin tekemisellä ja etene lukemalla luentomateriaali, suorittamalla erilaiset tehtävät ja tarkista ymmärryksesi jälkitentin avulla. Parantaaksesi oppimiskokemustasi, yhdistä voimasi vertaistesi kanssa projektien parissa! Keskusteluja suositaan keskustelufoorumillamme, jossa moderaattoritiimimme on valmiina vastaamaan kysymyksiisi. Koulutuksesi syventämiseksi suosittelemme lämpimästi tutustumaan Microsoft Learniin lisäoppimateriaaleja varten.

📋 Ympäristön asennus

Tässä opetussuunnitelmassa on kehitysympäristö valmiina käytettäväksi! Aloittaessasi voit valita opetussuunnitelman ajamisen Codespace -ympäristössä (selainpohjainen, ei asennuksia tarvitseva ympäristö) tai paikallisesti tietokoneellasi käyttämällä tekstieditoria, kuten Visual Studio Codea.

Luo oma repositoriosi

Jotta voit helposti tallentaa työsi, on suositeltavaa luoda oma kopio tästä repositoriosta. Voit tehdä sen klikkaamalla sivun ylälaidassa olevaa Use this template -painiketta. Tämä luo uuden repositorion GitHub-tilillesi, jossa on kopio opetussuunnitelmasta. Seuraa nämä vaiheet:

1. Forkkaa repositorio: Klikkaa "Fork" -painiketta tämän sivun oikeassa yläkulmassa.
2. Kloonaa repositorio: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Opetussuunnitelman suorittaminen Codespacessa

Luo omaan kopioosi tästä repositoriosta, jonka teit, klikkaa Code -painiketta ja valitse Open with Codespaces. Tämä luo sinulle uuden Codespace-ympäristön työskentelyä varten.

Opetussuunnitelman suorittaminen paikallisesti tietokoneellasi

Suorittaaksesi tämän opetussuunnitelman paikallisesti tietokoneellasi tarvitset tekstieditorin, selaimen ja komentorivityökalun. Ensimmäinen oppituntimme, Johdanto ohjelmointikieliin ja työkaluihin, opastaa sinua erilaisten työkaluvaihtoehtojen läpi, joista voit valita sinulle parhaiten sopivat. Suosittelemme käyttämään editorina Visual Studio Codea, jossa on myös sisäänrakennettu Komentorivi. Voit ladata Visual Studio Coden tästä.

1. Kloonaa arkistosi tietokoneellesi. Voit tehdä tämän napsauttamalla Code-painiketta ja kopioimalla URL-osoitteen: CodeSpace Avaa sitten Terminal Visual Studio Codessa ja suorita seuraava komento korvaten juuri kopioimallasi URL-osoitteella:

git clone <your-repository-url>

2. Avaa kansio Visual Studio Codessa. Voit tehdä tämän napsauttamalla File > Open Folder ja valitsemalla juuri kloonaamasi kansion.

📂 Jokainen oppitunti sisältää:

• valinnaisen sketchnoten
• valinnaisen tukevan videon
• lämmittelykyselyn ennen oppituntia
• kirjallisen oppitunnin
• projektipohjaisissa oppitunneissa vaiheittaiset ohjeet projektin rakentamiseen
• tietämyksen tarkistukset
• haasteen
• tukevan lukemisen
• tehtävän
• oppitunnin jälkeisen kyselyn

🗃️ Oppitunnit

🏫 Pedagogiikka

Oppimateriaalimme on suunniteltu kahden keskeisen pedagogisen periaatteen pohjalta:

• projektipohjainen oppiminen
• säännölliset kyselyt Ohjelma opettaa JavaScriptin, HTML:n ja CSS:n perusteet sekä uusimmat työkalut ja tekniikat, joita nykypäivän web-kehittäjät käyttävät. Opiskelijat saavat käytännön kokemusta rakentamalla kirjoituspelin, virtuaalisen terrarion, ympäristöystävällisen selainlaajennuksen, avaruuslajin pelin sekä pankkisovelluksen yrityksille. Sarjan lopuksi opiskelijoilla on vankka ymmärrys web-kehityksestä. Sisällön linkittäminen projekteihin tekee prosessista opiskelijalle mielekkäämpää ja käsitteiden muistaminen paranee. Kirjoitimme myös useita aloittavia JavaScriptin perusteisiin keskittyviä oppitunteja, joissa perehdytään käsitteisiin, ja ne ovat parina videon kanssa "Beginners Series to: JavaScript" kokoelmasta, jonka osa tekijöistä osallistui tämän oppimateriaalin laadintaan. Lisäksi kevyt kysely ennen luentoa asettaa opiskelijan opiskelutavoitetta ja toinen kysely luennon jälkeen varmistaa sisällön parempaa omaksumista. Tämä oppimateriaali on tarkoitettu joustavaksi ja hauskaksi, ja sen voi suorittaa kokonaan tai osittain. Projektit alkavat yksinkertaisista ja monimutkaistuvat 12 viikon jaksolla. Vaikka tarkoituksella vältimme JavaScript-kirjastojen esittelyä keskittyäksemme verkkokehittäjän perustaitoihin ennen kirjastoihin siirtymistä, seuraava hyvä askel tämän oppimateriaalin jälkeen olisi Node.js:n opiskelu toisen videosarjan avulla: "Beginner Series to: Node.js".

🧭 Offline-käyttö

Voit käyttää tätä dokumentaatiota offline-tilassa käyttämällä Docsify. Haarauta tämä arkisto, asenna Docsify paikallisesti koneellesi, ja kirjoita tämän arkiston juurikansiossa docsify serve. Sivusto palvelee portissa 3000 paikallisessa ympäristössä: localhost:3000.

📘 PDF

Kaikkiin oppitunteihin liittyvän PDF:n löydät täältä here.

🎒 Muut kurssit

Tiimimme tuottaa myös muita kursseja! Tutustu:

LangChain

Azure / Edge / MCP / Agents

Generatiivinen tekoäly -sarja

-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA) -C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC) -E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)

Perusopiskelu

Copilot-sarja

Apua

Jos juutut tai sinulla on kysyttävää tekoälysovellusten rakentamisesta, liity muiden oppijoiden ja kokeneiden kehittäjien keskusteluihin MCP:stä. Se on kannustava yhteisö, jossa kysymykset ovat tervetulleita ja tieto jaetaan vapaasti. Jos sinulla on palautetta tuotteesta tai löydät virheitä rakentaessasi, käy:

Lisenssi

Tämä arkisto on lisensoitu MIT-lisenssillä. Katso lisätietoja LICENSE-tiedostosta.

Vastuuvapauslauseke: Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua Co-op Translator. Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattikäännöksissä saattaa esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen omalla kielellä tulisi pitää virallisena lähteenä. Tärkeiden tietojen osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä johtuvista väärinymmärryksistä tai tulkinnoista.