JavaScript internetinis kursas. Profesionalus žiniatinklio sąsajų tobulinimas – nemokamas HTML akademijos kursas, mokymai 9 savaitės, data 2023 m. spalio 15 d.

1 skyrius „JavaScript“ įvadas
Pažiūrėkime, kaip kursas veikia, kokių įrankių jums reikės ir kaip juos nustatyti. Pažiūrėkime, kas yra „JavaScript“ kalba, įskaitant ECMAScript specifikaciją ir naršyklę.

Kaip veikia kursas? Organizaciniai reikalai.

Kurso darbo schema.
Projektų peržiūra.
Kokybės kriterijai.

JavaScript kalba

ECMAScript specifikacija.
Ką naršyklė suteikia JavaScript?

„JavaScript“ pagrindai.

Pagrindinė sintaksė: skliaustai, riestiniai skliaustai, operatoriai, rezervuoti žodžiai, komentarai.
Pagrindiniai blokai yra kintamieji ir funkcijos.
Primityvūs ir sudėtingi duomenų tipai.

Įrankiai.

Kodo redaktoriai.
Linters.
Kūrimo serveris.

2 skyrius Pagrindinės „JavaScript“ funkcijos
Pradėkime studijuoti pagrindines JavaScript konstrukcijas, ypač funkcijas. Pažvelkime į kintamųjų deklaravimo niuansus. Susipažinkime su kūrėjo įrankiais.

Kintamieji.

Matomumo zonos.

Sąlyginiai teiginiai.

Trečias operatorius.
Kelių pasirinkimų operatoriaus jungiklis.

Ciklai.

Aktoriai.

Funkcijos.

Rodyklės funkcijos.
Numatytieji funkcijos parametrai.

poilsio parametrai.

Kintamųjų ir funkcijų pakėlimas.

Įvadas į DevTools (kūrėjo įrankius).

3 skyrius Objektai ir masyvai
Skyrius be gyvų

Susipažinsite su sudėtingais duomenų tipais: masyvais ir objektais. Išmokite juos kurti ir valdyti.

Sudėtingi duomenų tipai.

Masyvai.

Pagrindiniai masyvo metodai.

Objektai.

Atšaukimai (atskambinimo funkcijos).

4 skyrius Integruoti objektai ir funkcijos
Pažvelkime į objektus ir funkcijas, kurie egzistuoja pačioje JavaScript kalboje. Palieskime šio vykdymo kontekstą. Paleiskite ir derinkime kodą kūrėjo įrankių konsolėje.

Destruktūrizavimas.

skleisti sintaksę.

Integruoti objektai ir jų metodai.

Styga.
Skaičius.
Būlio.
Data.
Matematika.

Operatorius naujas.

„JavaScript“ integruotos funkcijos.

Funkcijos kontekstas.

Raktažodis yra toks.
Aplinkos praradimas.

DevTools. Naudojant konsolę.

5 skyrius Kodo organizavimas
Pažvelkime į apimčių sąvoką. Aptarkime DRY principą (nekartokite savęs) ir kaip jį panaudoti norint parašyti mažiau kodo ir vis tiek nuveikti daugiau. Sužinokime, kas yra moduliai ir kaip juose „sulaužyti“ kodą; Kas yra įėjimo taškas?

Matomumo zonos.

Pasaulinė lango apimtis.
Uždarymai

Moduliškumas.

Kodo pakartotinis naudojimas, DRY principas.
Modulio samprata.
Įėjimo taškas.
ECMAScript moduliai, importo ir eksporto sintaksė.

DevTools: kodo derinimas naudojant šaltinius.

6 skyrius DOM ir įvykiai
Skyrius be gyvų

Susipažinsite su dokumento objekto modeliu. Dokumento objekto modelis arba DOM). Apsvarstykite, kaip apibūdinti reakcijas į vartotojo veiksmus: teksto įvedimą, tam tikrų elementų paspaudimą, slinkimą ir kt.

DOM medis.

dokumentas yra visa ko pagrindas.
DOM medžio struktūra.
Ieškokite elementų puslapyje.
Elementų atributų valdymas.

Šablonai ir duomenys.

Įvykiai puslapyje.

Renginių vedėjai.

7 skyrius. Manipuliavimas DOM
Pabandykime kurti, ištrinti, perkelti ir manipuliuoti DOM elementais. Naudodami šablonus nubraižysime anksčiau sukurtus duomenis.

DOM medžio valdymas.

DOM elemento atributų valdymas.
Elementų perkėlimas DOM medyje.

DOM elementų kūrimo metodai.

DOM objektų kūrimas.
Žymėjimo valdymas: pridėti, pridėti, įterpti šalia esantįHTML, innerHTML, teksto turinį.

Šablonas.

Eilučių šablonas (šablono eilutės).
Speciali žyma

8 skirsnis Darbas su įvykiais
Vartotojo sąveiką tvarkysime taip, kad puslapis reaguotų į teksto įvedimą į formas, tam tikrų elementų paspaudimą, slinkimą ir pan. Pažiūrėkime, kaip padaryti šią sąveiką prieinamą.

Renginiai.

Įvykio objektas, įvykių valdymas: preventDefault ir stopPropagation.
Renginio etapai ir delegavimas.
Klaviatūros įvykiai ir pasiekiamumas.

Renginio kilpa.

Formos patvirtinimas.

Pristine yra formos patvirtinimo biblioteka.

Patvirtinimas naudojant reguliariąsias išraiškas.

DevTools: Elementų (inspektoriaus) galimybės darbui su DOM ir įvykiais.

9 skyrius Išorinės API ir trečiųjų šalių bibliotekos
Pažiūrėkime, kaip „neparašyti savo dviračio“, o pakartotinai panaudoti kažkieno patirtį ir kodą. Susipažinkime su programinės įrangos sąsajos samprata. Programų programavimo sąsaja arba API), apsvarstykite trečiųjų šalių „JavaScript“ bibliotekų API ir žemėlapių paslaugų JavaScript API. Trumpai pažvelkime į API, kurias naršyklė teikia kūrėjams.

API samprata.

Žemėlapių paslaugos ir jų „JavaScript“ API.

OpenStreetMap.
Lankstinukas.

Trečiųjų šalių bibliotekos.

Kodėl reikalingos bibliotekos?
Kaip prisijungti prie projekto.
noUiSlider.

Naršyklės API apžvalga.

10 skirsnis Tinklas
Skyrius be gyvų

Pažiūrėsite į HTTP protokolą ir JSON duomenų formatą patys. Apsvarstykite, kaip keičiasi vartotojo sąveika su svetaine naudojant tinklą ir kas gali nutikti.

HTTP protokolas ir duomenų formatai.

JSON.

Išimčių tvarkymas.

pabandyk... pagauti.

Įrankiai, skirti dirbti su tinklo užklausomis.

11 skirsnis Asinchronija. Tinklo kūrimas
Pažvelkime į asinchronijos sąvoką ir kaip ją pasiekti naudojant pažadus. Pažadu, pažadu). Susipažinkime su technologijomis, leidžiančiomis iš naršyklės pateikti užklausas serveriui. Pažiūrėkime, kaip praktiškai tvarkyti klaidas dirbant su tinklu, jei kas nors negerai.

Asinchronija.

setTimeout ir setInterval.
Pažadas.

Darbas su tinklu.

gauti susisiekti su serveriu.
Užklausų klaidų tvarkymas.

DevTools: darbas su tinklo užklausomis tinkle.

Pirmoji gynybos savaitė
Darbų su projektu užbaigimas ir pasirengimas galutinei gynimui.

12 skyrius Atsiliepimai ir optimizavimas
Mes optimizuojame darbą su duomenimis ir įvykiais mūsų svetainėje. Įdiegiame aiškią ir patogią sąsajos grįžtamąjį ryšį.

Pažangus darbas su masyvais.

Rūšiavimas.
Filtravimas.

Našumo optimizavimas.

Rėmelių numetimas – droselis.
Atšokimo pašalinimas – atšokimas.

Failo API.

URL.createObjectURL().
Failų skaitytuvas.

Antroji gynybos savaitė
Pirmasis projekto įvertinimas, kurį atlieka peržiūros mentorius pagal kokybės kriterijus.

Trečia gynybos savaitė
Projekto tobulinimas pagal peržiūros mentoriaus pastabas ir pateikimas antrajam vertinimui.

13 skirsnis Galutinis
Apibendrinkime kursą, o tada aptarkime „JavaScript“ ypatybes, su kuriomis gali tekti susidurti darbe. Senojo kodo samprata ir ką su juo daryti, su kodu. Trumpai pažvelkime į pažangius priekinės dalies kūrėjo įrankius, kad suprastumėte, kur eiti toliau.

Specialus JavaScript.

Griežtas režimas „naudokite griežtą“.
Neprivalomi kabliataškiai.

Pasenęs kodas.

jQuery.
var ir funkcinė apimtis.
XMLHttpRequest.

Konstruktoriaus funkcijos.

Prototipai.

Išplėstiniai įrankiai.

Webpack.

Transpileriai ir polifillai.

Babelis.

Ketvirtoji gynybos savaitė
Galutiniai pakeitimai ir galutinio pažymio gavimas.