JavaScript a ES6

Learn2Code

Popis kurzu

Obsah kurzu

Čo sa naučíš

Okrem iného sa naučíš:

• syntax a pravidlá jazyka JavaScript
• JavaScript v prehliadači
• moderný ES6/ES7 JavaScript
• npm / yarn
• skrotiť Document Object Model
• zvládnuť Event Loop
• SVG animácie
• Webpack / Babel
• ES6 moduly
• asynchrónne programovanie, async/await, promises

Prvá polovica online kurzu ťa oboznámi s jazykom na menších príkladoch. Dostaneš tiež kopu praktických rád pre prácu s Developer Tools v prehliadači. A pochopíš, čím sa JavaScript líši od iných programovacích jazykov.

Druhá polovica sa venuje ES6, tzv. modernému JavaScriptu. Modulom, bundlerom, package manažérom. Všetko veci, ktoré potrebuješ zvládnuť pre Angular či React.

Čo všetko dostaneš

• nadupaných 170 kapitol online kurzu
• viac ako 22 hodín videotutoriálov
• zdrojové kódy na stiahnutie
• certifikát o absolvovaní online kurzu
• garancia vrátenia peňazí v prípade, ak nebudeš s kurzom spokojný

Zoznam kapitol online kurzu * JavaScript je tu

01 JavaScript, kto je to?

02 JavaScript, pekný je, ale čo sa s ním dá robiť?

03 Dám ti knihy od múdrejších ľudí, MDN = áno

04 Prvý kód a prvotriedne funkcie()

05 Devtools break/point callStack (anonymné funkcie())

★ Zadanie 01

06 Event {object} console.log Devtools beforeunload

07 Šaháme na CSSko, lietame šípkami

Inštaluj si, nastavím ti

★ Zadanie 02

08 Install #1 Node, npm, package manažéri, Terminal

09 Install #2 Textové editory, Sublime nastavenia, JS package

10 Install #3 Lepšie dopĺňanie kódu cez Tern.js

JS v prehliadači

★ Zadanie 03

11 Devtools je plný klenotov, Audits, JS a CSS láska

12 Click na mašinu, String vs Number, Type Coercion

13 Kolekcia na pole, NodeList vs Array, poľná frustrácia

14 DOM Polyfill Shim, si sochár, vyhadzuj kód veselo

15 _lodash, externé knižnice, otherDude

16 localStorage – ako cookies, len sexy

17 JSON formát, náš kamarát, v localStorage

18 localStorage limitácie a kde sa používa naozaj

★ Zadanie 04

19 JSON, tučné triky v Devtools konzole

20 Default operátor || „všetko je fajn, keď mám funkciu“

21 Document vs. Window object, globálne premenné, JS environment

22 MODULE PATTERN #1 anonymné IIFE, local function scope

23 MODULE PATTERN #2 fun Declaration vs. Expression, Hoisting

JavaScriptové špecialitky 1

24 Ak začínaš + ktorý jazyk si vybrať (či neskoro na takú otázku?)

25 Špecialitky #1 JavaScript wat

26 Špecialitky #2 Začiatky JS, ECMAScript, Node.js, V8

27 Špecialitky #3 JS dnes, JS nemá Classy, letmý stret s Prototypom

28 Špecialitky #4 Elegantný kód, Java vs JavaScript

29 Špecialitky #5 String, Number, Math.object()

★ Zadanie 05

30 Špecialitky #6 NaN a Infinity, číselné kuriozity (to sa rýmuje)

31 Špecialitky #7 Truthy/Falsy && Coercion || == vs === comedy !!

32 Špecialitky #8 Premenné, Hoisting, Scope, for a VAR vs. LET

33 Špecialitky #9 {object} [array] prototype, srandy s FOR cyklom

34 Špecialitky #10 funkcie() expression/stmnt, arguments.obj(), hodnota this

35 Špecialitky #X-II funkcie() call/apply, „konštruktor“ cez new

★ Zadanie 06

SVG (a strict mode)

36 ‚use strict‘, buď na mňa BDSM

37 SVG formát, SVG HTML element, vektory sú tvoj kamarát

38 SVG atribúty, smeksi animácie, appky a galérie SVG ikoniek

39 SVG v HTML, aký máš dlhý a nebuď deprecated

Hodnotenie