Web-Dev-For-Beginners/translations/lt

Vadovaukitės šiais žingsniais, kad pradėtumėte naudotis šiais ištekliais:

1. Fork'uokite saugyklą: 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

Interneto kūrimas pradedantiesiems – mokymo programa

Išmokite interneto kūrimo pagrindus per 12 savaičių išsamią kursų programą, kurią parengė Microsoft Cloud Advocates. Kiekviena iš 24 pamokų apima JavaScript, CSS ir HTML 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ą naudodamiesi mūsų efektyvia projektų pagrindu paremta pedagogika. Pradėkite savo programavimo kelionę jau šiandien!

🌐 Daugiakalbė parama

Palaikoma per GitHub Action (automatizuota ir visada atnaujinama)

Prancūzų | Ispanų | Vokiečių | Rusų | Arabų | Persų (Farsi) | Urdu | Kinų (supaprastinta) | Kinų (tradicinė, Makao) | Kinų (tradicinė, Honkongas) | Kinų (tradicinė, Taivanas) | Japonų | Korėjiečių | Hindi | Bengalų | Maratų | Nepalų | Pandžabų (Gurmukhi) | Portugalų (Portugalija) | Portugalų (Brazilija) | Italų | Lenkų | Turkų | Graikų | Tajų | Švedų | Danų | Norvegų | Suomių | Olandų | Hebrajų | Vietnamiečių | Indoneziečių | Malajų | Tagalogų (Filipinų) | Svahilių | Vengrų | Čekų | Slovakų | Rumunų | Bulgarų | Serbų (kirilica) | Kroatų | Slovėnų | Ukrainiečių | Birmos (Mianmaras)

Jei norite, kad būtų palaikomos papildomos kalbos, sąrašą rasite čia

🧑‍🎓 Esate studentas?

Apsilankykite Studentų centro puslapyje, kur rasite pradedančiųjų išteklius, studentų paketus ir net būdus, kaip gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta pažymėti ir reguliariai tikrinti, nes turinys keičiamas kas mėnesį.

📣 Pranešimas - Naujas projektas sukurti naudojant generatyvinį DI

Pridėtas naujas DI asistentas projektas, peržiūrėkite projektą

📣 Pranešimas - Nauja mokymo programa apie generatyvinį DI JavaScript'e

Nepraleiskite mūsų naujos generatyvinio DI mokymo programos!

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

• Pamokos nuo pagrindų iki RAG.
• Sąveikaukite su istoriniais veikėjais naudodami GenAI ir mūsų pagalbinę programėlę.
• Smagi ir įtraukianti istorija, keliausite laiku!

Kiekviena pamoka apima užduotį, žinių patikrinimą ir iššūkį, padedantį išmokti tokias temas kaip:

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

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

🌱 Pradžia

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

Mokiniams, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos, perskaitykite paskaitos medžiagą, atlikite įvairias veiklas ir patikrinkite savo supratimą po paskaitos viktorinoje.

Norėdami pagerinti mokymosi patirtį, bendraukite su bendraamžiais ir dirbkite kartu prie projektų! Diskusijos skatinamos mūsų diskusijų forume, kur mūsų moderatorių komanda atsakys į jūsų klausimus.

Norėdami toliau gilinti žinias, labai rekomenduojame tyrinėti Microsoft Learn papildomai mokymosi medžiagai.

📋 Aplinkos nustatymas

Ši mokymo programa turi paruoštą kūrimo aplinką! Pradėdami galite pasirinkti vykdyti mokymo programą Codespace (naršyklėje veikianti aplinka, nereikalaujanti diegimo) arba vietoje savo kompiuteryje naudodami teksto redaktorių, pvz., Visual Studio Code.

Sukurkite savo saugyklą

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

Vadovaukitės šiais žingsniais:

1. Fork'uokite saugyklą: Spustelėkite mygtuką „Fork“ puslapio viršutiniame dešiniajame kampe.
2. Klonuokite saugyklą: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Mokymo programos vykdymas Codespace

Savo sukurtoje šios saugyklos kopijoje spustelėkite mygtuką Code ir pasirinkite Open with Codespaces. Tai sukurs naują Codespace, kuriame galėsite dirbti.

Mokymo programos vykdymas vietoje savo kompiuteryje

Norėdami vykdyti šią mokymo programą vietoje savo kompiuteryje, 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 įvairiomis šių įrankių parinktimis, kad galėtumėte pasirinkti, kas jums geriausiai tinka.

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

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

   CodeSpace

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

Rekomenduojami Visual Studio Code plėtiniai:

• Live Server – peržiūrėti HTML puslapius Visual Studio Code
• Copilot – padeda greičiau rašyti kodą

📂 Kiekviena pamoka apima:

• pasirenkamą eskizą
• pasirenkamą papildomą vaizdo įrašą
• prieš pamoką skirtą apšilimo viktoriną
• rašytinę pamoką
• projektų pagrindu paremtoms pamokoms – žingsnis po žingsnio vadovus, kaip sukurti projektą
• žinių patikrinimus
• iššūkį
• papildomą skaitymą
• užduotį
• po pamokos viktoriną

Pastaba apie viktorinas: Visos viktorinos yra aplanke „Quiz-app“, iš viso 48 viktorinos, kiekviena po tris klausimus. Jas galite rasti čia. Viktorinų programą galima paleisti lokaliai arba įdiegti „Azure“; sekite instrukcijas aplanke quiz-app.

🗃️ Pamokos

	Projekto pavadinimas	Mokomos sąvokos	Mokymosi tikslai	Susieta pamoka	Autorius
01	Pradžia	Įvadas į programavimą ir darbo įrankius	Sužinokite pagrindinius programavimo kalbų principus ir apie programinę įrangą, kuri padeda profesionaliems programuotojams atlikti savo darbą	Įvadas į programavimo kalbas ir darbo įrankius	Jasmine
02	Pradžia	GitHub pagrindai, įskaitant darbą komandoje	Kaip naudoti GitHub savo projekte, kaip bendradarbiauti su kitais kodų bazėje	Įvadas į GitHub	Floor
03	Pradžia	Prieinamumas	Sužinokite pagrindinius interneto prieinamumo principus	Prieinamumo pagrindai	Christopher
04	JS pagrindai	JavaScript duomenų tipai	JavaScript duomenų tipų pagrindai	Duomenų tipai	Jasmine
05	JS pagrindai	Funkcijos ir metodai	Sužinokite apie funkcijas ir metodus, kurie padeda valdyti programos logikos eigą	Funkcijos ir metodai	Jasmine ir Christopher
06	JS pagrindai	Sprendimų priėmimas su JS	Sužinokite, kaip kurti sąlygas savo kode naudojant sprendimų priėmimo metodus	Sprendimų priėmimas	Jasmine
07	JS pagrindai	Masyvai ir ciklai	Darbas su duomenimis naudojant masyvus ir ciklus JavaScript	Masyvai ir ciklai	Jasmine
08	Terariumas	HTML praktikoje	Sukurkite HTML, kad sukurtumėte internetinį terariumą, daugiausia dėmesio skiriant išdėstymo kūrimui	Įvadas į HTML	Jen
09	Terariumas	CSS praktikoje	Sukurkite CSS, kad stilizuotumėte internetinį terariumą, daugiausia dėmesio skiriant CSS pagrindams, įskaitant puslapio pritaikymą įvairiems įrenginiams	Įvadas į CSS	Jen
10	Terariumas	JavaScript uždarymai, DOM manipuliacija	Sukurkite JavaScript, kad terariumas veiktų kaip vilkimo/nuleidimo sąsaja, daugiausia dėmesio skiriant uždarymams ir DOM manipuliacijai	JavaScript uždarymai, DOM manipuliacija	Jen
11	Rašymo žaidimas	Sukurkite rašymo žaidimą	Sužinokite, kaip naudoti klaviatūros įvykius, kad valdytumėte savo JavaScript programos logiką	Įvykių valdomas programavimas	Christopher
12	Žalias naršyklės plėtinys	Darbas su naršyklėmis	Sužinokite, kaip veikia naršyklės, jų istoriją ir kaip sukurti pirmuosius naršyklės plėtinio elementus	Apie naršykles	Jen
13	Žalias naršyklės plėtinys	Formos kūrimas, API kvietimas ir kintamųjų saugojimas vietinėje saugykloje	Sukurkite JavaScript elementus savo naršyklės plėtiniui, kad galėtumėte kviesti API naudojant vietinėje saugykloje saugomus kintamuosius	API, formos ir vietinė saugykla	Jen
14	Žalias naršyklės plėtinys	Fono procesai naršyklėje, interneto našumas	Naudokite naršyklės fono procesus, kad valdytumėte plėtinio piktogramą; sužinokite apie interneto našumą ir kai kurias optimizacijas	Fono užduotys ir našumas	Jen
15	Kosmoso žaidimas	Pažangesnis žaidimų kūrimas su JavaScript	Sužinokite apie paveldėjimą naudojant klases ir kompoziciją bei Pub/Sub modelį, ruošiantis žaidimo kūrimui	Įvadas į pažangų žaidimų kūrimą	Chris
16	Kosmoso žaidimas	Piešimas ant drobės	Sužinokite apie Canvas API, naudojamą elementams piešti ekrane	Piešimas ant drobės	Chris
17	Kosmoso žaidimas	Elementų judėjimas ekrane	Sužinokite, kaip elementai gali judėti naudojant Dekarto koordinates ir Canvas API	Elementų judėjimas	Chris
18	Kosmoso žaidimas	Susidūrimų aptikimas	Padarykite, kad elementai susidurtų ir reaguotų vienas į kitą naudojant klavišų paspaudimus, ir suteikite atvėsimo funkciją, kad užtikrintumėte žaidimo našumą	Susidūrimų aptikimas	Chris
19	Kosmoso žaidimas	Taškų skaičiavimas	Atlikite matematinius skaičiavimus pagal žaidimo būseną ir našumą	Taškų skaičiavimas	Chris
20	Kosmoso ž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ų atstatymą	Pabaigos sąlyga	Chris
21	Banko programa	HTML šablonai ir maršrutai interneto programoje	Sužinokite, kaip sukurti daugiapusės svetainės architektūros karkasą naudojant maršrutizavimą ir HTML šablonus	HTML šablonai ir maršrutai	Yohan
22	Banko programa	Prisijungimo ir registracijos formos kūrimas	Sužinokite apie formų kūrimą ir validacijos rutinų valdymą	Formos	Yohan
23	Banko programa	Duomenų gavimo ir naudojimo metodai	Kaip duomenys teka į jūsų programą ir iš jos, kaip juos gauti, saugoti ir ištrinti	Duomenys	Yohan
24	Banko programa	Būsenos valdymo sąvokos	Sužinokite, kaip jūsų 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žinokite, kaip naudoti kodo redaktorių	Naudokite VScode kodo redaktorių	Chris
26	AI asistentai	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:

• projektinis mokymasis
• dažnos viktorinos

Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir technikų, kurias naudoja šiuolaikiniai interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kurdami rašymo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, kosmoso invazijos stiliaus žaidimą ir banko programą verslui. Baigę kursą, studentai turės tvirtą interneto kūrimo supratimą.

🎓 Pirmąsias kelias pamokas iš šios mokymo programos galite rasti kaip mokymosi kelią „Microsoft Learn“!

Užtikrinant, kad turinys atitiktų projektus, procesas tampa įdomesnis studentams, o sąvokų išlaikymas bus sustiprintas. Taip pat sukūrėme kelias pradedančiųjų pamokas apie JavaScript pagrindus, kad supažindintume su sąvokomis, kartu su vaizdo įrašu iš "Pradedančiųjų serija: JavaScript" vaizdo pamokų kolekcijos, kurių kai kurie autoriai prisidėjo prie šios mokymo programos.

Be to, mažos rizikos viktorina prieš pamoką nustato studento ketinimą mokytis temos, o antra viktorina po pamokos užtikrina geresnį išlaikymą. Ši mokymo programa buvo sukurta taip, kad būtų lanksti ir įdomi, ją galima mokytis visą arba dalimis. Projektai prasideda nuo mažų ir tampa vis sudėtingesni iki 12 savaičių ciklo pabaigos.

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

Apsilankykite mūsų Elgesio kodekse ir Prisidėjimo gairėse. Laukiame jūsų konstruktyvios nuomonės!

🧭 Prieiga neprisijungus

Šią dokumentaciją galite paleisti neprisijungus naudodami Docsify. Fork'inkite šį repozitoriją, įdiekite Docsify savo vietiniame kompiuteryje, o tada pagrindiniame šio repozitorijos aplanke įveskite docsify serve. Svetainė bus paleista 3000 prievade jūsų vietiniame kompiuteryje: localhost:3000.

📘 PDF

PDF su visomis pamokomis galite rasti čia.

🎒 Kiti kursai

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

• Generatyvinis AI pradedantiesiems
• Generatyvinis AI pradedantiesiems .NET
• Generatyvinis AI su JavaScript
• Generatyvinis AI su Java
• AI pradedantiesiems
• Duomenų mokslas pradedantiesiems
• ML pradedantiesiems
• Kibernetinis saugumas pradedantiesiems
• Interneto kūrimas pradedantiesiems
• IoT pradedantiesiems
• XR kūrimas pradedantiesiems
• GitHub Copilot įvaldymas agentiniam naudojimui
• GitHub Copilot įvaldymas C#/.NET kūrėjams
• Pasirinkite savo Copilot nuotykį

Pagalbos gavimas

Jei susiduriate su sunkumais ar turite klausimų apie AI programų kūrimą, prisijunkite:

Jei turite atsiliepimų apie produktą arba susiduriate su klaidomis kūrimo metu, apsilankykite:

Licencija

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

---

Atsakomybės atsisakymas:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Dėl svarbios informacijos rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar neteisingus aiškinimus, atsiradusius naudojant šį vertimą.