ES 2015

ES 2015

JavaScript, vyvíjí se vůbec?

Ondřej Žára, Seznam.cz

O čem to bude?

10 minut na přednášku
ECMAScript 2015
Pivo, limo

Vývoj JavaScriptu

Jazyk starší než řada studentů prvního ročníku VŠ
Vývoj (kupodivu) stále probíhá
- Nepravidelnou rychlostí
- Pod záštitou ECMA TC39
Nové verze = nové problémy s kompatibilitou

ES 2015 (ES 6)

Poslední stabilní verze jazyka (17. 6. 2015)
Ohromné množství novinek, málo změn
Podpora v prohlížečích a dalších interpretech

Hint #1: nikde není kompletní (Android a iOS7 12%…)
Hint #2: kupodivu to nevadí

ES 2015 (ES 6)

Novinky by vydaly na několik samostatných přednášek
Většina z nich nepřináší nové koncepty, ale (syntaktická) usnadnění
Třídy, arrow functions, template literals, Promises, Generátory, Iterátory, Proxies…
…a co se nevešlo, tvoří základ pro příští verzi ES 7

ES 2015 (ES 6) – ukázka

import * as net from "net.js";

function response(data) {
	data
		.filter( item => item.enabled )
		.forEach( (item, index) => {
			console.log(item, index);
		});
}

export function request(url) {
	return net.request("/data.txt").then(response, alert);
}

ES 2015 už dnes?

Chcete jít s dobou?
- ~~Naučte se jQuery~~
- ~~Naučte se Angular~~
- ~~Naučte se React~~
- ~~Noste plnovous~~
- Naučte se jazyk včetně všech jeho specifik a novinek
V Seznamu ES 2015 (někdy) používáme a je to super!

ES 2015 už dnes?

Prohlížeče ES 2015 neumí
Proto je nutná transformace ES 2015 ⇒ ES 5.1 (verze v prohlížečích implementovaná kompletně)
Této transformaci se někdy říká hipsterským termínem transpilace
Používá se k tomu nástroj Babel

Babel

Napsaný v JavaScriptu
Vstup ES 2015, výstup ES 5.1
Tři hlavní způsoby použití:
- On-line hřiště na experimenty
- JS knihovna (deprecated)
- Server-side preprocessing (podobně jako LESS, SASS, Webpack, Browserify…)

Výstup z Babelu

Syntaxe

Kde lze, přechod na syntaxi ES 5.1 (třídy, arrow functions, …)
Kde nelze, nabídka alternativních řešení kompatibilních s ES 5.1 (moduly)

Nová API

Babel ignoruje
Pokud lze, dodáme polyfill (Promise)
Pokud nelze, smůla (Proxies)

Mami, už můžeme jít?

Kdo se nenaučí ES 2015, shnije v technologickém sklepě mezi Flashem a IE6
Čím dříve, tím lépe
Novinky v ES 2015 jsou boží
S Babelem to jde docela snadno

Prostor pro otázky – není! Ale bude, u stolečku a půllitru.
Ondřej Žára, lopata senior, ondrej.zara@firma.seznam.cz