KURZ: Webpack – od nuly až po funkční balení webové aplikace

Webpack je aplikace postavená na Node.js, díky které můžete ve webové aplikaci využít moduly z Node.js. A nejen to. Můžete použít i ES moduly nebo importovat assety (obrázky, CSS, písma) jako by to byly kusy JavaScriptu. Výsledkem je balíček, který můžete použít rovnou v prohlížeči na webové stránce. Na začátku je tedy Node.js, Webpack, Javascript, CSS, nějaké obrázky a písma a na konci je hotová webovka. Díky nastavení a různým pluginům a modulům ještě můžeme využít preprocesory CSS (LESS, SASS), transpilaci do nižších verzí JavaScriptu a polyfilly (díky čemuž náš moderní kód spustíme i v IE 10) či kontrolu pravidel psaní CSS a JS kódu. Webpack není určen jen pro balení, ale i pro vývoj. Na tomto školení se dozvíte, jak nainstalovat, spustit a nakonfigurovat Webpack, aby za vás udělal maximum práce jak při vývoji webové stránky, tak při tvorbě produkčního kódu. Začneme na nule a na konci kurzu budete míz hotový kompletní boilerplate, který okamžitě budete moci zakomponovat do * Úvod   Základní konfigurace   Assety (zdroje)   Řízení a distribuce výstupu   Vývoj s Webpackem   Pomocné prostředky a optimalizace   Nezávislá konfigurace pro vývoj a produkci   Vlastní balení  

Program kurzu

Úvod
• Instalace
• První spuštění
• Jak to vlastně funguje

Základní konfigurace
• Spuštění bez konfigurace Základní konfigurační soubor

Assety (zdroje)
• CSS
• Fonty
• Obrázky
• Minifikace obrázků
• Statická data (json, csv, xml)

Řízení a distribuce výstupu
• Více koncových souborů
• Šablona pro HTML stránku
• Cachování souborů
• Vyčištění složky s produkčními soubory

Vývoj s Webpackem
• Zdrojové mapy
• Watching
• Reloading webové stránky

Pomocné prostředky a optimalizace
• Statistiky
• Deduplikace
• Lazy loading skriptů

Nezávislá konfigurace pro vývoj a produkci
• Princip konfigurace
• Společná část

Vlastní balení
• Vlastní polyfilly
• Babel: transpilace do ES5- a polyfilly
• Lintování CSS a JS (kontrola dodržení pravidel při psaní kódu)
• Preprocesory CSS (LESS, příp. SASS), autoprefixer
• CSS v samostatném souboru
• Vylepšení minifikace CSS a JS
• Nabídnutí javascritptu pro starší prohlížeče (s polyfilly)

Předpokládané znalosti: JavaScript na pokročilejší úrovni HTML a kaskádových stylů, výhodou je znalost moderního JavaScriptu (moduly), Node.js, CSS preprocesorů (LESS, SAAS).

Obsah kurzu - školení     ÚvodZákladní konfiguraceAssety (zdroje)Řízení a distribuce výstupuVývoj s WebpackemPomocné prostředky a optimalizaceNezávislá konfigurace pro vývoj a produkciVlastní balení

Cíl školení - poznámka ke kurzu     Webpack je aplikace postavená na Node.js, díky které můžete ve webové aplikaci využít moduly z Node.js. A nejen to. Můžete použít i ES moduly nebo importovat assety (obrázky, CSS, písma) jako by to byly kusy JavaScriptu. Výsledkem je balíček, který můžete použít rovnou v prohlížeči na webové stránce. Na začátku je tedy Node.js, Webpack, Javascript, CSS, nějaké obrázky a písma a na konci je hotová webovka. Díky nastavení a různým pluginům a modulům ještě můžeme využít preprocesory CSS (LESS, SASS), transpilaci do nižších verzí JavaScriptu a polyfilly (díky čemuž náš moderní kód spustíme i v IE 10) či kontrolu pravidel psaní CSS a JS kódu. Webpack není určen jen pro balení, ale i pro vývoj. Na tomto školení se dozvíte, jak nainstalovat, spustit a nakonfigurovat Webpack, aby za vás udělal maximum práce jak při vývoji webové stránky, tak při tvorbě produkčního kódu. Začneme na nule a na konci kurzu budete míz hotový kompletní boilerplate, který okamžitě budete moci zakomponovat do svého workflow.

Podrobnosti o kurzu

• Pořadatel kurzu
  ICT Pro s.r.o. – Kurzy, školení, konzultace ICT a Soft Skills
• Obchodní podmínky
  Organizační informace pro účastníky školení Školení standardně probíhají v učebnách Školicího centra ICT Pro v Brně, na ulici Sochorova 38, nebo v Praze, na ulici Líbalova 1. Po vzájemné dohodě zcela běžně pořádáme zákaznické kurzy i ve školicích prostorách klienta, případně v učebnách našich partnerských výukových středisek nebo v námi či zákazníkem pronajatých prostorách. Přihlášky na kurzy zajišťované školicím centrem ICT Pro jsou přijímány e-mailem nebo prostřednictvím formuláře na webových stránkách. Elektronické přihlášky jsou považovány za závazné. Zařazení všech přihlášených je prováděno podle pořadí došlých objednávek. Po přihlášení obdrží zákazník obratem automatické potvrzení o přijetí přihlášky. Nejpozději jeden až dva týdny před zahájením kurzu obdrží zákazník závazné potvrzení termínu spolu s pozvánkou a dalšími upřesňujícími detaily. V případě, že je již termín zvoleného kurzu naplněn, budete kontaktováni zákaznickým servisem s nabídkou alternativních termínů konání. U vícedenních školení vám v případě potřeby rádi dáme tipy na ubytování, pokud možno v jednom z přilehlých ubytovacích zařízení. Na školeních má každý účastník k dispozici počítač s potřebným softwarem a připojením na internet. Výuka v oblasti ICT má zpravidla charakter „hands on“, což znamená, že teoretický výklad je přímo doprovázen praktickými ukázkami a aktivní prací posluchačů na PC. Ceny kurzů zpravidla zahrnují: služby kvalifikovaného školitele přípravu školení, přizpůsobení obsahu požadavkům klienta knižní publikaci k danému tématu [pokud je v ceně kurzu ], případně studentský manuál v tištěné nebo el. podobě zajištění dokumentace ke školení vydání certifikátu o absolvování kurzu zabezpečení výstupů a zpětné vazby pro zadavatele [na vyžádání] psací potřeby [poznámkový blok a tužka] oběd v blízké restauraci - pokud je v ceně kurzu občerstvení o přestávkách [káva, čaj, sušenky, minerálky apod.] využívání našich vzdělávacích prostor, strojový čas počítačů atd.

Dotazy a komentáře ke kurzu

Přihláška na kurz

Odesláním formuláře 'Přihláška na kurz' se zaregistruje Vaše přihláška a na zadaný email přijde potvrzení o odeslání této přihlášky. V případě poskytnutí osobních údajů, souhlasíte s archivací těchto údajů v souladu s podmínkami zákona č. 101/2000 Sb., o ochraně osobních údajů, ve znění pozdějších předpisů. Souhlas se zpracováním osobních údajů pro marketingové účely nevyžadujeme, tyto data nezpracováváme. Server pouze zprostředkovává objednávky kurzů & kontakt na jejich pořadatele. Před odesláním přihlášky je nutno souhlasit s obchodními podmínkami účasti na kurzu daného pořadatele kurzu. Neodpovídáme za správnost uvedených údajů. © OBEC.net, sro.

---

URL >> https://skoleni.net/skoleni_86590_webpack-–-od-nuly-az-po-funkcni-baleni-webove-aplikace.html

---

Webpacknulyfunkčníbaleníwebovéaplikace