Web-Dev-For-Beginners/translations/lt

Svetainių kūrimas pradedantiesiems - Mokymo programa

Išmokite svetainių kūrimo pagrindų su mūsų 12 savaičių išsamia programa, kurią rengia Microsoft Cloud Advocates. Kiekvienas iš 24 pamokų gilinsis į JavaScript, CSS ir HTML mokymąsi per praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosminiai žaidimai. Dalyvaukite viktorinose, diskusijose ir praktinėse užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą su mūsų veiksminga projektine pedagogika. Pradėkite savo programavimo kelionę jau šiandien!

Prisijunkite prie Azure AI Foundry Discord bendruomenės

Atlikite šiuos veiksmus, kad pradėtumėte naudoti šiuos išteklius:

1. Padarykite šio failo šaką (Fork the Repository): Spustelėkite
2. Klonuokite saugyklą (Clone the 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 kūrėjais

🌐 Daugialypė kalbų 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

Pirmenybę teikiate vietiniam klonavimui?

Ši saugykla apima daugiau nei 50 kalbų vertimų, todėl žymiai padidėja atsisiuntimo dydis. Norėdami klonuoti be vertimų, naudokite retą atsiskaitymą (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 suteikia viską, ko reikia kursui užbaigti, su žymiai greitesniu atsisiuntimu.

Jei norite, kad būtų palaikomos papildomos vertimų kalbos, jų sąrašas pateiktas čia

🧑‍🎓 Ar esate studentas?

Aplankykite Studentų centro puslapį, kur rasite pradedančiųjų išteklius, studentų paketus ir net būdus gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta pažymėti ir laikas nuo laiko peržiūrėti, nes kas mėnesį atnaujiname turinį.

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

Pridėtas naujas iššūkis, ieškokite „GitHub Copilot Agent Challenge 🚀“ daugelyje skyrių. Tai naujas iššūkis, kurį įveikti galite naudodami GitHub Copilot ir Agent režimą. Jei dar nesinaudojote Agent režimu, jis gali ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir daugiau.

📣 Pranešimas - Naujas Projektas, kuriam kurti naudojama Generatyvioji DI

Naujas AI asistentas projektas ką tik pridėtas, peržiūrėkite jį projekto puslapyje

📣 Pranešimas - Nauja Mokymo programa Generatyvajai DI JavaScript kalbai ką tik išleista

Nepraleiskite mūsų naujos Generatyviosios DI mokymo programos!

Aplankykite https://aka.ms/genai-js-course, kad pradėtumėte!

• Pamokos apima viską nuo pagrindų iki RAG.
• Bendraukite su istorinių personažų personažais naudodami GenAI ir mūsų companion programėlę.
• Smagi ir įtraukianti naratyvinė istorija, keliausite laiku!

Kiekviena pamoka apima užduotį, kurią reikia įvykdyti, žinių patikrinimą ir iššūkį, kurie padės jums išmokti tokių temų kaip:

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

Aplankykite https://aka.ms/genai-js-course, kad pradėtumėte!

🌱 Pradžia

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

Mokiniai, kiekvienai pamokai pradėkite nuo pradinės viktorinos ir toliau skaitykite paskaitos medžiagą, atlikite įvairias veiklas ir patikrinkite supratimą po paskaitos viktorinoje.

Kad pagerintumėte mokymosi patirtį, susisiekite su savo bendraamžiais, kad kartu dirbtumėte prie projektų! Diskusijos yra skatinamos mūsų diskusijų forume, kur mūsų moderatorių komanda bus pasirengusi atsakyti į jūsų klausimus.

Siekiant toliau plėsti žinias, primygtinai rekomenduojame patikrinti Microsoft Learn dėl papildomų mokymosi medžiagų.

📋 Aplinka paruošimas

Ši mokymo programa turi paruoštą plėtros aplinką! Pradėdami galite rinktis vykdyti mokymo programą Codespace aplinkoje (naršyklėje veikianti aplinka, nereikalaujanti diegimų), arba vietiniame kompiuteryje naudodami teksto redaktorių, pvz., Visual Studio Code.

Sukurkite savo saugyklą

Kad lengvai išsaugotumėte savo darbą, rekomenduojama susikurti savo šios saugyklos kopiją. Tai galite padaryti paspaudę mygtuką Use this template puslapio viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje, kur bus mokymo programos kopija.

Atlikite šiuos veiksmus:

1. Padarykite Saugyklos šaką (Fork the Repository): Spustelėkite mygtuką „Fork“ puslapio viršutiniame dešiniajame kampe.
2. Klonuokite Saugyklą (Clone the Repository): git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Mokymo programos vykdymas Codespace aplinkoje

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

Mokymo programos vykdymas vietoje savo kompiuteryje

Norėdami paleisti šią mokymo programą savo kompiuteryje vietoje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Mūsų pirmoji pamoka, Įvadas į programavimo kalbas ir darbo įrankius, jus supažindins su įvairiomis šių įrankių alternatyvomis, kad galėtumėte pasirinkti jums tinkamiausią.

Mūsų rekomendacija – naudoti Visual Studio Code kaip redaktorių, kuris taip pat turi įmontuotą Terminalą. Visual Studio Code galite atsisiųsti čia.

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

   CodeSpace Tada atidarykite Terminalą Visual Studio Code viduje ir paleiskite šią komandą, pakeisdami <your-repository-url> su ką tik nukopijuotu 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ą

📂 Kiekviena pamoka apima:

• neprivalomą eskizo užrašą
• neprivalomą papildomą vaizdo įrašą
• priešpamokinį šildymo testą
• rašytinę pamoką
• projektams skirtose pamokose – žingsnis po žingsnio gidus, kaip sukurti projektą
• žinių patikrinimus
• iššūkį
• papildomą skaitymą
• užduotį
• po pamokos testą

Pastaba apie testus: Visi testai yra Quiz-app aplanke, iš viso 48 testai po tris klausimus. Jie prieinami čia, testo programą galima paleisti vietoje arba išdiegti į Azure; sekite instrukcijas quiz-app aplanke.

🗃️ Pamokos

	Projekto pavadinimas	Mokomos sąvokos	Mokymosi tikslai	Susieta pamoka	Autorius
01	Pradžia	Programavimo ir darbo su įrankiais įvadas	Sužinoti pagrindus, kurie yra bendri daugeliui programavimo kalbų bei sužinoti apie programinę įrangą, kuri padeda profesionaliems kūrėjams dirbti	Programavimo kalbų ir įrankių įvadas	Jasmine
02	Pradžia	GitHub pagrindai, darbas su komanda	Kaip naudoti GitHub projekte, kaip bendradarbiauti su kitais dirbant su kodo baze	GitHub įvadas	Floor
03	Pradžia	Prieinamumas	Sužinoti apie 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 srautus	Funkcijos ir metodai	Jasmine ir Christopher
06	JS Pagrindai	Sprendimų priėmimas su JS	Išmokti kurti sąlygas naudojant sprendimų priėmimo metodus	Sprendimų priėmimas	Jasmine
07	JS Pagrindai	Masyvai ir ciklai	Dirbti su duomenimis naudojant masyvus ir ciklus JavaScripte	Masyvai ir ciklai	Jasmine
08	Terrarium	Praktinis HTML	Kurti HTML formą internetiniam terariumui, dėmesys skiriamas išdėstymo kūrimui	Įvadas į HTML	Jen
09	Terrarium	Praktinis CSS	Kurti CSS, kad suformuotumėte terariumą, dėmesys skiriamas CSS pagrindams ir puslapio prisitaikymui	Įvadas į CSS	Jen
10	Terrarium	JavaScript Uždarymai, DOM manipuliacija	Kurti JavaScript, kad terariumas funkcionuotų kaip vilkimo/paleidimo sąsaja, dėmesys uždaromųjų funkcijų ir DOM manipuliacijai	JavaScript uždarymai, DOM manipuliacija	Jen
11	Šrifto žaidimas	Kurti įvedimo žaidimą	Sužinoti, kaip naudoti klaviatūros įvykius valdyti JavaScript programos logiką	Įvykių palaikomas programavimas	Christopher
12	Žalioji naršyklės plėtinys	Naršyklės darbo principai	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	Formos kūrimas, API kvietimas ir kintamųjų saugojimas vietinėje atmintyje	Kurti naršyklės plėtinio JavaScript elementus, kviečiančius API naudojant kintamuosius iš vietinės atminties	API, formos ir vietinė atmintis	Jen
14	Žalioji naršyklės plėtinys	Naršyklės foniniai procesai, tinklapio našumo optimizavimas	Naudoti naršyklės fono procesus plėtinio ikonėlei valdyti; sužinoti apie tinklapio našumą ir optimizacijas	Fono užduotys ir našumas	Jen
15	Kosminis žaidimas	Pažengęs žaidimų kūrimas su JavaScript	Sužinoti apie paveldėjimą, naudojant klases ir kompoziciją, ir Pub/Sub modelį, ruošiantis kurti žaidimą	Pažangaus žaidimų kūrimo įvadas	Chris
16	Kosminis žaidimas	Piešimas ant drobės	Sužinoti apie Canvas API, naudojamą elementams ekrane piešti	Piešimas ant drobės	Chris
17	Kosminis žaidimas	Elementų judinimas ekrane	Atrasti, kaip elementai gali judėti naudojant kartetines koordinates ir Canvas API	Elementų judinimas	Chris
18	Kosminis žaidimas	Susidūrimo aptikimas	Padaryti, kad elementai susidurtų ir reaguotų vieni į kitus naudojant klavišų paspaudimus bei užtikrinti atšalimo funkciją žaidimo našumui	Susidūrimo aptikimas	Chris
19	Kosminis žaidimas	Taškų skaičiavimas	Atlikti matematikos skaičiavimus pagal žaidimo būseną ir našumą	Taškų skaičiavimas	Chris
20	Kosminis žaidimas	Žaidimo pabaiga ir paleidimas iš naujo	Sužinoti apie žaidimo pabaigą ir iš naujo paleidimą, įskaitant išteklių valymą 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 daugiapusio tinklalapio architektūrą naudojant maršrutizaciją ir HTML šablonus	HTML šablonai ir maršrutai	Yohan
22	Banko programa	Prisijungimo ir registracijos formos kūrimas	Sužinoti, kaip kurti formas ir valdyti patvirtinimo procedūras	Formos	Yohan
23	Banko programa	Duomenų užklausos ir naudojimo metodai	Kaip duomenys patenka į programą, kaip juos užklausti, saugoti ir ištrinti	Duomenys	Yohan
24	Banko programa	Valstybės valdymo sąvokos	Sužinoti, kaip programa išlaiko būseną ir kaip ją valdyti programuojant	Valstybės valdymas	Yohan
25	Naršyklės/VScode kodas	Darbas su VScode	Sužinoti, kaip naudotis kodo redaktoriumi	VScode kodo redaktoriaus naudojimas	Chris
26	AI asistentai	Darbas su AI	Sužinoti, kaip sukurti savo AI asistentą	AI asistento projektas	Chris

🏫 Pedagogika

Mūsų mokymo programa sukurta atsižvelgiant į du pagrindinius pedagoginius principus:

• mokymasis remiantis projektais
• dažni testai

Programoje mokoma JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir technikų, kurias naudoja šių dienų interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kuriant įvedimo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, kosminio invazijos stiliaus žaidimą ir bankų programą įmonėms. Baigus kursą, studentai bus įgiję tvirtą interneto kūrimo supratimą.

🎓 Pirmas kelias pamokas galite išmokti kaip Mokymosi kelią Microsoft Learn!

Užtikrinant, kad medžiaga būtų suderinta su projektais, procesas tampa patrauklesnis studentams, o sąvokų įsisavinimas padidėja. Taip pat parašėme keletą pradinio lygio pamokų JavaScript pagrindu, kurios įveda sąvokas, kartu su vaizdo įrašu iš "Pradedančiųjų serijos į JavaScript" vaizdo pamokų kolekcijos, kurios autoriai prisidėjo prie šios programos kūrimo.

Be to, žemas nemokamas testas prieš pamoką orientuoja studentus į mokymosi tikslą, o antras testas po pamokos užtikrina geresnį įsisavinimą. Ši programa buvo sukurta būti lanksti ir smagi, ją galima atlikti visą arba dalimis. Projektai pradžioje yra maži, o pabaigoje – vis sudėtingesni per 12 savaičių ciklą.

Nors sąmoningai vengėme pristatyti JavaScript karkasus, kad būtų galima susitelkti į pagrindinius įgūdžius, reikalingus interneto kūrėjui, prieš pradedant naudoti karkasus, kitas geras žingsnis baigiant šią programą būtų išmokti apie Node.js per kitą vaizdo įrašų kolekciją: "Pradedančiųjų serija į Node.js".

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

🧭 Vietinis prieinamumas

Galite naudoti šią dokumentaciją neprisijungę su Docsify. Nuklonuokite šį repo, įdiekite Docsify į savo vietinį įrenginį, o tada šiame repo šakniniame aplanke įveskite docsify serve. Svetainė bus prieinama per 3000 prievadą jūsų localhost: localhost:3000.

📘 PDF

Visų pamokų PDF rasite čia.

🎒 Kiti kursai

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

LangChain

---

Azure / Edge / MCP / Agentai

---

Generatyviosios AI serija

---

Pagrindinis mokymasis

---

Copilot serija

Pagalbos gavimas

Jei įstringate arba turite klausimų apie AI programėlių kūrimą, prisijunkite prie bendraminčių ir patyrusių kūrėjų diskusijų apie MCP. Tai palaikanti bendruomenė, kurioje klausimai yra laukiami, o žinios dalijamasi laisvai.

Jei turite produkto atsiliepimų ar pastebėjote klaidų kūrimo metu, apsilankykite:

Licencija

Šis saugykla yra licencijuota pagal MIT licenciją. Daugiau informacijos rasite 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 automatizuoti vertimai gali turėti klaidų ar netikslumų. Pirminis dokumentas originalia kalba turėtų būti laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojamas profesionalus žmogaus vertimas. Mes neprisiimame atsakomybės už bet kokius nesusipratimus ar klaidingus aiškinimus, kilusius dėl šio vertimo naudojimo.