Detail kurzu
JavaScript a ES6
Learn2Code
Popis kurzu
Popis online kurzu
JavaScript je najpopulárnejší programovací jazyk súčasnosti. Má najživšiu vývojársku komunitu, o pracovné ponuky nie je núdza. React, Angular, Vue a Node patria medzi najžiadanejšie technológie. Všetky z nich vyžadujú moderný JavaScript. Tento kurz ťa naučí moderný JavaScript.
JavaScript začal ako skriptovací jazyk internetových prehliadačov. Slúžil na overenie, čo si správne vyplnil formulár. Dnes toho vie oveľa viac. Vieš ním:
- čítať, upravovať a mazať HTML a CSS
- reagovať na udalosti v prehliadači
- reagovať na akcie používateľa
- ovládať prehliadač samotný
- robiť tak stránky interaktívnymi a meniť ich na aplikácie
Dnes JavaScript existuje aj mimo prehliadača. Node.js ti dovolí jazykom JavaScript programovať na serveri, tým pádom JavaScript dnes vie nahradiť aj PHP, Ruby či Python. Ak sa zameriaš na JavaScript, nebudeš potrebovať žiaden iný programovací jazyk na vytvorenie plnohodnotnej webovej aplikácie.
Tento online kurz sa venuje JavaScriptu v prehliadači. Na skutočných príkladoch sa naučíš syntax a pravidlá jazyka, ktoré platia všade, aj keby neskôr skočíš na server.
Na konci budeš vedieť JavaScript používať v prehliadači aj bez knižníc, ako jQuery. Ale hlavne sa naučíš písať dosť moderného JavaScriptu na to, aby si vedel používať Angular, React, Node, Vue a čokoľvek ďalšie, čo príde v budúcnosti.
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
