JavaScript a ES6

22h 34min
Čas
190
Kapitol
Programování
Kategorie
4.9
Hodnocení
Pokročilý
Level
slovenský
Jazyk kurzu

Popis online kurzu 

JavaScript je nejpopulárnější programovací jazyk současnosti. Má nejživější vývojářskou komunitu, o pracovní ponuky není nouze.   React, Angular, Vue a Node patří mezi nejžádanější technologie. Všechny z nich vyžadují moderní JavaScript. Tento kurz tě naučí moderní JavaScript.

JavaScript  

JavaScript začal jako skriptovací jazyk internetových prohlížečů. Sloužil na ověření, zda jsi správně vyplnil formulář. Dnes toho ví omnoho víc. Víš ním : 
  • číst, upravovat a mazat HTML a CSS
  • reagovat na události v prohlížeči
  • reagovat na akce uživatele
  • ovládat prohlížeč samotný
  • dělat tak stránky interaktivními a měnit je na aplikace

Dnes JavaScript existuje i mimo prohlížeče. Node.js ti dovolí jazykem JavaScript programovat na serveru, tím pádem JavaScript dnes ví nahradit aj PHP, Ruby či Python. Když se zaměříš na JavaScript, nebudeš potřebovat žádný jiný programovací jazyk na vytvoření plnohodnotné webové aplikace. 
Tento online kurz se věnuje JavaScriptu v prohlížeči. Na skutečných příkladech se naučíš syntax a pravidla jazyka, které platí všude, i kdyby později skočíš na server.
Na konci budeš umět JavaScript používat v prohlížeči i bez knižnic, jako jQuery. Ale hlavně se naučíš psát dost moderní JavaScript na to, aby si uměl používat Angular, React, Node, Vue a cokoli dalšího, co přijde v budoucnu.

Co se naučíš 

Krom jiného se naučíš:
  • syntax a pravidla jazyka JavaScript
  • JavaScript v prohlížeči
  • moderní ES6/ES7 JavaScript
  • npm / yarn
  • zkrotit Document Object Model
  • zvládnout Event Loop
  • SVG animace
  • Webpack / Babel
  • ES6 moduly
  • asynchronní programování, async/await, promises

První polovina online kurzu tě obeznámí s jazykem na menších příkladech. Obdržíš taktéž kopu praktických rad pro práci s Developer Tools v prohlížeči a pochopíš, čím se JavaScript liší od jiných programovacích jazyků
Druhá polovina se věnuje  ES6, tzv. modernímu JavaScriptu. Modulom, bundlerom, package manažerem. Všechno věci, které potřebuješ zvládnout pro Angular či React.

Co všechno dostaneš

  • ve finále více jako 100 kapitol online kurzu
  • zdrojové kódy ke stažení
  • certifikát o absolvování online kurzu
  • garance vrácení peňez v prípadě, že s kurzem nebudeš spokojen
Online kurz JavaScript a ES6 je možné

Seznam kapitol

JavaScript je tu
Dostupné v ukázce kurzu
Dostupné v ukázce kurzu
03 Dám ti knihy od múdrejších ľudí, MDN = áno
Dostupné pouze po zakoupení přístupu
Dostupné v ukázce kurzu
★ Zadanie 01
Dostupné pouze po zakoupení přístupu
Naučím ťa programovať hry!
Dostupné pouze po zakoupení přístupu
Dostupné v ukázce kurzu
Dostupné v ukázce kurzu
Dostupné v ukázce kurzu
Tipy, rady a pravidlá pre každý kurz
Dostupné pouze po zakoupení přístupu
Inštaluj si, nastavím ti
★ Zadanie 02
Dostupné pouze po zakoupení přístupu
08 Install #1 Node, npm, package manažéri, Terminal
Dostupné pouze po zakoupení přístupu
09 Install #2 Textové editory, Sublime nastavenia, JS package
Dostupné pouze po zakoupení přístupu
10 Install #3 Lepšie dopĺňanie kódu cez Tern.js
Dostupné pouze po zakoupení přístupu
JS v prehliadači
★ Zadanie 03
Dostupné pouze po zakoupení přístupu
Dostupné v ukázce kurzu
12 Click na mašinu, String vs Number, Type Coercion
Dostupné pouze po zakoupení přístupu
13 Kolekcia na pole, NodeList vs Array, poľná frustrácia
Dostupné pouze po zakoupení přístupu
14 DOM Polyfill Shim, si sochár, vyhadzuj kód veselo
Dostupné pouze po zakoupení přístupu
15 _lodash, externé knižnice, otherDude
Dostupné pouze po zakoupení přístupu
16 localStorage - ako cookies, len sexy
Dostupné pouze po zakoupení přístupu
17 JSON formát, náš kamarát, v localStorage
Dostupné pouze po zakoupení přístupu
18 localStorage limitácie a kde sa používa naozaj
Dostupné pouze po zakoupení přístupu
★ Zadanie 04
Dostupné pouze po zakoupení přístupu
19 JSON, tučné triky v Devtools konzole
Dostupné pouze po zakoupení přístupu
20 Default operátor || "všetko je fajn, keď mám funkciu"
Dostupné pouze po zakoupení přístupu
21 Document vs. Window object, globálne premenné, JS environment
Dostupné pouze po zakoupení přístupu
22 MODULE PATTERN #1 anonymné IIFE, local function scope
Dostupné pouze po zakoupení přístupu
23 MODULE PATTERN #2 fun Declaration vs. Expression, Hoisting
Dostupné pouze po zakoupení přístupu
Nemusíš všetko (+ frustrujúce úlohy)
Dostupné pouze po zakoupení přístupu
JavaScriptové špecialitky 1
24 Ak začínaš + ktorý jazyk si vybrať (či neskoro na takú otázku?)
Dostupné pouze po zakoupení přístupu
25 Špecialitky #1 JavaScript wat
Dostupné pouze po zakoupení přístupu
26 Špecialitky #2 Začiatky JS, ECMAScript, Node.js, V8
Dostupné pouze po zakoupení přístupu
27 Špecialitky #3 JS dnes, JS nemá Classy, letmý stret s Prototypom
Dostupné pouze po zakoupení přístupu
28 Špecialitky #4 Elegantný kód, Java vs JavaScript
Dostupné pouze po zakoupení přístupu
29 Špecialitky #5 String, Number, Math.object()
Dostupné pouze po zakoupení přístupu
★ Zadanie 05
Dostupné pouze po zakoupení přístupu
30 Špecialitky #6 NaN a Infinity, číselné kuriozity (to sa rýmuje)
Dostupné pouze po zakoupení přístupu
31 Špecialitky #7 Truthy/Falsy && Coercion || == vs === comedy !!
Dostupné pouze po zakoupení přístupu
32 Špecialitky #8 Premenné, Hoisting, Scope, for a VAR vs. LET
Dostupné pouze po zakoupení přístupu
33 Špecialitky #9 {object} [array] prototype, srandy s FOR cyklom
Dostupné pouze po zakoupení přístupu
34 Špecialitky #10 funkcie() expression/stmnt, arguments.obj(), hodnota this
Dostupné pouze po zakoupení přístupu
35 Špecialitky #X-II funkcie() call/apply, "konštruktor" cez new
Dostupné pouze po zakoupení přístupu
★ Zadanie 06
Dostupné pouze po zakoupení přístupu
SVG (a strict mode)
Dostupné v ukázce kurzu
37 SVG formát, SVG HTML element, vektory sú tvoj kamarát
Dostupné pouze po zakoupení přístupu
38 SVG atribúty, smeksi animácie, appky a galérie SVG ikoniek
Dostupné pouze po zakoupení přístupu
39 SVG v HTML, aký máš dlhý a nebuď deprecated 👎 😭
Dostupné pouze po zakoupení přístupu
40 Keď píšem do inputu, SVG kruh sa vypĺňa jak treba
Dostupné pouze po zakoupení přístupu
41 Ja som mal trojku z matiky, čo sa bojíš
Dostupné pouze po zakoupení přístupu
42 Točíme kruh, už sa hráme s farbami, dočkal si sa, juch
Dostupné pouze po zakoupení přístupu
43 Classlist.toggle(), SVG stroke zdedil farbu z color
Dostupné pouze po zakoupení přístupu
44 SVG + CSS3 bounce animácia, máme spinner jak nišť
Dostupné pouze po zakoupení přístupu
45 Kompatibilitititalita s vieš čím, finálne SVG slová, úlohy
Dostupné pouze po zakoupení přístupu
★ Zadanie 07
Dostupné pouze po zakoupení přístupu
NPM a Babel
46 Úvod do ES6 alebo ES2015, pretože je to to isté ale ES6 je kratšie
Dostupné pouze po zakoupení přístupu
47 Tvoj prvý ES6 kód (...rest, => fun, class)
Dostupné pouze po zakoupení přístupu
48 Ešte stále tvoj prvý ES6 kód (default params, method(), BABEL)
Dostupné pouze po zakoupení přístupu
49 NPM a rozprávka o moduloch, sadnite si deti
Dostupné pouze po zakoupení přístupu
50 NPM, Code Reuse, Modul vs Package, [n]ode [p]ackage [m]anager
Dostupné pouze po zakoupení přístupu
51 NPM, konzolový rýchlokurz, local vs global inštalácia
Dostupné pouze po zakoupení přístupu
52 NPM init, package.json súbor, sladké dependencies
Dostupné pouze po zakoupení přístupu
53 NPM, node_modules, koľko ti zaberá? pošli mi tvoj package
Dostupné pouze po zakoupení přístupu
54 NPM, devDependencies, Production vs Development prostredie
Dostupné pouze po zakoupení přístupu
55 (npm) BABEL, moderný kód v starých prehliadačoch, Babel pluginy
Dostupné pouze po zakoupení přístupu
56 (npm) BABEL, ES2015+/ES6+ polyfill veď, watcher
Dostupné pouze po zakoupení přístupu
57 (npm) BABEL, transpiller, večná súčasť života nášho
Dostupné pouze po zakoupení přístupu
ESLint a VSCode videá
Dostupné pouze po zakoupení přístupu
ES6+ / ES2015+
58 ES6/01 ES6 v zmysle ES2015+
Dostupné pouze po zakoupení přístupu
Dostupné v ukázce kurzu
60 ES6/03 Arrow functions(2) => pravidlá pre this
Dostupné pouze po zakoupení přístupu
61 ES6/04 Arrow functions(3) nemá this => non-binding this
Dostupné pouze po zakoupení přístupu
62 ES6/05 { block scope } 01 let, hoisting, implicit/explicit block
Dostupné pouze po zakoupení přístupu
63 ES6/06 { block scope } 02 let v cykloch, async programovanie
Dostupné pouze po zakoupení přístupu
64 ES6/07 CONST vs. VAR vs. LET, style guides
Dostupné pouze po zakoupení přístupu
65 ES6/08 Object Literal Extensions, objekty sú fajn a teraz ešte viac
Dostupné pouze po zakoupení přístupu
66 ES6/09 Object destructuring / Destructuring assignment
Dostupné pouze po zakoupení přístupu
67 ES6/10 ...rest / spread... parametre
Dostupné pouze po zakoupení přístupu
68 ES6/11 Default parameters vs. Default operator
Dostupné pouze po zakoupení přístupu
69 ES6/12 Template `Strings`, Smart Strings
Dostupné pouze po zakoupení přístupu
70 ES6/13 Novinky v String / Number / Math
Dostupné pouze po zakoupení přístupu
71 ES6/14 Novinky v Array
Dostupné pouze po zakoupení přístupu
72 ES6/15 Iterators, nový FOR...OF cyklus
Dostupné pouze po zakoupení přístupu
73 ES6/16 Generator functions* 1
Dostupné pouze po zakoupení přístupu
74 ES6/17 Generator functions* 2, idGenerator
Dostupné pouze po zakoupení přístupu
Dostupné v ukázce kurzu
76 ES6/19 Promises 02 - timer cez sľub, all, race (prax)
Dostupné pouze po zakoupení přístupu
77 ES6/20 Asynchrónne programovanie, ASYNC/AWAIT (teória)
Dostupné pouze po zakoupení přístupu
78 ES6/21 ASYNC/AWAIT (prax), callback hell choď preč
Dostupné pouze po zakoupení přístupu
79 ES6/22 SET (ako pole, kde každá hodnota je unikát)
Dostupné pouze po zakoupení přístupu
80 ES6/23 MAP (ako objekt, kde kľúč môže byť aj ne-string)
Dostupné pouze po zakoupení přístupu
81 ES6/24 Symbol (nový dátový typ)
Dostupné pouze po zakoupení přístupu
Dostupné v ukázce kurzu
83 ES6/26 Proxies, sprav si špióna, zostaneš čistý
Dostupné pouze po zakoupení přístupu
84 ES6/27 Chuťovky z budúcnosti, Exponentiation, UNICODE, viac
Dostupné pouze po zakoupení přístupu
85 ES6/28 Class, extends, super()
Dostupné pouze po zakoupení přístupu
86 ES6 Modules 01, rozbi kód na súbory (teória)
Dostupné pouze po zakoupení přístupu
87 ES6 Modules 02, z Patternu na Modul
Dostupné pouze po zakoupení přístupu
88 ES6 Modules 03, IMPORT / EXPORT
Dostupné pouze po zakoupení přístupu
89 ES6 moduly zatiaľ pomalé, prepáč
Dostupné pouze po zakoupení přístupu
Vue.js a jQuery BONUSY
Dostupné v ukázce kurzu
91 [BONUS] Vue.js appka 02: reaktívne elementy
Dostupné pouze po zakoupení přístupu
92 [BONUS] Vue.js appka 03: animácie
Dostupné pouze po zakoupení přístupu
🔥Vue.js + SPA kurz! 🔥
Dostupné pouze po zakoupení přístupu
★ Zadanie 08
Dostupné pouze po zakoupení přístupu
93 [BONUS] Email obfuscation, skry ho pred robotom;)
Dostupné pouze po zakoupení přístupu
Efektívny JavaScript a animácie
94 Efektívny kód, async/defer
Dostupné pouze po zakoupení přístupu
96 Performance 01 / ako spúšťať menej kódu, Progress Indicator 01
Dostupné pouze po zakoupení přístupu
97 Performance 02 / Progress Indicator 02
Dostupné pouze po zakoupení přístupu
98 Performance 03 / odmeraj si FPS (lebo chceš 60fps a nemáš)
Dostupné pouze po zakoupení přístupu
99 Throttle
Dostupné pouze po zakoupení přístupu
100 Debounce (video 100, ha!)
Dostupné pouze po zakoupení přístupu
★ Zadanie 09
Dostupné pouze po zakoupení přístupu
101 DevTools PerfTools (zmákni Performance Tab v DevTools)
Dostupné pouze po zakoupení přístupu
102 Rendering / Painting / Scripting / Reflow / Layout v prehliadači
Dostupné pouze po zakoupení přístupu
103 Ako nájsť BOTTLENECK v kóde cez Performance Tools
Dostupné pouze po zakoupení přístupu
104 Svižné animácie 01 / ScaleX brácho
Dostupné pouze po zakoupení přístupu
105 Svižné animácie 02 / žiadny PAINT cez TRANSFORM
Dostupné pouze po zakoupení přístupu
106 Svižné animácie 03 / oklam oko cez EASING
Dostupné pouze po zakoupení přístupu
107 Top/Left vs CSS transform (gule nablýskané)
Dostupné pouze po zakoupení přístupu
108 Compositing
Dostupné pouze po zakoupení přístupu
109 Čo môžeš a NESMIEŠ meniť, ak chceš rýchle animácie
Dostupné pouze po zakoupení přístupu
110 will-change
Dostupné pouze po zakoupení přístupu
111 DOM výkon 01 / odmeraj si koľko ti trvá (kód)
Dostupné pouze po zakoupení přístupu
112 DOM výkon 02 / prvý veľký performance test
Dostupné pouze po zakoupení přístupu
113 DOM výkon 03 / 5 spôsobov rýchlej DOM manipulácie
Dostupné pouze po zakoupení přístupu
114 requestAnimationFrame (a nie setTimeout/setInterval)
Dostupné pouze po zakoupení přístupu
115 requestAnimationFrame - zosynchronizuj sa s monitorom
Dostupné pouze po zakoupení přístupu
116 setInterval vs setTimeout vs rAF (kedy ktorý? jeden nikdy)
Dostupné pouze po zakoupení přístupu
117 Multithreading, buď vláčna, vláknatá
Dostupné pouze po zakoupení přístupu
118 Web Workers 01
Dostupné pouze po zakoupení přístupu
119 Web Workers 02, sieťový roboš
Dostupné pouze po zakoupení přístupu
120 Micro Tasks (rozbi masívny náklad na kúsky)
Dostupné pouze po zakoupení přístupu
★ Zadanie 10
Dostupné pouze po zakoupení přístupu
121 269 tipov pre rýchly JavaScript
Dostupné pouze po zakoupení přístupu
122 Ďalších 167 tipov pre rýchly JavaScript
Dostupné pouze po zakoupení přístupu
123 Animačné knižnice
Dostupné pouze po zakoupení přístupu
124 anime.js
Dostupné pouze po zakoupení přístupu
125 Posledný trik a finále JS efektivity
Dostupné pouze po zakoupení přístupu
★ Zadanie 11
Dostupné pouze po zakoupení přístupu
Module Bundler (Parcel) a YARN
126 Používam BUNDLER, kradnem z Redditu 01
Dostupné pouze po zakoupení přístupu
127 Používam BUNDLER, kradnem z Redditu 02
Dostupné pouze po zakoupení přístupu
128 Čo je MODULE BUNDLER? PARCEL vs WEBPACK
Dostupné pouze po zakoupení přístupu
129 Užitočné NPM package, tvoj švédsky stôl technológií, nažer sa
Dostupné pouze po zakoupení přístupu
130 PARCEL WORKFLOW 01 sass, babel, autoprefix
Dostupné pouze po zakoupení přístupu
131 PARCEL WORKFLOW 02 postcss-uncss, build
Dostupné pouze po zakoupení přístupu
132 BUILD STEP, DEV vs PRODUCTION server, Document Root
Dostupné pouze po zakoupení přístupu
133 YARN vs NPM
Dostupné pouze po zakoupení přístupu
134 JavaScript frontend 2018, toto všetko musím vedieť? Spoiler: NIE
Dostupné pouze po zakoupení přístupu
135 yarn outdated, upgrade-interactive, package.json ~verzie
Dostupné pouze po zakoupení přístupu
136 Návrh nového projektu, Vanilla Dudes, Class pre formuláre
Dostupné pouze po zakoupení přístupu
137 Form.js Getters/Setters, žiadne bodkočiarky??
Dostupné pouze po zakoupení přístupu
138 EVENT DELEGATION
Dostupné pouze po zakoupení přístupu
139 Create new dude, z Formu do DOMu
Dostupné pouze po zakoupení přístupu
140 Validácia, HTML5 dataset
Dostupné pouze po zakoupení přístupu
141 Z JSONu do stránky, default parameters
Dostupné pouze po zakoupení přístupu
142 Môj proces™, ako som to spravil naozaj, každý je iný #verydeep
Dostupné pouze po zakoupení přístupu
★ Zadanie 12
Dostupné pouze po zakoupení přístupu
NPM build tool (vs Grunt/Gulp)
Dostupné v ukázce kurzu
Dostupné v ukázce kurzu
Dostupné v ukázce kurzu
★ Zadanie 13
Dostupné pouze po zakoupení přístupu
Webpack (Module Bundler)
146 WEBPACK
Dostupné pouze po zakoupení přístupu
147 WEBPACK 4+ zero config - bundling ÁNO, konfigurák NIE
Dostupné pouze po zakoupení přístupu
148 WEBPACK config file, source maps, cache busting
Dostupné pouze po zakoupení přístupu
149 WEBPACK plugins, CleanWebpackPlugin, HtmlWebpackPlugin
Dostupné pouze po zakoupení přístupu
150 WEBPACK config pre DEV a PRODUCTION, Webpack DEV SERVER
Dostupné pouze po zakoupení přístupu
151 WEBPACK loaders 01, babel, regex, config generátory
Dostupné pouze po zakoupení přístupu
152 WEBPACK loaders 02, Sass, CSS, style
Dostupné pouze po zakoupení přístupu
153 WEBPACK extract CSS to file, CleanCSS, PostCSS, PurifyCSS
Dostupné pouze po zakoupení přístupu
154 WEBPACK img/file loaders, obrázky, CHUNKHASH vs HASH
Dostupné pouze po zakoupení přístupu
155 Webpack TREE SHAKING (automaticky vysekne nepoužívaný JS kód)
Dostupné pouze po zakoupení přístupu
156 Náš kód je prerastené prasa, ale taký je život (+ ENV variables)
Dostupné pouze po zakoupení přístupu
157 WEBPACK ezoterično (Hot Module Replacement, ImageOptim a tak)
Dostupné pouze po zakoupení přístupu
158 jQuery je mŕtve? Sám si! (pozor: padnú nadávky, rúham sa)
Dostupné pouze po zakoupení přístupu
159 WEBPACK Visualizer
Dostupné pouze po zakoupení přístupu
JavaScriptové špecialitky 2
160 JavaScript špecialitky #2, stiahni si moje šťavnaté PDF
Dostupné pouze po zakoupení přístupu
161 Nečakané CSS tipy a takmer že až programátorské rady
Dostupné pouze po zakoupení přístupu
162 CLOSURES
Dostupné pouze po zakoupení přístupu
163 Ukradni mi dáta z kurzov, vypočímatematikuj priemernú dĺžku videí
Dostupné pouze po zakoupení přístupu
164 PROTOTYPE
Dostupné pouze po zakoupení přístupu
165 3 spôsoby ako zadeliť DEDIČNOSŤ v JS
Dostupné pouze po zakoupení přístupu
166 OLOO vs ES6 Class
Dostupné pouze po zakoupení přístupu
★ Zadanie na koniec
Dostupné pouze po zakoupení přístupu
Vlastný NPM package
Dostupné v ukázce kurzu
Dostupné v ukázce kurzu
169 Vlastný NPM package, Maštalizátor 03, NPM PUBLISH, Tomáš žije
Dostupné pouze po zakoupení přístupu
170 Sme tu, sme povznesení
Dostupné pouze po zakoupení přístupu
Poď ma sledovať, creep
Dostupné pouze po zakoupení přístupu

Hodnocení kurzu

JavaScript a ES6

Pracovať bez srandy by nebolo ono!!! Len tak ďalej Yablko...

Zsolt G.

JavaScript a ES6

nice

Tibor G.

Podívej se i na tyto kurzy

Yablko (Roman Hraška) Yablko (Roman Hraška)
Front-end, back-end
22 Online kurzů
0 Příspěvků
Přejít na kanál

Akce! Získej předplatné za 999Kč na měsíc

Získej přístup do největší nabídky online kurzů na trhu, nyní v super akci.