Online kurz JavaScript. Profesionálny vývoj webových rozhraní - bezplatný kurz od HTML Academy, školenie 9 týždňov, termín 15.10.2023.
Rôzne / / December 04, 2023
Prečo je kurz profesionálny?
V tomto kurze sa naučíte robiť skutočné projekty s rovnakou úrovňou zložitosti ako v priemysle. A budete ich robiť správne, aby ste po zaškolení produkovali výsledky na vysokej úrovni, za ktoré sú firmy ochotné zaplatiť.
Čo očakávať počas tréningu
Životy
Priame prenosy, v ktorých učitelia rozoberajú zložité problémy z teórie a praxe. Konajú sa od 19 do 21 moskovského času, registrácia je k dispozícii nasledujúci deň.
Prax
Po prednáške si urobíte domácu úlohu, v ktorej pracujete na svojom projekte a posilňujete učebnú látku.
Kontrola kódu
Mentor skontroluje kvalitu zadaní a podelí sa o svoje skúsenosti, ako to robiť lepšie.
Časť 1 Úvod do JavaScriptu
Pozrime sa, ako kurz funguje, aké nástroje budete potrebovať a ako ich nastaviť. Pozrime sa, čo je to jazyk JavaScript, vrátane špecifikácie ECMAScript a prehliadača.
Ako kurz prebieha? Organizačné záležitosti.
Schéma práce na kurze.
Preskúmanie projektov.
Kritériá kvality.
jazyk JavaScript
Špecifikácia ECMAScript.
Čo dáva prehliadač JavaScriptu?
Základy JavaScriptu.
Základná syntax: zátvorky, zložené zátvorky, operátory, vyhradené slová, komentáre.
Základnými stavebnými kameňmi sú premenné a funkcie.
Primitíva a komplexné dátové typy.
Nástroje.
Editory kódu.
Linters.
Vývojový server.
Časť 2 Základné funkcie JavaScriptu
Začnime študovať základné konštrukcie JavaScriptu, najmä funkcie. Pozrime sa na nuansy deklarovania premenných. Zoznámime sa s nástrojmi pre vývojárov.
Premenné.
Oblasti viditeľnosti.
Podmienečné vyhlásenia.
Ternárny operátor.
Prepínač operátora s viacerými možnosťami výberu.
Cykly.
Obsadenie.
Funkcie.
Funkcie šípok.
Predvolené parametre funkcie.
kľudové parametre.
Zdvíhanie premenných a funkcií.
Úvod do DevTools (nástroje pre vývojárov).
Časť 3 Objekty a polia
Sekcia bez živého vysielania
Zoznámite sa s komplexnými dátovými typmi: poliami a objektmi. Naučte sa ich vytvárať a spravovať.
Komplexné dátové typy.
Polia.
Základné metódy poľa.
Objekty.
Spätné volania (funkcie spätného volania).
Časť 4 Vstavané objekty a funkcie
Pozrime sa na objekty a funkcie, ktoré existujú v samotnom jazyku JavaScript. Dotknime sa kontextu vykonávania tohto. Poďme spustiť a ladiť kód v konzole nástrojov pre vývojárov.
Zničenie.
syntax rozšírenia.
Vstavané objekty a ich metódy.
Reťazec.
číslo.
Boolean.
Dátum.
Matematika.
Operátor nový.
Vstavané funkcie JavaScriptu.
Funkčný kontext.
Kľúčové slovo je toto.
Strata prostredia.
DevTools. Používanie konzoly.
Oddiel 5 Kódex Organizácia
Pozrime sa na koncept rozsahov. Poďme diskutovať o princípe DRY (neopakujte sa) a o tom, ako ho použiť na napísanie menšieho množstva kódu a napriek tomu urobiť viac. Poďme sa naučiť, čo sú moduly a ako na nich „prelomiť“ kód; Čo je to vstupný bod?
Oblasti viditeľnosti.
Globálny rozsah okna.
Uzávery
Modularita.
Opätovné použitie kódu, princíp DRY.
Koncept modulu.
Miesto vstupu.
Moduly ECMAScript, syntax importu a exportu.
DevTools: ladenie kódu pomocou zdrojov.
Časť 6 DOM a udalosti
Sekcia bez živého vysielania
Oboznámite sa s objektovým modelom dokumentu. Objektový model dokumentu alebo DOM). Zvážte, ako opísať reakcie na akcie používateľa: zadávanie textu, klikanie na určité prvky, posúvanie atď.
DOM strom.
dokument je koreňom všetkého.
Stromová štruktúra DOM.
Vyhľadajte prvky na stránke.
Správa atribútov prvkov.
Šablóny a dáta.
Udalosti na stránke.
Ovládače udalostí.
Sekcia 7 Manipulácia s DOM
Skúsme vytvárať, mazať, presúvať a manipulovať s prvkami DOM. Pomocou šablón nakreslíme skôr vytvorené dáta.
Správa stromu DOM.
Správa atribútov prvkov DOM.
Pohybujúce sa prvky v strome DOM.
Prístupy k vytváraniu prvkov DOM.
Vytváranie objektov DOM.
Správa značiek: pripojiť, pridať pred, vložiťAdjacentHTML, innerHTML, textContent.
Šablónovanie.
Šablóna reťazcov (reťazce šablón).
Špeciálna značka .
Časť 8 Práca s udalosťami
Interakciu používateľa budeme riešiť tak, aby stránka reagovala na zadávanie textu do formulárov, klikanie na určité prvky, posúvanie atď. Pozrime sa, ako túto interakciu sprístupniť.
Diania.
Objekt udalosti, správa udalostí: preventDefault a stopPropagation.
Fázy udalostí a delegovanie.
Udalosti na klávesnici a dostupnosť.
Slučka udalostí.
Overenie formulára.
Pristine je knižnica na overenie formulárov.
Overenie pomocou regulárnych výrazov.
DevTools: Možnosti prvkov (inšpektora) pre prácu s DOM a udalosťami.
Časť 9 Externé rozhrania API a knižnice tretích strán
Pozrime sa na to, ako „nepísať svoj vlastný bicykel“, ale znova použiť skúsenosti a kód niekoho iného. Zoznámime sa s konceptom softvérového rozhrania. Application Programming Interface alebo API), zvážte API knižníc JavaScript tretích strán a JavaScript API mapových služieb. Poďme sa rýchlo pozrieť na API, ktoré prehliadač poskytuje vývojárom.
Koncept API.
Mapové služby a ich JavaScript API.
OpenStreetMap.
Leták.
Knižnice tretích strán.
Prečo sú potrebné knižnice?
Ako sa pripojiť k projektu.
noUiSlider.
Prehľad rozhrania API prehliadača.
Časť 10 Sieť
Sekcia bez živého vysielania
Na HTTP protokol a dátový formát JSON sa pozriete sami. Zvážte, ako sa mení interakcia používateľa s webom pri používaní siete a čo sa môže pokaziť.
HTTP protokol a dátové formáty.
JSON.
Spracovanie výnimiek.
Skús chytiť.
Nástroje na prácu so sieťovými požiadavkami.
Časť 11 Asynchrónnosť. vytváranie sietí
Pozrime sa na koncept asynchrónie a ako ju dosiahnuť pomocou sľubov. Sľub, sľub). Poďme sa zoznámiť s technológiami, ktoré vám umožňujú odosielať požiadavky na server z prehliadača. Pozrime sa, ako v praxi riešiť chyby pri práci so sieťou, ak sa niečo pokazí.
Asynchrónnosť.
setTimeout a setInterval.
Sľub.
Práca so sieťou.
načítať a kontaktovať server.
Spracovanie chýb v požiadavkách.
DevTools: práca so sieťovými požiadavkami v sieti.
Prvý týždeň obrany
Ukončenie prác na projekte a príprava na záverečnú obhajobu.
Časť 12 Spätná väzba a optimalizácia
Optimalizujeme prácu s dátami a udalosťami na našom webe. Implementujeme jasnú a užívateľsky prívetivú spätnú väzbu rozhrania.
Pokročilá práca s poliami.
Triedenie.
Filtrácia.
Optimalizácie výkonu.
Padajúce rámy - škrtenie.
Eliminácia odskoku – odskoku.
Súbor API.
URL.createObjectURL().
FileReader.
Druhý týždeň obrany
Prvé hodnotenie projektu hodnotiacim mentorom podľa kritérií kvality.
Tretí týždeň obrany
Zlepšenie projektu na základe pripomienok hodnotiaceho mentora a jeho predloženie na druhé posúdenie.
Časť 13 Záverečná
Poďme si zhrnúť kurz a potom diskutovať o vlastnostiach JavaScriptu, s ktorými sa možno budete musieť stretnúť pri práci. Koncept starého kódu a čo s ním robiť, s kódom. Poďme sa v krátkosti pozrieť na pokročilé nástroje front-end vývojárov, aby ste pochopili, kam ísť ďalej.
Špeciálny JavaScript.
Striktný režim „používať prísne“.
Voliteľné bodkočiarky.
Starý kód.
jQuery.
var a funkčný rozsah.
XMLHttpRequest.
Funkcie konštruktéra.
Prototypy.
Pokročilé nástroje.
Webpack.
Transpilátory a polyvýplne.
Babel.
Štvrtý týždeň obrany
Vykonávanie posledných úprav a získavanie konečnej známky.
sashascript2022
26.07.2022 G.
Zvažujem kurz JavaScript. Profesionálny vývoj webového rozhrania je skvelým začiatkom výučby JavaScriptu.
Výhody: Aktuálny materiál, nič nadbytočné, žiadna voda + vyššie uvedené výhody. Nevýhody: Spočiatku to bolo pre mňa veľmi ťažké, keďže sa jazyk učím od nuly) Tento kurz som absolvoval od 15. februára do 18. apríla 2022. A získal solídne základné znalosti JavaScriptu. Ale to nie je všetko, čo som na kurze urobil. Naučil som sa aj základy HTML, CSS, základy práce s Git a Github a mnoho ďalšieho...
Semen Bushmanov
27.05.2022 G.
Dobré kurzy!
Výhody: Dáva študentovi výsledky, jasne štruktúrované, dobre premyslené, dobrá prezentácia látky. Nevýhody: Žiadne, ale stojí za zmienku, že programovanie vo všeobecnosti vyžaduje pomerne veľa času. Absolvoval som kurz „Javascript“. Profesionálny vývoj webových rozhraní." Nádherný kurz! Pokrok v programovaní po kurze je zrejmý. Naozaj treba venovať veľa času učeniu...
Semen Bushmanov
27.05.2022 G.
Dobré kurzy!
Výhody: Dáva študentovi výsledky, jasne štruktúrované, dobre premyslené, dobrá prezentácia látky. Nevýhody: Žiadne, ale stojí za zmienku, že programovanie vo všeobecnosti vyžaduje pomerne veľa času. Absolvoval som kurz „Javascript“. Profesionálny vývoj webových rozhraní." Nádherný kurz! Pokrok v programovaní po kurze je zrejmý. Naozaj treba venovať veľa času učeniu...