Web-Dev-For-Beginners/translations/lt

Tinklalapių kūrimas pradedantiesiems – Mokymo programa

Išmokite tinklalapių kūrimo pagrindus mūsų 12 savaičių išsamiame kurse, kurį rengia Microsoft Cloud Advocates. Kiekviena iš 24 pamokų gilina žinias apie JavaScript, CSS ir HTML per praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosmoso žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite įgūdžius ir optimizuokite žinių įsisavinimą su mūsų efektyvia projektais pagrįsta pedagogika. Pradėkite programavimo kelionę šiandien!

Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kitais programuotojais.

Sekite šiuos veiksmus, kad pradėtumėte naudotis šiomis priemonėmis:

1. Padarykite Repository fork’ą: Spustelėkite
2. Klonuokite Repository: 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 programuotojais

🌐 Daugiakalbė palaikymas

Palaikoma per GitHub Action (automatiškai ir visuomet 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 | 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 lokaliai?

Šiame repositorijoje yra virš 50 kalbų vertimų, kas ženkliai padidina atsisiuntimo dydį. Norėdami 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"

Tai suteiks jums viską, ko reikia kursui užbaigti, žymiai greičiau atsisiuntus.

Jei norite papildomų vertimų, palaikomos kalbos yra čia. čia

🧑‍🎓 Ar esate studentas?

Apsilankykite Studentų centras puslapyje, kur rasite pradedančiųjų išteklius, studentų rinkinius ir net būdus gauti nemokamą sertifikato kuponą. Šį puslapį verta įsidėti į žymes ir kartais patikrinti, nes turinys kas mėnesį keičiasi.

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

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

📣 Pranešimas – Naujas projektas naudojant Generatyviąją AI

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

📣 Pranešimas – Nauja mokymo programa apie Generatyviąją AI JavaScript kalboje ką tik išleista

Nepraleiskite mūsų naujos Generatyviosios AI mokymo programos!

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

• Pamokos nuo pagrindų iki RAG.
• Bendravimas su istoriniais personažais naudojant GenAI ir mūsų palydovinę programėlę.
• Smagi ir įtraukianti pasakojimo forma – keliausite laiku!

Kiekvienoje pamokoje yra užduotis, žinių patikra ir iššūkis, padėsiantys mokytis šia tema:

• Užklausų pateikimas ir jų kūrimas
• Teksto ir vaizdų programėlių kūrimas
• Paieškos programėlės

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

🌱 Pradžia

Mokytojai, mes pateikėme kelias rekomendacijas, kaip naudoti šią mokymo programą. Labai lauktume jūsų atsiliepimų mūsų diskusijų forume!

Mokiniai, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos, paskui skaitykite paskaitos medžiagą, atlikite įvairias veiklas ir pasitikrinkite supratimą po paskaitos viktorinoje.

Norėdami geriau mokytis, jungkitės prie savo bendramokslio ir dirbkite kartu su projektais! Diskusijos skatinamos mūsų diskusijų forume, kur mūsų moderatorių komanda bus pasirengusi atsakyti į jūsų klausimus.

Norėdami gilinti žinias, rekomenduojame naršyti Microsoft Learn papildomoms mokymosi priemonėms.

📋 Aplinkos sąranka

Ši mokymo programa turi paruoštą kūrimo aplinką! Pradėdami galite rinktis vykdyti kursą Codespace (naršyklėje veikianti aplinka be diegimo), arba lokaliai savo kompiuteryje naudodami teksto redaktorių, pavyzdžiui, Visual Studio Code.

Sukurkite savo repository

Kad galėtumėte lengvai išsaugoti savo darbą, rekomenduojama sukurti savo kopiją šio repository. Tai galite padaryti paspausdami mygtuką Use this template puslapio viršuje. Tai sukurs naują repository jūsų GitHub paskyroje su mokymo programos kopija.

Sekite šiuos žingsnius:

1. Padarykite Repository fork’ą: Paspauskite mygtuką „Fork“ šio puslapio viršutiniame dešiniajame kampe.
2. Klonuokite Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Kursų vykdymas Codespace aplinkoje

Jūsų sukurtame repository paspauskite mygtuką Code ir pasirinkite Open with Codespaces. Tai sukurs naują Codespace, dirbti jame.

Kursų vykdymas lokaliai jūsų kompiuteryje

Kad galėtumėte vykdyti mokymo programą lokaliai, jums reikės teksto redaktoriaus, naršyklės ir komandinės eilutės įrankio. Mūsų pirma pamoka, Įvadas į programavimo kalbas ir įrankius, jus supažindins su galimybėmis kiekvienam iš šių įrankių, kad pasirinktumėte tinkamiausius sau.

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

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

   CodeSpace

   Tada atidarykite Terminal „Visual Studio Code“ aplinkoje ir paleiskite šią komandą, pakeisdami <your-repository-url> tuo URL, kurį ką tik nukopijavote:

   git clone <your-repository-url>
   

2. Atidarykite katalogą „Visual Studio Code“. Tai galite padaryti spustelėję File > Open Folder ir pasirinkę ką tik nuklonuotą katalogą.

Rekomenduojami „Visual Studio Code“ plėtiniai:

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

📂 Kiekviena pamoka apima:

• neprivalomą brėžinį (sketchnote)
• neprivalomą papildomą vaizdo įrašą
• apšilimo testą prieš pamoką
• rašytinę pamoką
• projektinėms pamokoms – žingsnis po žingsnio gidas, kaip sukurti projektą
• žinių patikrinimus
• iššūkį
• papildomą skaitymą
• užduotį
• testą po pamokos

Pastaba apie testus: Visi testai yra saugomi Quiz-app kataloge, yra iš viso 48 testai po tris klausimus kiekviename. Jie pasiekiami čia, testų programėlę galima paleisti lokaliai arba publikuoti „Azure“; vadovaukitės nurodymais quiz-app kataloge.

🗃️ Pamokos

	Projekto pavadinimas	Mokomi konceptai	Mokymosi tikslai	Susieta pamoka	Autorius
01	Pradžia	Įvadas į programavimą ir įrankiai	Sužinoti pagrindus, kurie slypi daugumoje programavimo kalbų, ir apie programinę įrangą, kuri padeda profesionaliems kūrėjams dirbti	Įvadas į programavimo kalbas ir įrankius	Jasmine
02	Pradžia	GitHub pagrindai, komandinio darbo ypatumai	Kaip naudoti GitHub projekte, kaip bendradarbiauti dirbant su kodo baze	Įvadas į GitHub	Floor
03	Pradžia	Prieinamumas	Susipažinti su interneto prieinamumo pagrindais	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, valdant programos logikos srautą	Funkcijos ir metodai	Jasmine ir Christopher
06	JS pagrindai	Sprendimų kūrimas su JS	Kaip kurti sąlygas savo kode naudojant sprendimų priėmimo būdus	Sprendimų kūrimas	Jasmine
07	JS pagrindai	Masyvai ir ciklai	Dirbti su duomenimis naudojant masyvus ir ciklus JavaScript	Masyvai ir ciklai	Jasmine
08	Terrarijus	HTML praktikoje	Sukurti HTML, kad sukurtumėte internetinį terarijų, daugiausia dėmesio skiriant maketui	Įvadas į HTML	Jen
09	Terrarijus	CSS praktikoje	Kurti CSS stiliaus taisykles internetiniam terarijui, daugiausia dėmesio skiriant CSS pagrindams, įskaitant puslapio adaptaciją	Įvadas į CSS	Jen
10	Terrarijus	JavaScript closure’ai, DOM manipuliacija	Kurti JavaScript, kuris užtikrintų terarijaus veikimą per tempimą/paleidimą, daugiausia dėmesio skiriant closure’ams ir DOM manipuliacijai	JavaScript closure’ai, DOM manipuliacija	Jen
11	Rašymo žaidimas	Sukurti rašymo žaidimą	Sužinoti, kaip naudoti klaviatūros įvykius, kad valdytumėte savo JavaScript programos logiką	Įvykių valdymas	Christopher
12	Žalioji naršyklės plėtinys	Darbas su naršyklėmis	Sužinoti, kaip veikia naršyklės, jų istoriją ir kaip sukurti pirmuosius naršyklės plėtinio elementus	Apie naršykles	Jen
13	Žalioji naršyklės plėtinys	Forma, API iškvietimas ir kintamųjų saugojimas local storage	Kurti naršyklės plėtinio JavaScript elementus, kurie kviečia API naudojant local storage	API, formos ir local storage	Jen
14	Žalioji naršyklės plėtinys	Fono procesai naršyklėje, interneto našumas	Naudoti naršyklės fono procesus plėtinio piktogramai valdyti; sužinoti apie interneto našumą ir optimizacijas	Fono užduotys ir našumas	Jen
15	Kosminis žaidimas	Pažangesnė žaidimų kūrimo su JavaScript dalis	Sužinoti apie paveldėjimą naudojant klases ir kompoziciją bei pub/sub modelį, pasirengti žaidimo kūrimui	Įvadas į pažangią žaidimų kūrimą	Chris
16	Kosminis žaidimas	Piešimas ant drobės	Sužinoti apie Canvas API, naudojamą elementų piešimui ekrane	Piešimas ant drobės	Chris
17	Kosminis žaidimas	Elementų judinimas ekrane	Sužinoti, kaip elementai gali judėti naudojant Dekartines koordinates ir Canvas API	Judinamų elementų valdymas	Chris
18	Kosminis žaidimas	Susidūrimo atpažinimas	Leisti elementams susidurti ir reaguoti vienam į kitą, naudoti klavišų paspaudimus ir suteikti atšildymo funkciją, užtikrinančią našumą	Susidūrimo atpažinimas	Chris
19	Kosminis žaidimas	Balansavimas	Atlikti matematikos skaičiavimus pagal žaidimo būseną ir veikimą	Balansavimas	Chris
20	Kosminis žaidimas	Žaidimo pabaiga ir paleidimas iš naujo	Sužinoti apie žaidimo pabaigą ir paleidimą iš naujo, įskaitant išteklių valymą ir kintamųjų reikšmių atstatymą	Pabaigos sąlyga	Chris
21	Banko programėlė	HTML šablonai ir maršrutai interneto programoje	Sužinoti, kaip sukurti daugiasluoksnio tinklalapio struktūrą, naudojant maršrutizavimą ir HTML šablonus	HTML šablonai ir maršrutai	Yohan
22	Banko programėlė	Prisijungimo ir registracijos formos kūrimas	Sužinoti apie formų kūrimą ir validacijos vykdymą	Formos	Yohan
23	Banko programėlė	Duomenų užklausų ir panaudojimo būdai	Kaip duomenys teka programoje, kaip juos gauti, saugoti ir atsikratyti	Duomenys	Yohan
24	Banko programėlė	Būsenos valdymo pagrindai	Sužinoti, kaip programa išlaiko būseną ir kaip ją valdyti programiškai	Būsenos valdymas	Yohan
25	Browser/VScode Code	Darbas su VScode	Sužinoti, kaip naudotis kodo redaktoriumi	Naudok VScode kodo redaktorių	Chris
26	Dirbtiniai intelektai	Darbas su DI	Sužinoti, kaip sukurti savo dirbtinio intelekto asistentą	DI asistento projektas	Chris

🏫 Pedagogika

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

• projektinis mokymasis
• dažni testai

Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir metodų, kuriuos naudoja šių laikų interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kurdami rašymo žaidimą, virtualų terarijų, ekologišką naršyklės plėtinį, kosminį invazijos stiliaus žaidimą ir banko programėlę verslui. Baigus šį ciklą, studentai turės tvirtą žinių pagrindą apie interneto kūrimą.

🎓 Pirmas kelias pamokas galite išklausyti kaip mokymosi kelią Microsoft Learn platformoje!

Uždraudžiant turinį susieti su projektais, procesas tampa įdomesnis studentams, o konceptų įsisavinimas – geresnis. Taip pat parašėme keletą pradiniams JavaScript pagrindų orientuotų pamokų, supažindinančių su konceptais, papildytų vaizdo įrašu iš „Beginners Series to: JavaScript“ mokymų serijos, kurių kai kurie autoriai prisidėjo prie šios programos.

Be to, žemo slenksčio testas prieš pamoką nukreipia studentus į mokymosi temą, o antras testas po pamokos padeda įsisavinti žinias dar geriau. Ši programa sukurta būti lanksti ir smagi, ją galima įgyti visą arba iš dalies. Projektai prasideda nuo paprastų ir turi vis didėjančią sudėtingumo laipsnį per 12 savaičių ciklą.

Nors sąmoningai vengėme pristatyti JavaScript karkasus, kad susitelktume į pagrindinius įgūdžius, reikalingus interneto kūrėjui prieš perėjimą prie karkaso, kitas geras žingsnis po šios programos būtų susipažinti su Node.js per vaizdo įrašų seriją: "Beginner Series to: Node.js".

Apsilankykite mūsų Elgesio kodekse ir Prisidėjimo gairėse. Laukiame jūsų konstruktyvaus grįžtamojo ryšio!

🧭 Offline prieiga

Šią dokumentaciją galite naudoti neprisijungę, naudodami Docsify. Sukurkite šaką (fork) šios saugyklos, įdiekite Docsify savo vietiniame įrenginyje, tada įeiname į šios saugyklos pagrindinį katalogą ir įveskite komandą docsify serve. Svetainė bus pateikta jūsų localhost:3000 prievade: localhost:3000.

📘 PDF

Visų pamokų PDF galima rasti čia.

🎒 Kiti kursai

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

LangChain

Azure / Edge / MCP / Agentai

---

Generatyvinio DI serija

---

Pagrindinis mokymasis

---

Copilot serija

Pagalba

Jei sustojote arba turite klausimų apie DI programų kūrimą. Prisijunkite prie kitų besimokančiųjų ir patyrusių programuotojų diskusijose apie MCP. Tai palaikanti bendruomenė, kurioje klausimai yra laukiami, o žinios dalijamos laisvai.

Jei turite produkto atsiliepimų arba radote klaidų kūrimo metu, apsilankykite:

Licencija

Šis saugykla yra 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 stengiamės užtikrinti tikslumą, prašome atkreipti dėmesį, kad automatizuoti vertimai gali būti su klaidomis ar netikslumais. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Esant kritinei informacijai, rekomenduojamas profesionalus žmogaus vertimas. Mes neatsakome už bet kokius nesusipratimus ar klaidingą interpretavimą, kylančius dėl šio vertimo naudojimo.