JavaScript tiešsaistes kurss. Tīmekļa saskarņu profesionālā pilnveide - bezmaksas kurss no HTML akadēmijas, apmācība 9 nedēļas, datums 15.10.2023.

1. sadaļa Ievads JavaScript
Apskatīsim, kā kurss darbojas, kādi rīki jums būs nepieciešami un kā tos iestatīt. Apskatīsim, kas ir JavaScript valoda, tostarp ECMAScript specifikācija un pārlūkprogramma.

Kā kurss darbojas? Organizatoriskas lietas.

Kursa darba shēma.
Projektu apskats.
Kvalitātes kritēriji.

JavaScript valoda

ECMAScript specifikācija.
Ko pārlūkprogramma dod JavaScript?

JavaScript pamati.

Pamata sintakse: iekavas, krokainas figūriekavas, operatori, rezervēti vārdi, komentāri.
Pamatelementi ir mainīgie un funkcijas.
Primitīvie un sarežģītie datu tipi.

Rīki.

Kodu redaktori.
Linters.
Attīstības serveris.

2. sadaļa JavaScript pamatfunkcijas
Sāksim pētīt JavaScript pamata konstrukcijas, īpaši funkcijas. Apskatīsim mainīgo lielumu deklarēšanas nianses. Iepazīsimies ar izstrādātāju rīkiem.

Mainīgie lielumi.

Redzamības zonas.

Nosacīti paziņojumi.

Trīskāršs operators.
Operatora slēdzis ar vairākiem variantiem.

Cikli.

Cast.

Funkcijas.

Bultiņu funkcijas.
Funkcijas noklusējuma parametri.

atpūtas parametri.

Mainīgo un funkciju pacelšana.

Ievads DevTools (izstrādātāju rīki).

3. sadaļa Objekti un masīvi
Sadaļa bez tiešraides

Jūs iepazīsities ar sarežģītiem datu tipiem: masīviem un objektiem. Iemācieties tos izveidot un pārvaldīt.

Sarežģīti datu veidi.

Masīvi.

Pamata masīvu metodes.

Objekti.

Atzvanīšanas (atzvanīšanas funkcijas).

4. sadaļa Iebūvētie objekti un funkcijas
Apskatīsim objektus un funkcijas, kas pastāv pašā JavaScript valodā. Pieskarsimies izpildes kontekstam. Palaidīsim un atkļūdosim kodu izstrādātāja rīku konsolē.

Destrukturēšana.

izplatīt sintakse.

Iebūvētie objekti un to metodes.

Stīga.
Numurs.
Būla.
Datums.
Matemātika.

Operators jauns.

JavaScript iebūvētās funkcijas.

Funkciju konteksts.

Atslēgvārds ir šis.
Vides zudums.

DevTools. Izmantojot konsoli.

5. sadaļa Koda organizācija
Apskatīsim tvērumu jēdzienu. Apspriedīsim DRY principu (neatkārtojiet sevi) un to, kā to izmantot, lai rakstītu mazāk koda un tomēr paveiktu vairāk. Uzzināsim, kas ir moduļi un kā uz tiem “salauzt” kodu; Kas ir ieejas punkts?

Redzamības zonas.

Logu globālais apjoms.
Slēgšanas

Modularitāte.

Koda atkārtota izmantošana, DRY princips.
Moduļa jēdziens.
Ieejas punkts.
ECMAScript moduļi, importa un eksporta sintakse.

DevTools: atkļūdošanas kods, izmantojot avotus.

6. sadaļa DOM un notikumi
Sadaļa bez tiešraides

Jūs iepazīsities ar dokumenta objektu modeli. Dokumenta objekta modelis vai DOM). Apsveriet, kā aprakstīt reakcijas uz lietotāja darbībām: teksta ievadi, noklikšķināšanu uz noteiktiem elementiem, ritināšanu utt.

DOM koks.

dokuments ir visa sakne.
DOM koka struktūra.
Meklēt elementus lapā.
Elementu atribūtu pārvaldība.

Veidnes un dati.

Notikumi lapā.

Pasākumu rīkotāji.

7. sadaļa Manipulācijas ar DOM
Mēģināsim izveidot, dzēst, pārvietot un manipulēt ar DOM elementiem. Izmantojot veidnes, mēs zīmēsim agrāk izveidotos datus.

DOM koka pārvaldība.

DOM elementu atribūtu pārvaldība.
Elementu pārvietošana DOM kokā.

Pieejas DOM elementu izveidei.

DOM objektu izveide.
Marķējumu pārvaldība: pievienošana, ievadīšana, ievietošana blakusHTML, iekšējaisHTML, teksta saturs.

Veidņu veidošana.

Virkņu veidne (veidņu virknes).
Īpaša atzīme

8. sadaļa Darbs ar notikumiem
Mēs apstrādāsim lietotāja mijiedarbību, lai lapa reaģētu uz teksta ievadi veidlapās, noklikšķināšanu uz noteiktiem elementiem, ritināšanu utt. Apskatīsim, kā padarīt šo mijiedarbību pieejamu.

Pasākumi.

Notikuma objekts, notikumu pārvaldība: preventDefault un stopPropagation.
Pasākuma fāzes un deleģēšana.
Tastatūras pasākumi un pieejamība.

Pasākumu cilpa.

Veidlapas apstiprināšana.

Pristine ir veidlapu validācijas bibliotēka.

Validācija, izmantojot regulārās izteiksmes.

DevTools: elementu (inspektoru) iespējas darbam ar DOM un notikumiem.

9. sadaļa Ārējās API un trešo pušu bibliotēkas
Apskatīsim, kā “nerakstīt savu velosipēdu”, bet atkārtoti izmantot kāda cita pieredzi un kodu. Iepazīsimies ar programmatūras interfeisa jēdzienu. Lietojumprogrammu saskarne vai API), apsveriet trešo pušu JavaScript bibliotēku API un karšu pakalpojumu JavaScript API. Īsi apskatīsim API, ko pārlūkprogramma nodrošina izstrādātājiem.

API koncepcija.

Karšu pakalpojumi un to JavaScript API.

OpenStreetMap.
Buklets.

Trešo pušu bibliotēkas.

Kāpēc ir vajadzīgas bibliotēkas?
Kā izveidot savienojumu ar projektu.
noUiSlider.

Pārlūka API pārskats.

10. sadaļa Tīkls
Sadaļa bez tiešraides

Jūs pats apskatīsit HTTP protokolu un JSON datu formātu. Apsveriet, kā mainās lietotāja mijiedarbība ar vietni, izmantojot tīklu, un kas var noiet greizi.

HTTP protokols un datu formāti.

JSON.

Izņēmumu apstrāde.

pamēģini... noķer.

Rīki darbam ar tīkla pieprasījumiem.

11. sadaļa Asinhronija. Tīklošana
Apskatīsim asinhronijas jēdzienu un to, kā to panākt, izmantojot solījumus. Solījums, solījums). Iepazīsimies ar tehnoloģijām, kas ļauj veikt pieprasījumus serverim no pārlūkprogrammas. Apskatīsim, kā praksē rīkoties ar kļūdām, strādājot ar tīklu, ja kaut kas noiet greizi.

Asinhronija.

setTimeout un setInterval.
Apsolīt.

Darbs ar tīklu.

ielādēt, lai sazinātos ar serveri.
Kļūdu apstrāde pieprasījumos.

DevTools: darbs ar tīkla pieprasījumiem tīklā.

Pirmā aizsardzības nedēļa
Darba pabeigšana pie projekta un sagatavošanās noslēguma aizstāvēšanai.

12. sadaļa Atsauksmes un optimizācija
Mēs optimizējam darbu ar datiem un notikumiem mūsu vietnē. Mēs ieviešam skaidras un lietotājam draudzīgas saskarnes atsauksmes.

Padziļināts darbs ar masīviem.

Šķirošana.
Filtrēšana.

Veiktspējas optimizācija.

Nomešanas rāmji - droseles.
Atlēciena likvidēšana - atlēciens.

Failu API.

URL.createObjectURL().
FileReader.

Otrā aizsardzības nedēļa
Pirmais projekta novērtējums, ko veic recenzējošais mentors pēc kvalitātes kritērijiem.

Trešā aizsardzības nedēļa
Projekta pilnveidošana, pamatojoties uz recenzējošā mentora komentāriem, un iesniegšana otrreizējai izvērtēšanai.

13. sadaļa, galīgā redakcija
Apkoposim kursu un pēc tam apspriedīsim JavaScript funkcijas, ar kurām jums var nākties saskarties darbā. Mantotā koda jēdziens un ko ar to darīt, ar kodu. Īsi apskatīsim uzlabotos priekšgala izstrādātāju rīkus, lai jūs varētu saprast, kur rīkoties tālāk.

Īpašs JavaScript.

Stingrs režīms "izmantojiet stingru".
Izvēles semikoli.

Mantojuma kods.

jQuery.
var un funkcionālais apjoms.
XMLHttpRequest.

Konstruktora funkcijas.

Prototipi.

Uzlaboti rīki.

Tīmekļa pakotne.

Transpileri un polifili.

Bābele.

Ceturtā aizsardzības nedēļa
Galīgo labojumu veikšana un gala atzīmes saņemšana.