Web-Dev-For-Beginners/translations/lt

Interneto svetainių kūrimas pradedantiesiems – Mokymo programa

Išmokite interneto svetainių kūrimo pagrindus su mūsų 12 savaičių išsamia programa, parengta „Microsoft Cloud Advocates“. Kiekviena iš 24 pamokų nagrinėja JavaScript, CSS ir HTML per praktinius projektus, tokius kaip terariumai, naršyklių plėtiniai ir kosmoso žaidimai. Dalyvaukite viktorinose, diskusijose ir praktinėse užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą su mūsų efektyvia mokymo projektu pagrįsta pedagogika. Pradėkite kodavimo kelionę jau šiandien!

Prisijunkite prie „Azure AI Foundry“ Discord bendruomenės

Norėdami pradėti naudotis šiomis priemonėmis, atlikite šiuos veiksmus:

1. Padarykite šaką (Fork) iš saugyklos: Spustelėkite
2. Klonuokite saugyklą: 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

Norite klonuoti vietoje?

Šioje saugykloje yra daugiau nei 50 kalbų vertimų, kurie reikšmingai padidina atsisiuntimo dydį. Norėdami klonuoti be vertimų, naudokite ribotą patikrinimą (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, tačiau atsisiuntimas bus daug greitesnis.

Jei norite, kad būtų palaikomos papildomos vertimo kalbos, jas rasite čia

🧑‍🎓 Ar esi studentas?

Aplankykite Studentų centrą, kuriame rasite pradedančiųjų išteklių, studentų paketus bei net galimybes gauti nemokamą sertifikato čekį. Tai puslapis, kurį verta išsaugoti žymių juostoje ir kartais patikrinti, nes mes kas mėnesį atnaujiname turinį.

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

Įdė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 nesate naudojęsi Agent režimu, jis gali ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir dar daugiau.

📣 Pranešimas – Naujas projektas, kuriam sukurti naudoti generatyvinės dirbtinis intelektas

Pridėtas naujas AI Asistento projektas, peržiūrėkite jį čia

📣 Pranešimas – Nauja mokymo programa Generatyvinės DI JavaScript

Nepraleiskite mūsų naujos Generatyvinės DI mokymo programos!

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

• Pamokos apimančios viską nuo pagrindų iki RAG.
• Bendravimas su istorijų veikėjais naudojant GenAI ir mūsų companion programėlę.
• Įdomi ir įtraukianti istorija – keliausite laiku!

Kiekviena pamoka apima užduotį atlikti, žinių patikrinimą ir iššūkį, kurie padeda mokytis tokių temų kaip:

• Užklausų kūrimas ir užklausų inžinerija
• Teksto ir vaizdų programų generavimas
• Paieškos programos

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

🌱 Pradžia

Mokytojai, mes pateikėme kelias rekomendacijas, kaip naudotis šia mokymo programa. Labai laukiame jūsų atsiliepimų mūsų diskusijų forume!

Mokiniai, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos, perskaitykite paskaitos medžiagą, atlikite įvairias veiklas ir patikrinkite supratimą atlikdami paskaitos pabaigos viktoriną.

Norėdami pagerinti mokymosi patirtį, susiburti kartu dirbti prie projektų su bendramoksliais! Diskutuokite mūsų diskusijų forume, kur mūsų moderatorių komanda bus pasirengusi atsakyti į jūsų klausimus.

Siekiant dar geriau mokytis, rekomenduojame tyrinėti Microsoft Learn papildomoms studijų medžiagoms.

📋 Aplinkos paruošimas

Ši programa jau paruošta su vystymo aplinka! Pradėdami galite pasirinkti vykdyti programą Codespace aplinkoje (naršyklėje, nereikia diegti) arba vietoje, savo kompiuteryje naudodami teksto redaktorių, pvz., Visual Studio Code.

Sukurkite savo saugyklą

Kad galėtumėte lengvai saugoti savo darbą, rekomenduojame sukurti savo šios saugyklos kopiją. Tai galite padaryti spustelėję mygtuką Naudoti šabloną (Use this template) viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje su šios mokymo medžiagos kopija.

Atlikite šiuos veiksmus:

1. Padarykite šaką (Fork) iš saugyklos: paspauskite mygtuką „Fork“ viršutiniame dešiniajame puslapio kampe.
2. Klono kopija: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Programa Codespace aplinkoje

Jūsų sukurtos šios saugyklos kopijos lange, spustelėkite mygtuką Code ir pasirinkite Open with Codespaces. Tai sukurs naują Codespace aplinką darbui.

Programa vietoje, jūsų kompiuteryje

Norint paleisti šią programą savo kompiuteryje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Mūsų pirmoji pamoka, Programavimo kalbų ir darbui reikalingų įrankių įvadas, supažindins su keliomis galimybėmis kiekvienam įrankiui, kad galėtumėte pasirinkti tinkamiausią.

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

1. Klonuokite savo saugyklą į kompiuterį. Tai galite padaryti paspausdami mygtuką Code ir nukopijuodami URL:

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

   git clone <your-repository-url>
   

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

Rekomenduojami Visual Studio Code plėtiniai:

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

📂 Kiekviename pamokoje yra:

• pasirenkama eskizų pastaba
• pasirenkamas papildomas vaizdo įrašas
• priešpamokos įžanginis testas
• rašytinė pamoka
• projektinėse pamokose pateiktos nuoseklios gairės, kaip sukurti projektą
• žinių patikrinimai
• iššūkis
• papildoma literatūra
• užduotis
• po pamokos testas

Pastaba apie testus: Visi testai yra Quiz-app aplanke, iš viso 48 testai po tris klausimus kiekviename. Jie prieinami čia; testų programėlė gali būti paleista lokaliai arba iškelta į Azure; vadovaukitės nurodymais quiz-app aplanke.

🗃️ Pamokos

	Projekto pavadinimas	Mokomi konceptai	Mokymosi tikslai	Susieta pamoka	Autorius
01	Pradžia	Įvadas į programavimą ir naudojamus įrankius	Susipažinti su pagrindais, būdingais daugumai programavimo kalbų, ir su programine įranga, kuri padeda profesionaliems programuotojams vykdyti savo darbą	Įvadas į programavimo kalbas ir įrankius	Jasmine
02	Pradžia	GitHub pagrindai, darbą su komanda	Sužinoti, kaip naudoti GitHub projekte, kaip bendradarbiauti dirbant su kodu	Įvadas į GitHub	Floor
03	Pradžia	Prieinamumas	Susipažinti su pagrindais apie interneto prieinamumą	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, kurie valdo programos loginį srautą	Funkcijos ir metodai	Jasmine ir Christopher
06	JS pagrindai	Sprendimų priėmimas naudojant 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 naudojant masyvus ir ciklus JavaScript	Masyvai ir ciklai	Jasmine
08	Terariumas	HTML praktikoje	Kurti HTML struktūrą, kad sukurtumėte internetinį terariumą, daugiausia dėmesio skiriant išdėstymo kūrimui	Įvadas į HTML	Jen
09	Terariumas	CSS praktikoje	Kurti CSS stilių internetiniam terariumui, susipažįstant su CSS pagrindais, įskaitant reagavimą į puslapio dydį	Įvadas į CSS	Jen
10	Terariumas	JavaScript uždarymai, DOM manipuliacija	Kurti JavaScript, kad terariumas veiktų kaip drag/dro žaidimo sąsaja, daugiausia dėmesio skiriant uždarosioms funkcijoms ir DOM manipuliacijai	JavaScript uždarymai, DOM manipuliacija	Jen
11	Rašymo žaidimas	Kurti rašymo žaidimą	Sužinoti, kaip naudoti klaviatūros įvykius, kad valdyti 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 pradėti kurti naršyklės plėtinio pirmuosius elementus	Apie naršykles	Jen
13	Žalioji naršyklės plėtinys	Kurti formą, kviesti API ir saugoti kintamuosius vietinėje saugykloje	Kurti JavaScript elementus savo naršyklės plėtinyje kviečiant API naudojant vietoje saugomus kintamuosius	API, formos ir vietinė saugykla	Jen
14	Žalioji naršyklės plėtinys	Fono procesai naršyklėje, žiniatinklio našumas	Naudoti naršyklės fono procesus valdyti plėtinio piktogramą; sužinoti apie žiniatinklio našumą ir kai kurias optimizacijas	Fono užduotys ir našumas	Jen
15	Kosmoso žaidimas	Pažangesnis žaidimų kūrimas su JavaScript	Sužinoti apie paveldėjimą naudojant tiek klases, tiek kompoziciją, ir Pub/Sub modelį, ruošiantis kurti žaidimą	Įvadas į pažangų žaidimų kūrimą	Chris
16	Kosmoso žaidimas	Piešimas drobėje	Sužinoti apie Canvas API, skirtą elementų piešimui ekrane	Piešimas drobėje	Chris
17	Kosmoso žaidimas	Elementų judinimas ekrane	Sužinoti, kaip elementams suteikti judėjimą naudojant kartezinę koordinačių sistemą ir Canvas API	Elementų judinimas	Chris
18	Kosmoso žaidimas	Susidūrimo aptikimas	Padaryti, kad elementai susidurtų ir reaguotų vienas į kitą paspaudimus klavišais, ir suteikti funkciją, leidžiančią atvėsti, kad žaidimas veiktų sklandžiai	Susidūrimo aptikimas	Chris
19	Kosmoso žaidimas	Rezultatų skaičiavimas	Atlikti matematikos skaičiavimus pagal žaidimo statusą ir veikimą	Rezultatų skaičiavimas	Chris
20	Kosmoso žaidimas	Žaidimo pabaiga ir perkūrimas	Sužinoti apie žaidimo pabaigą ir perkūrimą, įskaitant išteklių tvarkymą ir kintamųjų reikšmių nustatymą	Pabaigos sąlyga	Chris
21	Banko programa	HTML šablonai ir maršrutai internetinėje programoje	Sužinoti, kaip sukurti daugialapės svetainės architektūros karkasą naudojant maršrutus ir HTML šablonus	HTML šablonai ir maršrutai	Yohan
22	Banko programa	Kurti prisijungimo ir registracijos formas	Sužinoti apie formų kūrimą ir patikros procedūras	Formos	Yohan
23	Banko programa	Duomenų užklausų ir naudojimo metodai	Kaip duomenys patenka į programą ir išeina iš jos, kaip juos užklausti, saugoti ir pašalinti	Duomenys	Yohan
24	Banko programa	Būsenos valdymo konceptai	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 naudotis kodo redaktoriumi	Naudoti VScode Kodo redaktorių	Chris
26	DI asistentai	Darbas su DI	Sužinoti, kaip sukurti savo DI asistentą	DI asistento projektas	Chris

🏫 Pedagogika

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

• mokymasis pagrįstas projektais
• dažni testai

Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir metodų, kuriuos naudoja šiandienos interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kurdami rašymo žaidimą, virtualų terariumą, ekologinį naršyklės plėtinį, žaidimą kosminių užkariautojų stiliumi bei banko programėlę įmonėms. Baigus seriją studentai turės tvirtą supratimą apie interneto kūrimą.

🎓 Galite pradėti nuo pirmųjų kelių šios programos pamokų kaip Mokymosi kelio Microsoft Learn platformoje!

Užtikrinant, kad turinys atitiktų projektus, procesas tampa patrauklesnis studentams, o koncepcijų įsisavinimas vyksta geriau. Taip pat parašėme kelias pradinio lygio JavaScript pamokas, kad pristatytume pagrindines sąvokas, kartu su vaizdo įrašu iš „Pradmenų serijos: JavaScript“ vaizdo pamokų kolekcijos, kurioje dalis autorių prisidėjo prie šios programos kūrimo.

Be to, prieš klasę vykdomas mažo spaudimo testas nustato studentų ketinimus mokytis temos, o antras testas po klasės užtikrina geresnį įsisavinimą. Ši programa sukurta būti lanksti ir smagi, ją galima atlikti visiškai arba dalimis. Projektai prasideda nuo paprastų užduočių ir tampa vis sudėtingesni iki 12 savaičių ciklo pabaigos.

Nors sąmoningai vengėme pristatyti JavaScript karkasus, kad sutelktume dėmesį į pagrindinius žinias, reikalingas interneto kūrėjui prieš pereinant prie karkaso, kitas geras žingsnis baigus šią programą būtų išmokti apie Node.js per kitą vaizdo įrašų kolekciją: „Pradmenų serija: Node.js“.

Apsilankykite mūsų Elgesio kodekso ir Prisidėjimo gairėse. Laukiame jūsų konstruktyvių atsiliepimų!

🧭 Offline prieiga

Šią dokumentaciją galite naudoti neprisijungę naudodami Docsify. Atsiųskite šį repo, įdiekite Docsify savo kompiuteryje, tada atidarykite pagrindinį šio repo aplanką ir įveskite docsify serve. Svetainė bus paleista 3000 prievade jūsų localhost'e: localhost:3000.

📘 PDF

Visų pamokų PDF rasite čia.

🎒 Kiti kursai

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

LangChain

---

Azure / Edge / MCP / Agents

---

Generatyvinio AI serija

---

Pagrindinis mokymasis

---

Copilot serija

Pagalbos gavimas

Jei įstringate ar turite klausimų apie AI programėlių kūrimą. Prisijunkite prie kitų mokinių ir patyrusių kūrėjų diskusijų apie MCP. Tai palaikanti bendruomenė, kurioje klausimai laukiami, o žinios dalijamasi laisvai.

Jei turite produktų atsiliepimų ar radote klaidų kūrimo metu, apsilankykite:

Licencija

Šis saugykla yra licencijuota pagal MIT licenciją. Daugiau informacijos rasite faile LICENSE.

---

Atsakomybės atsisakymas:
Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, atkreipkite dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas gimtąja kalba laikomas autoritetingu šaltiniu. Svarbios informacijos atveju rekomenduojamas profesionalus žmogaus vertimas. Mes neatsakome už jokius nesusipratimus ar neteisingus aiškinimus, kylančius dėl šio vertimo naudojimo.