Online kurzy JavaScriptu - kurz 25 600 RUB. z International School of Professions, školení 8 týdnů, datum 5. prosince 2023.

16

Rozhraní: formuláře, binární data, webové komponenty

1. Pomocí JavaScriptu

Prozkoumat

1.Moderní standardy
2. Použití JavaScriptu
3. Práce s editory kódu
4.Nástroje pro vývojáře: práce s konzolí
5.Externí skripty a pořadí jejich provádění
6. Práce se systémem správy verzí Git
7.Vytvoření úložiště

Zvládněte to

• Vývojářské nástroje
• Editor kódu
• GitHub
• Ahoj světe

Na praxi

• Zvládněte standardy JavaScriptu.
• Pracujte s editorem kódu a vytvořte úložiště v Gitu.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

2. Syntaxe a funkce kódu

Prozkoumat

1. Struktura kódu
2. Datové typy a způsoby práce s nimi
3.Primitivní metody
4.Operace s čísly
5.Syntaxe pole
6. Rozsah
7. Způsoby nastavení funkcí v JavaScriptu

Zvládněte to

• Syntax
• Typy dat 
• Konstanty
• Funkční výraz

Na praxi

• Zapište funkci čítače na výstupní čísla.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

3. Funkce 2.0

Prozkoumat

1.Uzávěr
2.Zbytkové parametry
3.Globální objekt
4.Funkční objekt
5. Syntaxe "nová funkce"
6. Plánování hovorů
7. Přesměrování hovorů

Zvládněte to

• NFE
• setTimeout
• zavolat/přihlásit/svázat
• Kontext provádění

Na praxi

• Řešení problémů s používáním složitých funkcí při psaní kódu.
• Budete pracovat s rozsahem, kontextem hovoru.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

4. Operátoři

Prozkoumat

1. Priorita operací
2.Volitelná řetězová syntaxe
3. Podmíněné a bitové operátory
4. Operátory a operandy JavaScriptu
5. Porovnávací operátory
6. Operátor přísné rovnosti
7. Ternární operátor
8.Logické operátory

Zvládněte to

• Unicode kódování
• Volitelný řetěz
• Logické operátory
• Ternární operátor

Na praxi

• Řešit problémy týkající se provozu operátorů a operandů, porovnávání typů a použití ternárního operátoru.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

5. Cykly

Prozkoumat

1. Iterace
2.Smyčková syntaxe
3.Inline deklarace proměnné
4.Použití direktiv s operátory
5. Konstrukce rozvaděče
6. Seskupování kódů
7.Metody práce s poli: forEach, Map, filter, reduction
8.Případy práce s cykly

Zvládněte to

• Zatímco; pro
• zlomová směrnice
• Opakování
• Pokračovat

Na praxi

• Napište kód pomocí smyček a naučených funkcí v kódu: Algoritmizační přiřazení.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

6. Objekty

Prozkoumat

1.Syntaxe objektu
2.Druhy objektů
3.Objektové metody
4. Odkaz na datovou oblast
5. Kopírování objektů přes „odkaz“
6.Vlastnosti-funkce objektu
7.Metody přístupu k vlastnostem a metodám objektu
8. Prototypová dědičnost
9. Metody prototypování

Zvládněte to

• Doslovy
• smyčka „pro...v“.
• Odkaz na datovou oblast 
• Vestavěné prototypy

Na praxi

• Řešení problémů s používáním objektů a interakcí s nimi ve skriptu.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

7. Objekty: pokračování

Prozkoumat

1. Funkce-konstrukce a objekty stejného typu
2.Vlastnosti symbolů
3.Globální symboly
4.Systémové symboly
5. Možnosti převodu objektů
6. Příznaky a deskriptory vlastností
7.Getters a setters
8.Proxy a Reflect
9.Destrukce objektů

Zvládněte to

• Rekurze
• Krátké vlastnosti
• Převádění objektů
• Ničení

Na praxi

• Budete rozvíjet dovednosti v používání složitějších objektů, funkcí a symbolů.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

8. Třídy+ generátory

Prozkoumat

1.Třída: základní syntaxe
2.Třídní dědičnost
3.Statické vlastnosti a metody
4. Soukromé a chráněné metody a vlastnosti
5. Rozšíření vestavěných tříd
6. Kontrola třídy: "instanceof"
7. Iterátory a generátory

Zvládněte to

• Kontrola třídy
• Třídní výraz
• Generátory
• Třídní dědičnost

Na praxi

• Psát kód pomocí tříd a generátorů.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

9. Chyby v kódu a testování

Prozkoumat

1.Zlomové body
2. Příkaz Debugger
3.Spuštění skriptu krok za krokem
4.Logging - od kódu do konzole
5.Ošetření chyb
6.Uživatelské chyby
7.Chybové rozšíření
8. Chytání chyb ve spustitelném kódu

Zvládněte to

• Body zlomu
• Chyba při zpracování
• Chybové rozšíření
• Třídní dědičnost

Na praxi

• Řešení problémů s laděním kódu a zpracováním chyb.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

10. Slib

Prozkoumat

1.Sliby
2. Řetězec slibů
3. Sliby: zpracování chyb
4. Slibování
5.Asynchronní a synchronní programování
6.Asynchronní funkce: async/await

Zvládněte to

• Slib
• Slibování
• Asynchronní programování
• Async/wait

Na praxi

• Řešení problémů souvisejících s používáním slibů ve skriptu.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

11. DOM

Prozkoumat

1.Prostředí prohlížeče, specifikace
2.Navigace v prvcích DOM
3. Změna dokumentu
4.Kóty a rolování prvků/oken
5.Stránka: DOMContentLoaded, načíst, před uvolněním, uvolnit
6.Načítání zdrojů: onload a onerror

Zvládněte to

• strom DOM
• Drag'n'Drop
• Svitek
• Události ukazatele

Na praxi

• Zapište kód prohlížeče s ohledem na události a kód smyčky událostí.
• Generování prvků DOM na základě šablony a jejich plnění daty.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

12. Rozhraní: formuláře, binární data, webové komponenty

Prozkoumat

1.Vlastnosti formy a metody
2.Ostření: zaostření/rozostření
3. Odeslání formuláře: událost a způsob odeslání
4.Otevírání oken a okenní metody
5. Zásady „stejného zdroje“.
6.Vlastní prvky
7.Shadow DOM sloty

Zvládněte to

• TextDecoder
• ArrayBuffer
• Stínový DOM
• Soubor a FileReader

Na praxi

• Řešení problémů se spouštěním kódu u formulářů, webových komponent a otevírání oken.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

13. Síťové požadavky

Prozkoumat

1.Data formuláře
2. Načíst API
3.URL objekty
4.XMLHttpRequest
5.Obnovitelné stahování souborů
6. Server odeslané události
7. Soubory cookie, dokument.cookie
8.LocalStorage, sessionStorage
9. Práce s API: příjem dat a jejich zobrazení v prohlížeči
10. Typy dotazů a jejich použití

Zvládněte to

• AJAX
• Vynést
• Mezipaměti
• Typy žádostí

Na praxi

• Pište kód s ohledem na funkčnost pro síťové požadavky.
• Budete pracovat s hotovým API.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.

14. Shrnutí: recenze

Prozkoumat

1.Analýza práce studentů s API
2. Recenze JavaScriptových knihoven
3. Doporučení pro další rozvoj: co studovat, kam se posunout
4.Odpovědi na připravené otázky

Zvládněte to

• Jemné dovednosti
• JavaScriptové knihovny
• Perspektivy rozvoje
• Kontrola kódu

Na praxi

• Předložit návrh psaného kodexu, vyučující dá doporučení k jeho rozvoji a vylepšení.
Učitel výsledek zadání zhodnotí a podrobně ho s vámi probere.