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, atliekant praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosminiai žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą naudojant mūsų veiksmingą projektinį mokymosi metodą. Pradėkite savo programavimo kelionę jau šiandien!

Prisijunkite prie Azure AI Foundry Discord bendruomenės

Laikykitės šių žingsnių, kad pradėtumėte naudotis šiomis priemonėmis:

1. Padarykite šaką (fork) šio 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 kolegomis 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 lokaliai?

Ši saugykla apima daugiau nei 50 kalbų vertimų, kurie žymiai padidina parsisiuntimo dydį. 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 suteikia jums viską, ko reikia kursui įgyvendinti, su daug greitesniu atsisiuntimu.

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

🧑‍🎓 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 įsidėti į žymes ir kartkartėmis lankytis, nes mes kas mėnesį keičiamės 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 įvykdyti naudodami GitHub Copilot ir Agent režimą. Jei dar nenaudojote Agent režimo, jis gali ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir dar daugiau.

📣 Pranešimas - Naujas projektas, kuriam kurti naudojama Generatyvioji AI

Naujas AI asistento projektas ką tik pridėtas, peržiūrėkite jį projekte

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

Nepraleiskite mūsų naujos Generatyviosios AI mokymo programos!

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

• Pamokos aprėpia viską nuo pagrindų iki RAG.
• Bendraukite su istorinėmis asmenybėmis naudodami GenAI ir mūsų lydinčią programėlę.
• Smagi ir įtraukianti istorija, keliaukite laiku!

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

• Užklausų kūrimas ir jų tobulinimas
• Teksto ir vaizdo programų generavimas
• Paieškos programos

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

🌱 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 priešpaskaitinės viktorinos ir sekite toliau studijuodami paskaitos medžiagą, atlikdami įvairias veiklas ir tikrinkite supratimą po paskaitos viktorinoje.

Kad pagerintumėte mokymosi patirtį, susisiekite su bendraamžiais ir dirbkite kartu prie projektų! Skatiname diskusijas mūsų diskusijų forume, kur mūsų moderatoriai bus pasiruošę atsakyti į jūsų klausimus.

Tolimesniam mokymuisi labai rekomenduojame apsilankyti Microsoft Learn, kur rasite papildomų mokymosi medžiagų.

📋 Aplinkos nustatymas

Ši mokymo programa turi paruoštą vystymo aplinką! Pradėdami galite pasirinkti paleisti programą Codespace aplinkoje (naršyklėje, be jokių įdiegimų), arba lokaliai savo kompiuteryje naudodami teksto redaktorių, pavyzdžiui, Visual Studio Code.

Sukurkite savo saugyklą

Norint patogiai išsaugoti savo darbą, rekomenduojama sukurti savo kopiją šios saugyklos. Tai galite padaryti spustelėję mygtuką Use this template puslapio viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje su mokymo programos kopija.

Laikykitės šių žingsnių:

1. Padarykite šaką (fork) saugyklos: spustelėkite mygtuką "Fork" šio puslapio viršutiniame dešiniajame kampe.
2. Klonuokite saugyklą: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Mokymo programos paleidimas Codespace

Jūsų sukurtame saugyklos kopijoje spustelėkite mygtuką Code ir pasirinkite Open with Codespaces. Tai sukurs naują Codespace, kuriame galėsite dirbti.

Mokymo programos paleidimas lokaliai kompiuteryje

Norėdami paleisti šią mokymo programą lokaliai, jums reikės teksto redaktoriaus, naršyklės ir komandinės eilutės įrankio. Pirmoji mūsų pamoka, Įvadas į programavimo kalbas ir įrankius, supažindins jus su įvairiais šių įrankių pasirinkimais, kad galėtumėte pasirinkti tinkamiausius.

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

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

   CodeSpace Tada atidarykite Terminalą Visual Studio Code programoje ir paleiskite š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 klonuotą aplanką.

Rekomenduojami Visual Studio Code plėtiniai:

• Live Server - norint peržiūrėti HTML puslapius Visual Studio Code viduje
• Copilot - kad padėtų greičiau rašyti kodą

📂 Kiekviena pamoka apima:

• pasirinktinę eskizo užrašą
• pasirinktinį papildomą vaizdo įrašą
• priešpamokinį apšilimo testą
• rašytinę pamoką
• projektinėms pamokoms - žingsnis po žingsnio gaires, kaip sukurti projektą
• žinių tikrinimus
• 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 kiekviename. Jie pasiekiami čia, testų programėlę galima paleisti vietoje arba diegti į Azure; vadovaukitės quiz-app aplanko instrukcijomis.

🗃️ Pamokos

	Projekto pavadinimas	Mokomi konceptai	Mokymosi tikslai	Susieta pamoka	Autorius
01	Pradžia	Programavimo ir darbo įrankių įvadas	Sužinoti pagrindus, kurie yra daugumos programavimo kalbų pagrindas, bei apie programinę įrangą, padedančią profesionaliems kūrėjams	Programavimo kalbų ir darbo įrankių įvadas	Jasmine
02	Pradžia	GitHub pagrindai, darbas komandoje	Kaip naudoti GitHub projekte, kaip bendradarbiauti su kitais ties kodo baze	GitHub įvadas	Floor
03	Pradžia	Prieinamumas	Sužinokite 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 valdyti programos logiką	Funkcijos ir metodai	Jasmine ir Christopher
06	JS pagrindai	Sprendimų priėmimas naudojant JS	Kaip kurti sąlygas savo kode naudojant sprendimų priėmimo metodus	Sprendimų priėmimas	Jasmine
07	JS pagrindai	Masyvai ir ciklai	Dirbkite su duomenimis naudodami masyvus ir ciklus JavaScript	Masyvai ir ciklai	Jasmine
08	Terariumas	HTML praktikoje	Sukurkite HTML, kad pastatytumėte internetinį terariumą, sutelkdami dėmesį į išdėstymo kūrimą	HTML įvadas	Jen
09	Terariumas	CSS praktikoje	Sukurkite CSS stilizuoti internetiniam terariumui, sutelkite dėmesį į CSS pagrindus, įskaitant puslapio prisitaikymą	CSS įvadas	Jen
10	Terariumas	JavaScript uždarymai, DOM manipuliacija	Sukurkite JavaScript, kad terariumas veiktų kaip vilkimo/nuleidimo sąsaja, sutelkite dėmesį į uždarymus ir DOM manipuliaciją	JavaScript uždarymai, DOM manipuliacija	Jen
11	Rašymo žaidimas	Kurkite rašymo žaidimą	Sužinokite, kaip naudoti klaviatūros įvykius valdyti JavaScript programos logiką	Įvykių varomas programavimas	Christopher
12	Žalioji naršyklės plėtinys	Darbas su naršyklėmis	Sužinokite, kaip veikia naršyklės, jų istoriją, ir kaip kurti 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 lokaliai	Sukurkite JavaScript elementus savo naršyklės plėtiniui, kad kviestų API, naudojant lokaliai saugomus kintamuosius	API, formos ir lokalus saugojimas	Jen
14	Žalioji naršyklės plėtinys	Naršyklės foniniai procesai, interneto našumas	Naudokite naršyklės foninius procesus valdyti plėtinio ikoną; sužinokite apie interneto našumą ir optimizavimo būdus	Foniniai uždaviniai ir našumas	Jen
15	Kosminis žaidimas	Pažangesnis žaidimų kūrimas naudojant JavaScript	Sužinokite apie paveldėjimą naudojant tiek klases, tiek kompoziciją ir Pub/Sub modelį, ruošiantis kurti žaidimą	Pažangaus žaidimų kūrimo įvadas	Chris
16	Kosminis žaidimas	Piešimas drobėje	Sužinokite apie drobės API, naudojamą elementams piešti ekrane	Piešimas drobėje	Chris
17	Kosminis žaidimas	Judančių elementų valdymas	Sužinokite, kaip elementai juda naudodami Dekarto koordinates ir drobės API	Judantys elementai	Chris
18	Kosminis žaidimas	Susidūrimų aptikimas	Padarykite, kad elementai susidurtų ir reaguotų vienas į kitą naudojant klavišų paspaudimus ir įveskite atsigavimo funkciją	Susidūrimų aptikimas	Chris
19	Kosminis žaidimas	Taškų skaičiavimas	Atlikite matematinius skaičiavimus, remdamiesi žaidimo būsena ir rezultata	Taškų skaičiavimas	Chris
20	Kosminis žaidimas	Žaidimo pabaiga ir paleidimas iš naujo	Sužinokite apie žaidimo pabaigą ir paleidimą iš naujo, įskaitant išteklių valymą ir kintamųjų reikšmių iš naujo nustatymą	Pabaigos sąlyga	Chris
21	Bankų programa	HTML šablonai ir maršrutai interneto programoje	Sužinokite, kaip kurti kelių puslapių svetainės architektūrą, naudodami maršrutizaciją ir HTML šablonus	HTML šablonai ir maršrutai	Yohan
22	Bankų programa	Prisijungimo ir registracijos formos kūrimas	Sužinokite apie formų kūrimą ir validacijos vykdymą	Formos	Yohan
23	Bankų programa	Duomenų gavimo ir naudojimo metodai	Kaip duomenys juda jūsų programoje, kaip juos gauti, saugoti ir pašalinti	Duomenys	Yohan
24	Bankų programa	Būsenos valdymo konceptai	Sužinokite, kaip programa išlaiko būseną ir kaip ją valdyti programiškai	Būsenos valdymas	Yohan
25	Naršyklė/VScode kodas	Darbas su VScode	Sužinokite, kaip naudoti kodo redaktorių	Naudojant VScode kodo redaktorių	Chris
26	AI asistento projektas	Darbas su AI	Sužinokite, kaip sukurti savo AI asistentą	AI asistento projektas	Chris

🏫 Pedagogika

Mūsų mokymo programa sukurta remiantis dviem pagrindiniais pedagoginiais principais:

• mokymasis per projektus
• dažni testai

Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių šiandieninių žiniatinklio kūrėjų naudojamų įrankių ir technikų. Studentai turės galimybę įgyti praktinių įgūdžių, kurdami rašymo žaidimą, virtualų terariumą, ekologiškos naršyklės plėtinį, kosminio invazijos stiliaus žaidimą ir verslo paskyrų programėlę. Baigę šį ciklą, studentai turės tvirtas žinias apie interneto kūrimą.

🎓 Pirmąsias kelias pamokas šiame kurse galite atlikti kaip Mokymosi kelionę Microsoft Learn platformoje!

Užtikrinant, kad turinys atitiktų projektus, mokymosi procesas tampa įdomesnis studentams, o koncepcijų išlaikymas pagerėja. Taip pat parašėme keletą pradinių pamokų apie JavaScript pagrindus, kad pristatytume koncepcijas, kartu su vaizdo įrašu iš „Pradedančiųjų serija apie JavaScript“ vaizdo pamokų kolekcijos, kurių kai kurie autoriai prisidėjo prie šio kurso.

Be to, lengvas testas prieš klasę nukreipia mokinio dėmesį į mokymąsi, o antras testas po pamokos užtikrina geresnį informacijos įsisavinimą. Ši mokymo programa sukurta būti lanksti ir smagi, ją galima išlaikyti visą arba dalį. Projektai prasideda nuo paprastų ir sudėtingėja per 12 savaičių ciklą.

Nors tyčia vengėme pristatyti JavaScript karkasus, kad sutelktume dėmesį į pagrindinius interneto kūrėjo įgūdžius prieš pereinant prie karkaso, kitas geras žingsnis po šio kurso būtų mokytis apie Node.js per kitą vaizdo įrašų rinkinį: „Pradedančiųjų serija apie Node.js“.

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

🧭 Nuotolinis prieinamumas

Šią dokumentaciją galite naudoti ir be interneto naudodami Docsify. Išsišakokite šį saugyklą, įdiekite Docsify savo vietiniame kompiuteryje, tada šios saugyklos šakninėje direktorijoje įveskite docsify serve. Svetainė bus patiekiama prievade 3000 jūsų kompiuteryje: localhost:3000.

📘 PDF

Visų pamokų PDF versiją rasite čia.

🎒 Kiti kursai

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

LangChain

Azure / Edge / MCP / Agentai

---

Generatyvinės AI serija

---

Pagrindinis mokymasis

---

Copilot serija

Gaukite pagalbos

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

Jei turite atsiliepimų apie produktą arba aptinkate klaidų kūrimo metu, apsilankykite:

Licencija

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

---

Atraja:
Šis dokumentas buvo išverstas pasitelkus dirbtinio intelekto vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Pirminis dokumentas originalia kalba laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojama naudoti profesionalų žmogaus vertimą. Mes neatsakome už bet kokius nesusipratimus ar neteisingus aiškinimus, kylantčius dėl šio vertimo naudojimo.