JavaScript spletni tečaj. Profesionalni razvoj spletnih vmesnikov - brezplačen tečaj HTML Academy, izobraževanje 9 tednov, datum 15. oktober 2023.
Miscellanea / / December 04, 2023
Zakaj je tečaj profesionalen?
V tem tečaju se boste naučili izdelati resnične projekte enake stopnje kompleksnosti kot v industriji. In izvajali jih boste pravilno, tako da boste po usposabljanju dosegli rezultate na visoki ravni, ki so jih podjetja pripravljena plačati.
Kaj pričakovati med treningom
Življenja
Oddaje v živo, v katerih učitelji analizirajo kompleksna vprašanja iz teorije in prakse. Potekajo od 19. do 21. moskovskega časa, registracija je na voljo naslednji dan.
Vadite
Po predavanju naredite domače naloge, v katerih delate na svojem projektu in utrjujete učno snov.
Pregled kode
Mentor bo preveril kakovost nalog in delil svoje izkušnje, kako narediti boljše.
Razdelek 1 Uvod v JavaScript
Oglejmo si, kako poteka tečaj, katera orodja boste potrebovali in kako jih nastaviti. Poglejmo, kaj je jezik JavaScript, vključno s specifikacijo ECMAScript in brskalnikom.
Kako poteka tečaj? Organizacijske zadeve.
Shema dela na tečaju.
Pregled projektov.
Merila kakovosti.
jezik JavaScript
Specifikacija ECMAScript.
Kaj brskalnik daje JavaScript?
Osnove JavaScripta.
Osnovna sintaksa: oklepaji, zavit oklepaj, operatorji, rezervirane besede, komentarji.
Osnovni gradniki so spremenljivke in funkcije.
Primitivni in kompleksni tipi podatkov.
Orodja.
Urejevalniki kod.
Linters.
Razvojni strežnik.
Razdelek 2 Osnovne funkcije JavaScript
Začnimo preučevati osnovne konstrukte JavaScripta, zlasti funkcije. Poglejmo si nianse deklariranja spremenljivk. Spoznajmo se z orodji za razvijalce.
Spremenljivke.
Območja vidnosti.
Pogojni stavki.
Ternarni operater.
Preklop operaterja z več možnostmi izbire.
Cikli.
Cast.
Funkcije.
Puščične funkcije.
Privzeti parametri funkcije.
parametri mirovanja.
Dvigovanje spremenljivk in funkcij.
Uvod v DevTools (orodja za razvijalce).
Razdelek 3 Objekti in nizi
Odsek brez živega
Seznanili se boste s kompleksnimi tipi podatkov: nizi in objekti. Naučite se jih ustvarjati in upravljati.
Kompleksni tipi podatkov.
Nizi.
Osnovne matrične metode.
Predmeti.
Povratni klici (funkcije povratnega klica).
Razdelek 4 Vgrajeni objekti in funkcije
Oglejmo si objekte in funkcije, ki obstajajo v samem jeziku JavaScript. Dotaknimo se konteksta izvajanja tega. Zaženimo in razhroščimo kodo v konzoli orodij za razvijalce.
Destrukturiranje.
razširjena sintaksa.
Vgrajeni objekti in njihove metode.
Vrvica.
številka.
Boolean.
Datum.
matematika
Operater nov.
Vgrajene funkcije JavaScript.
Kontekst funkcije.
Ključna beseda je ta.
Izguba okolja.
DevTools. Uporaba konzole.
Oddelek 5 Organizacija kode
Oglejmo si koncept obsegov. Pogovorimo se o načelu DRY (ne ponavljajte se) in o tem, kako ga uporabiti za pisanje manj kode in vseeno narediti več. Naučimo se, kaj so moduli in kako na njih »razbiti« kodo; Kaj je vstopna točka?
Območja vidnosti.
Globalni obseg okna.
Zapirala
Modularnost.
Ponovna uporaba kode, princip DRY.
Koncept modula.
Vstopna točka.
Moduli ECMAScript, sintaksa uvoza in izvoza.
DevTools: koda za odpravljanje napak z uporabo virov.
Razdelek 6 DOM in dogodki
Odsek brez živega
Spoznali boste objektni model dokumenta. Dokumentni objektni model ali DOM). Razmislite, kako opisati reakcije na dejanja uporabnika: vnos besedila, klikanje na določene elemente, drsenje itd.
drevo DOM.
dokument je korenina vsega.
Drevesna struktura DOM.
Iskanje elementov na strani.
Upravljanje atributov elementov.
Predloge in podatki.
Dogodki na strani.
Obdelovalci dogodkov.
Razdelek 7 Manipulacija DOM
Poskusimo ustvarjati, brisati, premikati in manipulirati z elementi DOM. S šablonami bomo narisali prej ustvarjene podatke.
Upravljanje drevesa DOM.
Upravljanje atributov elementov DOM.
Premikanje elementov v drevesu DOM.
Pristopi k ustvarjanju elementov DOM.
Ustvarjanje objektov DOM.
Upravljanje oznak: dodajanje, dodajanje pred, insertAdjacentHTML, innerHTML, textContent.
Šabloniranje.
Predlogiranje nizov (predložni nizi).
Posebna oznaka .
Razdelek 8 Delo z dogodki
Interakcijo uporabnika bomo uredili tako, da se bo stran odzivala na vnos besedila v obrazce, klikanje na določene elemente, drsenje itd. Poglejmo, kako narediti to interakcijo dostopno.
Dogodki.
Objekt dogodka, upravljanje dogodkov: preventDefault in stopPropagation.
Faze dogodka in delegiranje.
Dogodki na tipkovnici in dostopnost.
Dogodkovna zanka.
Preverjanje obrazca.
Pristine je knjižnica za preverjanje obrazcev.
Validacija z uporabo regularnih izrazov.
DevTools: zmožnosti Elements (inšpektor) za delo z DOM in dogodki.
Razdelek 9 Zunanji API-ji in knjižnice tretjih oseb
Poglejmo, kako ne »napisati svojega kolesa«, ampak ponovno uporabiti izkušnje in kodo nekoga drugega. Spoznajmo koncept programskega vmesnika. aplikacijski programski vmesnik ali API), upoštevajte API knjižnic JavaScript drugih proizvajalcev in API JavaScript storitev zemljevidov. Oglejmo si na hitro API-je, ki jih brskalnik ponuja razvijalcem.
Koncept API-ja.
Zemljevidne storitve in njihov JavaScript API.
OpenStreetMap.
Brošura.
Knjižnice tretjih oseb.
Zakaj so knjižnice potrebne?
Kako se povezati s projektom.
noUiSlider.
Pregled API-ja brskalnika.
Oddelek 10 Omrežje
Odsek brez živega
Protokol HTTP in format podatkov JSON si boste ogledali sami. Razmislite, kako se interakcija uporabnika s spletnim mestom spremeni pri uporabi omrežja in kaj gre lahko narobe.
Protokol HTTP in formati podatkov.
JSON.
Obravnava izjem.
poskusi... ulovi.
Orodja za delo z omrežnimi zahtevami.
Oddelek 11 Asinhronost. Mreženje
Oglejmo si koncept asinhronosti in kako jo doseči z obljubami. Obljuba, obljuba). Spoznajmo se s tehnologijami, ki vam omogočajo pošiljanje zahtev strežniku iz brskalnika. Poglejmo, kako v praksi ravnati z napakami pri delu z omrežjem, če gre kaj narobe.
Asinhronost.
setTimeout in setInterval.
Obljuba.
Delo z omrežjem.
pridobi za stik s strežnikom.
Obravnava napak v zahtevah.
DevTools: delo z omrežnimi zahtevami v omrežju.
Prvi teden zagovora
Zaključek dela na projektu in priprava na zaključni zagovor.
Razdelek 12 Povratne informacije in optimizacija
Optimiziramo delo s podatki in dogodki na naši spletni strani. Implementiramo jasen in uporabniku prijazen povratni vmesnik.
Napredno delo z nizi.
Razvrščanje.
Filtracija.
Optimizacije delovanja.
Spuščanje okvirjev - dušenje.
Odprava odboja - debounce.
Datotečni API.
URL.createObjectURL().
FileReader.
Drugi teden zagovora
Prva ocena projekta s strani mentorja recenzenta po merilih kakovosti.
Tretji teden zagovora
Izboljšanje projekta na podlagi pripomb mentorja recenzenta in oddaja v ponovno presojo.
Oddelek 13 Končni
Povzemimo tečaj in nato razpravljajmo o funkcijah JavaScripta, s katerimi se boste morda morali srečati pri delu. Koncept podedovane kode in kaj storiti z njo, s kodo. Oglejmo si na hitro napredna orodja za front-end razvijalce, da boste razumeli, kam naprej.
Poseben JavaScript.
Strogi način 'use strict'.
Neobvezna podpičja.
Podedovana koda.
jQuery.
var in funkcionalni obseg.
XMLHttpRequest.
Konstruktorske funkcije.
Prototipi.
Napredna orodja.
Spletni paket.
Transpilerji in polifilli.
Babel.
Četrti teden zagovora
Končno urejanje in prejem končne ocene.
sashascript2022
26.07.2022 G.
Razmišljam o tečaju JavaScript. Profesionalni razvoj spletnega vmesnika je odličen začetek učenja JavaScripta.
Prednosti: Trenuten material, nič odveč, brez vode + zgoraj navedene prednosti. Slabosti: Na začetku mi je bilo zelo težko, saj se jezika učim od začetka) Ta tečaj sem opravljal od 15. februarja do 18. aprila 2022. In pridobil solidno osnovno znanje JavaScripta. Vendar to ni vse, kar sem naredil na tečaju. Naučil sem se tudi osnov HTML, CSS, osnov dela z Gitom in Githubom in še marsikaj...
Semen Bušmanov
27.05.2022 G.
Dobri tečaji!
Prednosti: Študentu daje rezultate, jasno strukturiran, premišljen, dobra predstavitev snovi. Slabosti: Ni jih, vendar velja omeniti, da programiranje na splošno zahteva precej časa. Opravljen tečaj "Javascript". Strokovni razvoj spletnih vmesnikov." Čudovit tečaj! Napredek pri programiranju po tečaju je očiten. Res je treba veliko časa posvetiti učenju...
Semen Bušmanov
27.05.2022 G.
Dobri tečaji!
Prednosti: Študentu daje rezultate, jasno strukturiran, premišljen, dobra predstavitev snovi. Slabosti: Ni jih, vendar velja omeniti, da programiranje na splošno zahteva precej časa. Opravljen tečaj "Javascript". Strokovni razvoj spletnih vmesnikov." Čudovit tečaj! Napredek pri programiranju po tečaju je očiten. Res je treba veliko časa posvetiti učenju...