Kurz: Grunt.js a Gulp.js

Grunt, Gulp, Bower nebo Yeoman vám po tomto školení pomohou zautomatizovat a obohatit vaše pracovní postupy.

⚠️ Toto školení nyní není v naší nabídce.
Podívejte se na další naše kurzy nebo videa.

Práce webového frontendisty je plná úkonů, které se opakují. Nebo neopakují, ale do zábavných částí vývojařiny zrovna nepatří. Na tomto školení zrychlíte své pracovní tempo pomocí nástrojů Grunt, Gulp, Bower nebo Yeoman.

Grunt nebo Gulp zautomatizují kompilaci CSS preprocesorů, CoffeeScriptu, spouštění testů, generování dokumentace, spojování, minifikaci souborů pro produkční nasazení a desítky další úkonů, u kterých jste si ani neuměli představit, že je zautomatizovat lze. Pořád váháte k čemu by měly být právě vám? Tady je podrobnější úvod do Grunt.js.

Bower je zase balíčkovací systém, který na frontendu chyběl. Usnadňuje instalaci knihoven jako jQuery nebo Bootstrap včetně stovek pluginů do vašeho projektu. A hlavně — spravuje jejich vzájemné závislosti a zjednodušuje aktualizace.

Děláte typizované weby? Louskáte třeba WordPress weby jako Baťa cvičky? Yeoman je tady proto, aby vám usnadnil start. Základ příštího webu si vygenerujete jedním příkazem.

Pro koho?

Největší užitek z kurzu budou mít ti profesionální weboví vývojáři co Grunt, Gulp, Bower nebo Yeoman ještě nepoužívají nebo sice ano, ale mají pocit, že je co zlepšovat.

Co potřebujete?

Budeme pracovat s příkazovou řádkou, takže se jí nesmíte bát, ale stačí vám úplné základy. Vezměte si vlastní laptop. Školení zvládnete i s blokem a tužkou, ale nic si pořádně nevyzkoušíte.

Lektor: Riki Fridrich

Riki je jeden z nejzkušenějších česko-slovenských javascriptových vývojářů, blogger a populární konferenční řečník pracující pro Inline Manual.

Více o lektorovi

Obsah

Grunt, Gulp, Yeoman, Bower
- Nastavení prostředí a projektu
- Používaní existujících tásků/procesů/modulů a tvorba vlastních
Automatizace s Gruntem a Gulpem včetně praktického vyzkoušení
- Kompilace (CoffeeScript, CSS preprocesory)
- Zjednodušení vývoje (např. Source Maps, doplňování prefixových vlastností)
- Příprava podkladů pro produkční prostředí (spojování zdrojáků, minifikace, optimalizace obrázků)
- Automatické testování, vytváření dokumentace
- Jednodné psaní kódu v teamu (linting)
- Navázání tásků na verzování (GIT hooks)
Vaše individiuální potřeby
- Jak si Grunt, Bower a Yeoman nastavit, aby vyhovovaly vašemu firemnímu prostředí nebo pracovním postupům.

Naučil jsem se Grunt a Gulp, ale také získal přehled o dalších technologiích jako Webpack a Rollup. Opravdu parádní školení.

Jaroslav Eichinger, Avast – 8. února 2016

Školení mi podalo přehled o nástrojích používaných pro vývoj webových aplikací. Mrzí mě pouze to, že jsem si automatizaci procesů předem nevyzkoušel, protože bych měl určitě více dotazů.

František Válek, Česká spořitelna – 9. listopadu 2015

Velmi příjemné posezení a rozprava. Mnoho nových informací i v případě, že již nástroje používám nějaký ten měsíc.

Adam Řezníček, Dark Side – 23. října 2015

Kurz Grunt/Gulp byl skvělý. Odnesla jsem si z něho spoustu užitečných informací, tipů a rad.

Hana Přádová, webkodérka – 9. října 2014

Grunt používám, ale vlastně jsem mu jako neprogramátor moc nerozuměl. S Rikiho pomocí jsem chtěl pochopit principy a dostat tipy a triky. To se splnilo.

Martin Michálek – 6. května 2014