Išmokite interneto svetainių kūrimo pagrindus per mūsų 12 savaičių išsamų kursą, kurį veda Microsoft Cloud Advocates komanda. Kiekviena iš 24 pamokų detalizuojama JavaScript, CSS ir HTML temas, dirbant su praktiniais projektais, tokiais kaip terariumai, naršyklės plėtiniai ir erdvės žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą naudojant mūsų efektyvią projektinę pedagogiką. Pradėkite savo programavimo kelionę jau šiandien!

Prisijunkite prie Azure AI Foundry Discord bendruomenės

Atlikite šiuos žingsnius, kad pradėtumėte naudotis šiomis priemonėmis:

1. Padarykite Forką: Spauskite
2. Klonuokite Saugyklą: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Prisijunkite prie Azure AI Foundry Discord ir susitikite su ekspertais bei kitais kūrėjais

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

Norite klonuoti lokalizuotai?

Šioje saugykloje yra daugiau kaip 50 kalbų vertimų, dėl ko labai padidėja atsisiuntimo dydis. Jei norite klonuoti be vertimų, naudokite sparse checkout:

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"

Taip gausite viską, ko reikia kursui atlikti, žymiai greičiau atsisiųsdami.

Jei norite, kad būtų pridedamos papildomos palaikomos kalbos, jos išvardytos čia

Aplankyk Studentų centrą puslapį, kur rasi pradedančiųjų resursus, studentų paketus ir net galimybes gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta pažymėti ir periodiškai tikrinti, nes mes kas mėnesį atnaujiname turinį.

Pridėtas naujas iššūkis – ieškokite "GitHub Copilot Agent Challenge 🚀" daugelyje skyrių. Tai naujas iššūkis, skirtas atlikti naudojant GitHub Copilot ir Agent režimą. Jei dar nenaudojote Agent režimo, jis ne tik generuoja tekstą, bet gali ir kurti bei redaguoti failus, vykdyti komandas ir daugiau.

Pridėtas naujas AI Asistento projektas, pažiūrėkite projektą

Nepraleiskite mūsų naujo Generatyvinio DI mokymo plano!

Aplankykite https://aka.ms/genai-js-course ir pradėkite!

• Pamokos, apimančios viską nuo pagrindų iki RAG.
• Sąveikaukite su istorinių veikėjų personažais naudodami GenAI ir mūsų palydovinę programėlę.
• Linksma ir įtraukianti istorija, keliausite laiku!

Kiekviena pamoka apima užduotį, žinių patikrinimą ir iššūkį, kuris padės išmokti:

• Užklausų ir užklausų inžinerijos
• Teksto ir vaizdo programėlių generavimo
• Paieškos programėlių

Aplankykite https://aka.ms/genai-js-course ir pradėkite!

Mokytojai, mes paruošėme kelias rekomendacijas, kaip naudotis šiuo mokymo planu. Labai laukiame jūsų atsiliepimų mūsų diskusijų forume!

Mokiniai, kiekvienos pamokos pradžioje pradėkite nuo priešpaskaitinės viktorinos, vėliau peržiūrėkite paskaitos medžiagą, atlikite įvairias užduotis ir pasitikrinkite savo supratimą paskaitos pabaigos viktorinoje.

Siekiant pagerinti mokymosi patirtį, susisiekite su savo bendraamžiais ir dirbkite kartu prie projektų! Skatintinos diskusijos mūsų diskusijų forume, kuriame dirba mūsų moderatorių komanda, pasirengusi atsakyti į jūsų klausimus.

Norėdami toliau tobulėti, rekomenduojame peržiūrėti Microsoft Learn papildomoms mokomosioms medžiagoms.

Šiam mokymo planui yra paruošta plėtros aplinka! Pradėdami galite pasirinkti vykdyti kursą Codespace aplinkoje (naršyklėje, nereikia diegti jokių programų), arba lokaliai savo kompiuteryje naudodami teksto redaktorių, pvz., Visual Studio Code.

Kad lengvai išsaugotumėte savo darbus, rekomenduojama sukurti savo šios saugyklos kopiją. Tai galite padaryti paspaudę mygtuką Use this template šio puslapio viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje su šio mokymo plano kopija.

Atlikite šiuos veiksmus:

1. Padarykite Fork: Spauskite "Fork" mygtuką viršutiniame dešiniajame puslapio kampe.
2. Klonuokite Saugyklą: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Jūsų sukurtos saugyklos lange spauskite Code mygtuką ir pasirinkite Open with Codespaces. Tai sukurs naują Codespace, kuriame galėsite dirbti.

Norėdami vykdyti kursą lokaliai savo kompiuteryje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Mūsų pirma pamoka Programavimo kalbų ir darbo įrankių įvadas supažindins jus su įvairiomis šių įrankių pasirinkimo galimybėmis, kad galėtumėte pasirinkti tinkamiausią.

Rekomenduojame naudoti Visual Studio Code kaip redaktorių, kuris taip pat turi integruotą Terminalą. Visual Studio Code galite parsisiųsti čia.

1. Nuklonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti spustelėję mygtuką Code ir nukopijavę URL:

   CodeSpace

   Tada atidarykite Terminalą Visual Studio Code aplinkoje ir vykdykite šią komandą, pakeisdami <your-repository-url> į ką tik nukopijuotą URL:

   git clone <your-repository-url>

2. Atidarykite aplanką Visual Studio Code. Tai galite padaryti spustelėję File > Open Folder ir pasirinkdami ką tik nuklonuotą aplanką.

Rekomenduojami Visual Studio Code plėtiniai:

• Live Server - HTML puslapių peržiūrai Visual Studio Code aplinkoje
• Copilot - padeda greičiau rašyti kodą

• neprivalomą sketchnote užrašą
• neprivalomą papildomą vaizdo įrašą
• šiltinimo viktoriną prieš pamoką
• rašytinę pamoką
• projektinėse pamokose – žingsnis po žingsnio instrukcijas, kaip sukurti projektą
• žinių patikrinimus
• iššūkį
• papildomą skaitymą
• užduotį
• pamokos pabaigos viktoriną

Pastaba apie viktorinas: Visos viktorinos yra Quiz-app aplanke, iš viso 48 viktorinos po tris klausimus kiekvienoje. Jas rasite čia – viktorinų programėlę galima paleisti lokaliai arba diegti Azure; sekite nurodymus quiz-app aplanke.

Mūsų mokymo programa sukurta remiantis dviem pagrindinėmis pedagoginėmis taisyklėmis:

• mokymasis per projektus
• dažnos viktorinos

Programa moko JavaScript, HTML ir CSS pagrindus bei naujausius įrankius ir metodus, kuriuos naudoja šių dienų interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kuriant rašymo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, kosmoso invazijos tipo žaidimą ir verslo banko programėlę. Baigus šį ciklą studentai įgis tvirtą supratimą apie interneto kūrimą.

🎓 Pirmas kelias šios programos pamokas galite atlikti kaip Mokymosi kelią Microsoft Learn platformoje!

Užtikrinant, kad turinys atitiktų projektus, procesas tampa labiau įtraukiantis studentams, o konceptų įsisavinimas pagerėja. Taip pat parašėme keletą pradinio lygio pamokų JavaScript pagrindams supažindinti, jas lydi video iš „Pradedančiųjų serijos į JavaScript“ kolekcijos, kurios autorių dalyvavo ir šioje programoje.

Be to, žemesnio slenksčio viktorina prieš pamoką nukreipia studentų dėmesį mokytis temą, o antroji viktorina po pamokos užtikrina geresnį įsisavinimą. Ši programa sukurta taip, kad būtų lanksti ir smagi, ją galima atlikti visa arba dalimis. Projektai prasideda nedideli ir pamažu tampa vis sudėtingesni per visą 12 savaičių ciklą.

Nors sąmoningai vengėme įvesti JavaScript karkasus, kad susikoncentruotume į pagrindinius įgūdžius, reikalingus kaip interneto kūrėjui prieš pereinant prie karkasų, gera tolesnė žingsnis būtų išmokti apie Node.js per kitą video kolekciją: „Pradedančiųjų serija į Node.js“.

Apsilankykite mūsų Elgesio kodekse ir Dalyvavimo taisyklėse. Laukiame jūsų konstruktyvių atsiliepimų!

Šią dokumentaciją galite naudoti offline naudodami Docsify. Nuklonuokite šį repo, įdiekite Docsify savo vietinėje mašinoje, tada šio repo šakniniame aplanke paleiskite docsify serve. Svetainė bus pasiekiama per 3000 prievadą jūsų localhost: localhost:3000.

Visų pamokų PDF galite rasti čia.

Mūsų komanda kuria ir kitus kursus! Pažiūrėkite:

Jei užstrigote arba turite klausimų apie AI programėlių kūrimą. Prisijunkite prie bendraminčių ir patyrusių programuotojų diskusijų apie MCP. Tai palaikanti bendruomenė, kurioje klausimai laukiami, o žinios laisvai dalijamos.

Jei turite produktų atsiliepimų arba randate klaidų kūrimo metu, apsilankykite:

Šis saugykla licencijuota pagal MIT licenciją. Daugiau informacijos žr. faile LICENSE.

Atsakomybės apribojimas: Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritiškai svarbiai informacijai rekomenduojamas profesionalus žmogiškas vertimas. Mes neatsakome už jokius nesusipratimus ar neteisingus aiškinimus, kilusius naudojant šį vertimą.