Web-Dev-For-Beginners/translations/lt

Interneto svetainių kūrimas pradedantiesiems - mokymo programa

Išmokite interneto svetainių kūrimo pagrindus per mūsų 12 savaičių išsamų kursą, kurį veda Microsoft Cloud Advocates. Kiekviena iš 24 pamokų nagrinėja JavaScript, CSS ir HTML per praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosmoso žaidimai. Dalyvaukite viktorinose, diskusijose ir atlikite praktiškas užduotis. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą naudodami mūsų veiksmingą mokymosi metodiką, pagrįstą projektais. Pradėkite savo programavimo kelionę jau šiandien!

Prisijunkite prie Azure AI Foundry Discord bendruomenės

Sekite šiuos žingsnius, kad pradėtumėte naudodami šiuos išteklius:

1. Padarykite sau fork’ą: Spauskite
2. Klonuokite sau repozitoriją: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kitais kūrėjais

🌐 Daugiakalbė palaikymas

Palaikoma per GitHub Action (Automatizuota ir visada atnaujinta)

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

Pageidaujate klonuoti lokaliai?

Ši repozitorija turi daugiau nei 50 kalbų vertimų, todėl atsisiuntimo dydis yra žymiai didesnis. Norėdami klonuoti be vertimų, naudokite 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'

Tai suteiks jums viską, ko reikia kursui baigti, su daug greitesniu atsisiuntimu.

Jei norite, kad palaikomos papildomos kalbos, jos yra išvardytos čia

🧑‍🎓 Esate studentas?

Apsilankykite Studentų Hub puslapyje, kuriame rasite pradedančiųjų išteklius, studentų paketus ir net būdus gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta įsiminti ir periodiškai tikrinti, nes mes kas mėnesį atnaujiname turinį.

📣 Pranešimas - Nauji GitHub Copilot Agent režimo iššūkiai!

Pridėtas naujas iššūkis, raskite „GitHub Copilot Agent Challenge 🚀“ daugelyje skyrių. Tai naujas iššūkis, kurį turite įveikti naudodami GitHub Copilot ir Agent režimą. Jei anksčiau nenaudojote Agent režimo, jis geba ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir daugiau.

📣 Pranešimas - Naujas projektas kuriamas naudojant generatyvią dirbtinį intelektą

Pridėtas naujas AI asistentas projektas, apžiūrėkite jį projekte

📣 Pranešimas - Naujasis Generatyvios DI kursas JavaScript

Nepraleiskite mūsų naujo Generatyvios DI kurso!

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

• Pamokos nuo pagrindų iki RAG.
• Bendraukite su istoriniais veikėjais naudodami GenAI ir mūsų programą.
• Įdomi ir įtraukianti istorija, keliausite laiku!

Kiekviena pamoka apima užduotį, žinių patikrinimą ir iššūkį, padėsiantį išmokti tokių temų kaip:

• Promptų kūrimas ir inžinerija
• Teksto ir vaizdų programų kūrimas
• Paieškos programos

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

🌱 Pradžia

Mokytojai, mes pateikėme keletą pasiūlymų, kaip naudoti šią mokymo programą. Lauksime jūsų atsiliepimų mūsų diskusijų forume!

Mokymosi dalyviai, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos, perskaitykite paskaitos medžiagą, atlikite įvairias veiklas ir pasitikrinkite žinias po paskaitos viktorinoje.

Norėdami geriau išmokti, sujunkite jėgas su bendrakursiais, kad kartu dirbtumėte prie projektų! Diskusijos skatinamos mūsų diskusijų forume, kur mūsų moderatoriai bus prieinami atsakyti į jūsų klausimus.

Norėdami gilinti žinias, labai rekomenduojame tyrinėti Microsoft Learn papildomoms studijų medžiagoms.

📋 Aplinka su parengimu darbui

Ši mokymo programa turi jau paruoštą kūrimo aplinką! Pradėdami galite rinktis kursą vykdyti Codespace aplinkoje (naršyklėje, nereikia jokios instaliacijos), arba vietoje savo kompiuteryje naudodami teksto redaktorių, pavyzdžiui, Visual Studio Code.

Sukurkite savo repozitoriją

Norėdami patogiai išsaugoti savo darbą, rekomenduojama sukurti savo asmeninę šio repozitorijos kopiją. Tai galite padaryti paspausdami mygtuką Use this template puslapio viršuje. Taip bus sukurta nauja repozitorija jūsų GitHub paskyroje su programos kopija.

Žingsniai:

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

Mokymo programos paleidimas Codespace aplinkoje

Jūsų sukurtos kopijos repozitorijoje paspauskite Code mygtuką ir pasirinkite Open with Codespaces. Taip bus sukurta nauja Codespace aplinka, kurioje galėsite dirbti.

Mokymo programos paleidimas vietoje savo kompiuteryje

Norėdami vykdyti šią mokymo programą vietoje savo kompiuteryje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Pirmoji pamoka, Įvadas į programavimo kalbas ir darbo įrankius, padės pasirinkti geriausius įrankius.

Mes rekomenduojame naudoti Visual Studio Code redaktorių, kuris turi ir integruotą Terminalą. Visual Studio Code galite atsisiųsti čia.

1. Klonuokite savo repozitoriją į kompiuterį. Tai galite padaryti paspaudę Code mygtuką ir nukopijavę URL:

   CodeSpace Tada atidarykite Terminalą „Visual Studio Code“ viduje 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 pasirinkę ką tik klonuotą aplanką.

Rekomenduojami „Visual Studio Code“ plėtiniai:

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

📂 Kiekviena pamoka apima:

• neprivalomą eskizų užrašą
• neprivalomą papildomą vaizdo įrašą
• apšilimo testą prieš pamoką
• rašytinę pamoką
• projektinėse pamokose – žingsnis po žingsnio gidus, kaip sukurti projektą
• žinių patikrinimus
• iššūkį
• papildomą skaitymą
• užduotį
• testą po pamokos

Pastaba apie testus: Visi testai yra „Quiz-app“ aplanke, iš viso 48 testai po tris klausimus. Jie prieinami čia, testų programėlę galima paleisti vietoje arba įdiegti „Azure“; vykdykite nurodymus quiz-app aplanke.

🗃️ Pamokos

	Projekto pavadinimas	Mokomi klausimai	Mokymosi tikslai	Susijusi pamoka	Autorius
01	Pradžia	Įvadas į programavimą ir darbo įrankiai	Suprasti pagrindus, kurie yra daugumos programavimo kalbų pagrindas, ir sužinoti apie programinę įrangą, padedančią profesionalams	Įvadas į programavimo kalbas ir darbo įrankius	Jasmine
02	Pradžia	GitHub pagrindai ir darbas komandoje	Kaip naudoti GitHub savo projekte, kaip bendradarbiauti su kitais prie kodo bazės	GitHub pagrindai	Floor
03	Pradžia	Prieinamumas	Sužinoti interneto prieinamumo pagrindus	Prieinamumo pagrindai	Christopher
04	JS pagrindai	JavaScript duomenų tipai	JavaScript duomenų tipų pagrindai	Duomenų tipai	Jasmine
05	JS pagrindai	Funkcijos ir metodai	Sužinoti apie funkcijas ir metodus, valdančius programos logikos eigą	Funkcijos ir metodai	Jasmine ir Christopher
06	JS pagrindai	Sprendimų priėmimas su JS	Sužinoti, kaip kurti sąlygas savo kode naudojant sprendimų priėmimo metodus	Sprendimų priėmimas	Jasmine
07	JS pagrindai	Masyvai ir ciklai	Dirbti su duomenimis naudodami masyvus ir ciklus JavaScript	Masyvai ir ciklai	Jasmine
08	Terrarium	HTML praktikoje	Kurti HTML struktūrą internetu terariumui, dėmesys maketo kūrimui	Įvadas į HTML	Jen
09	Terrarium	CSS praktikoje	Kurti CSS terariumui stilizuoti, dėmesys CSS pagrindams, įskaitant puslapio prisitaikymą	Įvadas į CSS	Jen
10	Terrarium	JavaScript uždarymai ir DOM manipuliacija	Kurti JavaScript, leidžiantį terariumui veikti kaip vilkimo-nuleidimo sąsajai, fokusas į uždarymus ir DOM manipuliaciją	JavaScript uždarymai ir DOM manipuliacija	Jen
11	Typing Game	Kurti rašymo žaidimą	Sužinoti, kaip naudoti klaviatūros įvykius JavaScript programos logikai valdyti	Įvykių valdymo programavimas	Christopher
12	Žalioji naršyklės plėtinys	Darbas su naršyklėmis	Sužinoti, kaip veikia naršyklės, jų istorija ir kaip sukurti pirmuosius plėtinio elementus	Apie naršykles	Jen
13	Žalioji naršyklės plėtinys	Formos kūrimas, API iškvietimas ir kintamųjų saugojimas vietinėje saugykloje	Kurti JavaScript naršyklės plėtinio elementus API kvietimui, naudojant vietoje saugomus kintamuosius	API, formos ir vietinė saugykla	Jen
14	Žalioji naršyklės plėtinys	Fono procesai naršyklėje, interneto veikimas	Naudoti naršyklės fono procesus plėtinio ikonai valdyti; sužinoti apie interneto našumą ir kai kurias optimizacijas	Fono užduotys ir našumas	Jen
15	Space Game	Pažangesnis žaidimų kūrimas su JavaScript	Sužinoti apie paveldėjimą naudojant klases ir kompoziciją bei Pub/Sub modelį, ruošiantis žaidimo kūrimui	Pažangesnio žaidimų kūrimo įvadas	Chris
16	Space Game	Piešimas ant drobės	Sužinoti apie Canvas API, naudojamą elementams ekrane piešti	Piešimas ant drobės	Chris
17	Space Game	Judančių elementų valdymas ekrane	Sužinoti, kaip elementai gali judėti, naudojant Dekarto koordinates ir Canvas API	Judančių elementų valdymas	Chris
18	Space Game	Susidūrimų aptikimas	Padaryti, kad elementai susidurtų ir reaguotų vienas į kitą, naudoti klavišų paspaudimus ir šaltinio funkciją žaidimo veikimui užtikrinti	Susidūrimų aptikimas	Chris
19	Space Game	Taškų skaičiavimas	Atlikti matematikos skaičiavimus, remiantis žaidimo būsena ir veikimu	Taškų skaičiavimas	Chris
20	Space Game	Žaidimo užbaigimas ir perkrovimas	Sužinoti apie žaidimo užbaigimą ir restartavimą, įskaitant išteklių valymą ir kintamųjų reikšmių nustatymą	Užbaigimo sąlyga	Chris
21	Banking App	HTML šablonai ir maršrutai žiniatinklio programoje	Sužinoti, kaip sukurti daugiapusės svetainės architektūros karkasą, naudojant maršrutus ir HTML šablonus	HTML šablonai ir maršrutai	Yohan
22	Banking App	Prisijungimo ir registracijos formos kūrimas	Sužinoti, kaip kurti formas ir valdyti tinkamumo patikrinimus	Formos	Yohan
23	Banking App	Duomenų gavimo ir naudojimo metodai	Kaip duomenys teka į jūsų programą ir iš jos, kaip juos gauti, saugoti, tvarkyti	Duomenys	Yohan
24	Banking App	Būsenos valdymo koncepcijos	Sužinoti, kaip programa išlaiko būseną ir kaip ją valdyti programiškai	Būsenos valdymas	Yohan
25	Naršyklės / VScode kodas	Darbas su VScode	Sužinoti, kaip naudoti kodo redaktorių	Naudoti VScode kodo redaktorių	Chris
26	AI asistentai	Darbas su dirbtiniu intelektu	Sužinoti, kaip sukurti savo dirbtinio intelekto asistentą	AI asistento projektas	Chris

🏫 Pedagogika

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

• mokymasis per projektus
• dažni testai

Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir metodų, naudojamų šių dienų interneto kūrėjų. Studentai turės galimybę įgyti praktinės patirties kuriant rašymo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, kosminio invazijos stiliaus žaidimą ir verslo bankinę programėlę. Serijos pabaigoje studentai turės tvirtus interneto kūrimo pagrindus.

🎓 Pirmos kelios šios programos pamokos taip pat prieinamos kaip Mokymosi kelias platformoje Microsoft Learn!

Užtikrinant, kad turinys atitiktų projektus, procesas tampa labiau įtraukiantis studentams, o koncepcijų įsisavinimas geresnis. Mes taip pat parašėme keletą pradinio lygio JavaScript pamokų, skirtų įvesti pagrindines sąvokas, kartu su vaizdo įrašu iš „Pradedančiųjų serijos apie JavaScript“ vaizdo pamokų rinkinio, kurio kai kurie autoriai prisidėjo prie šios programos.

Be to, žemas testas prieš klasę orientuoja studentą į mokymosi temą, o antras testas po pamokos užtikrina geresnį žinių išlaikymą. Ši programa sukurta būti lanksti ir smagi, ją galima atlikti visą arba dalimis. Projektai prasideda nuo paprastų ir palaipsniui sudėtingėja per 12 savaičių ciklą.

Nors sąmoningai vengėme įtraukti JavaScript karkasus, kad sutelktume dėmesį į pagrindinius įgūdžius kaip interneto kūrėjo pradžioje, kitas geras žingsnis baigus šią programą būtų išmokti Node.js per kitą vaizdo įrašų kolekciją: „Pradedančiųjų serija apie Node.js“.

Apsilankykite mūsų Elgesio kodeksas ir Prisidėjimo gairėse. Laukiame jūsų konstruktyvios grįžtamosios informacijos!

🧭 Galimybė naudotis neprisijungus

Šią dokumentaciją galite naudoti neprisijungę naudodami Docsify. Šaknikite šį repo, įdiekite Docsify čia savo vietiniame kompiuteryje, o tada šiame repo šakniniame aplanke įveskite docsify serve. Svetainė bus patiekiama 3000 prievade jūsų vietinėje mašinoje: localhost:3000.

📘 PDF

Visų pamokų PDF versiją galite rasti čia.

🎒 Kiti kursai

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

LangChain

Azure / Edge / MCP / Agentai

---

Generatyvios AI serija

---

Pagrindinis mokymasis

---

Copilot serija

Pagalbos gavimas

Jei užstringate ar turite klausimų apie AI programėlių kūrimą, prisijunkite prie bendraminčių ir patyrusių kūrėjų diskusijų apie MCP. Tai draugiška bendruomenė, kurioje laukiami klausimai ir laisvai dalijama žiniomis.

Jeigu turite atsiliepimų apie produktą ar rastumėte klaidų kūrimo metu, apsilankykite:

Licencija

Šis saugyklos turinys licencijuojamas pagal MIT licenciją. Daugiau informacijos žr. faile LICENSE.

---

Atsakomybės apribojimas: Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą Co-op Translator. Nors stengiamės užtikrinti tikslumą, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų arba netikslumų. Originalus dokumentas gimtąja kalba turėtų būti laikomas pagrindiniu šaltiniu. Svarbiai informacijai rekomenduojama naudoti profesionalų žmogaus vertimą. Mes neatsakome už bet kokius nesusipratimus ar neteisingus aiškinimus, atsiradusius naudojant šį vertimą.