JavaScript online kursus. Faglig udvikling af webgrænseflader - gratis kursus fra HTML Academy, uddannelse 9 uger, dato 15. oktober 2023.
Miscellanea / / December 04, 2023
Hvorfor er kurset professionelt?
På dette kursus lærer du at lave rigtige projekter, på samme kompleksitetsniveau som i branchen. Og du vil gøre dem korrekt, så du efter træning vil producere resultater på højt niveau, som virksomheder er villige til at betale for.
Hvad kan man forvente under træning
Bor
Live-udsendelser, hvor lærere analyserer komplekse problemstillinger fra teori og praksis. De finder sted fra 19 til 21 Moskva-tid, tilmelding er tilgængelig næste dag.
Øve sig
Efter forelæsningen laver du lektier, hvor du arbejder med dit projekt og forstærker kursusmaterialet.
Kodegennemgang
Mentoren vil tjekke kvaliteten af opgaverne og dele sin erfaring med, hvordan man gør det bedre.
Afsnit 1 Introduktion til JavaScript
Lad os se på, hvordan kurset fungerer, hvilke værktøjer du skal bruge, og hvordan du sætter dem op. Lad os se på, hvad JavaScript-sproget er, inklusive ECMAScript-specifikationen og browseren.
Hvordan fungerer kurset? Organisatoriske forhold.
Arbejdsplan på kurset.
Gennemgang af projekter.
Kvalitetskriterier.
JavaScript sprog
ECMAScript-specifikation.
Hvad giver browseren JavaScript?
JavaScript grundlæggende.
Grundlæggende syntaks: parenteser, krøllede klammeparenteser, operatorer, reserverede ord, kommentarer.
De grundlæggende byggesten er variable og funktioner.
Primitiver og komplekse datatyper.
Værktøjer.
Kode redaktører.
Linters.
Udviklingsserver.
Afsnit 2 Grundlæggende JavaScript-funktioner
Lad os begynde at studere de grundlæggende konstruktioner af JavaScript, især funktioner. Lad os se på nuancerne ved at erklære variabler. Lad os stifte bekendtskab med udviklerværktøjerne.
Variabler.
Synlighedsområder.
Betingede erklæringer.
Ternær operatør.
Flervalgs operatørkontakt.
Cykler.
Cast.
Funktioner.
Pile funktioner.
Standard funktionsparametre.
hvile-parametre.
Hejsning af variable og funktioner.
Introduktion til DevTools (udviklerværktøjer).
Afsnit 3 Objekter og arrays
Sektion uden live
Du vil blive fortrolig med komplekse datatyper: arrays og objekter. Lær at oprette og administrere dem.
Komplekse datatyper.
Arrays.
Grundlæggende array-metoder.
Objekter.
Tilbagekald (tilbagekaldsfunktioner).
Afsnit 4 Indbyggede objekter og funktioner
Lad os se på de objekter og funktioner, der findes i selve JavaScript-sproget. Lad os berøre udførelseskonteksten for dette. Lad os køre og fejlsøge koden i udviklerværktøjskonsollen.
Destrukturering.
spredt syntaks.
Indbyggede objekter og deres metoder.
Snor.
Nummer.
Boolean.
Dato.
Matematik.
Operatør ny.
JavaScript indbyggede funktioner.
Funktionskontekst.
Nøgleordet er dette.
Tab af miljø.
DevTools. Brug af konsollen.
Afsnit 5 Kode Organisation
Lad os se på begrebet scopes. Lad os diskutere DRY-princippet (gentag ikke dig selv), og hvordan du bruger det til at skrive mindre kode og stadig få mere gjort. Lad os lære, hvad moduler er, og hvordan man "bryder" kode på dem; Hvad er et indgangspunkt?
Synlighedsområder.
Globalt omfang af vinduet.
Lukninger
Modularitet.
Kode genbrug, DRY princip.
Konceptet med et modul.
Indgangspunkt.
ECMAScript moduler, import og eksport syntaks.
DevTools: fejlfinding af kode ved hjælp af kilder.
Afsnit 6 DOM og begivenheder
Sektion uden live
Du vil blive fortrolig med Document Object Model. Document Object Model eller DOM). Overvej, hvordan man beskriver reaktioner på brugerhandlinger: tekstinput, klik på bestemte elementer, rulning osv.
DOM træ.
dokument er roden til alt.
DOM træstruktur.
Søg efter elementer på en side.
Håndtering af elementattributter.
Skabeloner og data.
Begivenheder på siden.
Begivenhedsbehandlere.
Afsnit 7 DOM-manipulation
Lad os prøve at oprette, slette, flytte og manipulere DOM-elementer. Ved hjælp af skabeloner vil vi tegne de data, der er oprettet tidligere.
DOM træstyring.
Håndtering af DOM-elementattributter.
Flytning af elementer i DOM-træet.
Fremgangsmåder til at skabe DOM-elementer.
Oprettelse af DOM-objekter.
Markup management: tilføje, præpend, insertAdjacentHTML, innerHTML, textContent.
Skabelon.
Strengskabelon (skabelonstrenge).
Specielt tag .
Afsnit 8 Arbejde med begivenheder
Vi vil håndtere brugerinteraktion, så siden reagerer på tekstinput i formularer, klik på bestemte elementer, scrolling osv. Lad os se på, hvordan man gør denne interaktion tilgængelig.
Begivenheder.
Hændelsesobjekt, hændelsesstyring: preventDefault og stopPropagation.
Eventfaser og uddelegering.
Tastaturbegivenheder og tilgængelighed.
Event Loop.
Formularvalidering.
Pristine er et formularvalideringsbibliotek.
Validering ved hjælp af regulære udtryk.
DevTools: Elements (inspektør)-funktioner til at arbejde med DOM og begivenheder.
Afsnit 9 Eksterne API'er og tredjepartsbiblioteker
Lad os se på, hvordan du ikke "skriver din egen cykel", men genbruger en andens erfaring og kode. Lad os stifte bekendtskab med konceptet med en softwaregrænseflade. Application Programming Interface eller API), overvej API'et for tredjeparts JavaScript-biblioteker og JavaScript API'et for korttjenester. Lad os tage et hurtigt kig på de API'er, som browseren leverer til udviklere.
Begrebet API.
Korttjenester og deres JavaScript API.
OpenStreetMap.
Folder.
Tredjeparts biblioteker.
Hvorfor er der brug for biblioteker?
Sådan forbinder du til et projekt.
noUiSlider.
Browser API oversigt.
Sektion 10 Netværk
Sektion uden live
Du vil se på HTTP-protokollen og JSON-dataformatet på egen hånd. Overvej, hvordan brugerens interaktion med webstedet ændrer sig, når du bruger netværket, og hvad der kan gå galt.
HTTP-protokol og dataformater.
JSON.
Undtagelseshåndtering.
prøv...fang.
Værktøjer til at arbejde med netværksanmodninger.
Afsnit 11 Asynkroni. Netværk
Lad os se på begrebet asynkroni, og hvordan man opnår det ved hjælp af løfter. Løfte, løfte). Lad os stifte bekendtskab med teknologier, der giver dig mulighed for at sende anmodninger til serveren fra en browser. Lad os se på, hvordan man i praksis håndterer fejl, når man arbejder med netværket, hvis noget går galt.
Asynkroni.
setTimeout og setInterval.
Løfte.
Arbejde med netværket.
Hent for at kontakte serveren.
Håndtering af fejl i forespørgsler.
DevTools: arbejder med netværksanmodninger i netværket.
Første uges forsvar
Afslutning af arbejdet med projektet og forberedelse til det afsluttende forsvar.
Afsnit 12 Feedback og optimering
Vi optimerer arbejdet med data og begivenheder på vores hjemmeside. Vi implementerer tydelig og brugervenlig grænsefladefeedback.
Avanceret arbejde med arrays.
Sortering.
Filtrering.
Ydeevneoptimeringer.
Dropperammer - drosling.
Eliminering af bounce - debounce.
Fil API.
URL.createObjectURL().
Fillæser.
Anden uges forsvar
Den første vurdering af projektet af den gennemgående mentor i henhold til kvalitetskriterier.
Tredje uges forsvar
Forbedring af projektet baseret på kommentarerne fra den gennemgående mentor og indsende det til en anden vurdering.
Afsnit 13 Final
Lad os opsummere kurset og derefter diskutere funktionerne i JavaScript, som du muligvis vil støde på på arbejdet. Begrebet legacy kode og hvad man skal gøre med det, med koden. Lad os tage et hurtigt kig på de avancerede frontend-udviklerværktøjer, så du kan forstå, hvor du skal gå videre.
Speciel JavaScript.
Streng tilstand 'brug streng'.
Valgfrit semikolon.
Ældre kode.
jQuery.
var og funktionelt omfang.
XMLHttpRequest.
Konstruktørfunktioner.
Prototyper.
Avancerede værktøjer.
Webpack.
Transpilere og polyfills.
Babel.
Fjerde uges forsvar
Foretage endelige redigeringer og modtage en endelig karakter.
sashascript2022
26.07.2022 G.
Jeg overvejer JavaScript-kurset. Professionel udvikling af webgrænseflader er en god start på at lære JavaScript.
Fordele: Nuværende materiale, intet overflødigt, intet vand + ovenstående fordele. Ulemper: Det var meget svært for mig i starten, da jeg lærer sproget fra bunden) Jeg tog dette kursus fra 15. februar til 18. april 2022. Og fik et solidt grundlæggende kendskab til JavaScript. Men det er ikke alt, jeg gjorde på kurset. Jeg lærte også det grundlæggende i HTML, CSS, det grundlæggende i at arbejde med Git og Github og meget mere...
Sæd Bushmanov
27.05.2022 G.
Gode kurser!
Fordele: Giver resultater til eleven, overskueligt struktureret, gennemtænkt, god præsentation af stoffet. Ulemper: Ingen, men det er værd at bemærke, at programmering generelt kræver ret meget tid. Gennemført kurset "Javascript". Professionel udvikling af webgrænseflader." Fantastisk kursus! Fremskridt i programmering efter kurset er tydeligt. Du skal virkelig bruge meget tid på at lære...
Sæd Bushmanov
27.05.2022 G.
Gode kurser!
Fordele: Giver resultater til eleven, overskueligt struktureret, gennemtænkt, god præsentation af stoffet. Ulemper: Ingen, men det er værd at bemærke, at programmering generelt kræver ret meget tid. Gennemført kurset "Javascript". Professionel udvikling af webgrænseflader." Fantastisk kursus! Fremskridt i programmering efter kurset er tydeligt. Du skal virkelig bruge meget tid på at lære...