Moderní JavaScript pro React, Angular, Vue, Node (ES2015+)

Zpět na kurzy
Course duration 4h 27m 26s
Course chapters 36 kapitol
Course difficulty Středně pokročilý

Moderní JavaScript

V roce 2015 přišel obrovský update JavaScriptu, který změnil způsob, jak ho psát. Opravil chyby, upravil syntaxi, přidal novinky. Jeho hlavní výhoda je, že napíšeš méně kódu, napíšeš ho rychleji a bude se chovat tak, jak čekáš. A to je speciálně, při JavaScriptu, skvělá výhoda. Tenhle kurz je pro tebe, kdo znáš JavaScript, ale zároveň chceš znát moderní JavaScript a chceš používat všechny nejšťavnatejší novinky už dnes.



Důležité upozornění: Tyto videa jsou také součástí online kurzu JavaScript a ES6. Pokud jej máte zakoupený, tenhle kurz již kupovat nepotřebujete.


ES2015 +

Historie je komplikovaná, definice jsou nejasné, ale JavaScript je programovací jazyk vytvořen podle ECMAScript specifikace. ECMAScript je všeobecný návod pro tvorbu programovacích jazyků a pravidel pro tvorbu jazyků. JavaScript je konkrétní jazyk vytvořen podle těchto pravidel.

V roce 2015 vyšla nová verze specifikace. Přinesla ohromné množství změn, nové věci, překopání starých. Byla to šestá verze specifikace. Říkáme  ES6. Vyšla v roce 2015, proto jí říkáme ES2015. Dvě zkratky pro tutéž věc. Zkratka ES2015 se dostává do popředí kvůli rozhodnutí, že další aktualizace budou vycházet každým rokem.

V posledních letech se tyto teoretické novinky začaly reálně dostávat do prohlížečů. A tím pádem i do JavaScriptu. Mnohé prohlížeče dnes podporují téměř všechny nové features, do ostatních prohlížečů se podpora dostává postupně, zbytek zařídí nástroje jako Babel.

ES2015 (a všechny další verze) dělají z JavaScriptu příjemnější jazyk. Napíšeš méně, kód je kratší, hezčí. ES2015 mírně změnilo i syntaxi jazyka. Toto je syntaxe, kterou budeš využívat. Hlavně, pokud budeš pracovat s Reactom, Vue, Angular, Node-em.

Pokud chceš používat moderní technologie, měl bys psát moderní JavaScript.

Tenhle kurz tě naučí moderní JavaScript.


Seznam kapitol online kurzu

01 Tvůj první ES2015 + kód

02 Arrow => functions (1)

03 Arrow functions (2) => pravidla pro this

04 Arrow functions (3) nemá this => non-binding this

05 Novinky v String / Number / Math

06 {block scope} 01 let, hoisting, implicitní / explicit block

07 {block scope} 02 let v cyklech, async programování

08 CONST vs. VAR vs. LET, style guides

09 Getters, setters

10 Object Literal Extensions, objekty jsou fajn a nyní ještě víc

11 Object destructuring / Destructuring assignment

12 ... rest / spread ... parametry

13 Default parameters vs. Default operator

14 Template `Strings`, Smart Strings

15 Novinky v Array

16 Iterators, nový FOR ... OF cyklus

17 Generator functions * 1

18 Generator functions * 2, idGenerator

19 Promises 01 - AJAX, jen lepší (teorie)

20 Promises 02 - timer přes slib, all, race (praxe)

21 Asynchronní programování, ASYNC / Await (teorie)

22 ASYNC / Await (praxe), callback hell jdi pryč

23 SET (jako pole, kde každá hodnota je unikát)

24 MAP (jako objekt, kde klíč může být i ne-string)

25 Symbol (nový datový typ)

26 Proxies, udělej si špiona, zůstaneš čistý

27 Chuťovky z budoucnosti, Exponentiation, UNICODE, více

28 Class, Extends, super ()

29 ES6 Modules 01, rozbít kód na soubory

30 ES6 Modules 02, z Patter na Modul

31 ES6 Modules 03, IMPORT / EXPORT

32 ES6 moduly zatím pomalé, BABEL je kamarád

BONUS 01: Tvůj druhý první ES2015 + kód (RECAP 1)

BONUS 02: Ještě stále tvůj první druhý ES2015 + kód (RECAP 2)

BONUS 03 NPM + BABEL, moderní kód ve starých prohlížečích, Babel pluginy

Kurz je možné vyzkoušet i zdarma!