Logo Vzhůru dolů: Mlátek a želízko Hromadná objednávka – při objednávce ušetříte

Rychlost a výkon webu v prohlížeči

Momentálně není vypsaný žádný veřejný termín. Napište si o nový na skoleni@vzhurudolu.cz.

Jak funguje prohlížeč a jak optimalizovat rychlost stránky v něm? Tajemná magie, nyní dostupná všem webařům.

„Opravdu víš, co se ti tam děje?“ ptá se Michal Matuška, lektor tohoto školení, ve své populární přednášce o fungování prohlížeče a ladění výkonu v něm.

Po tomto školení už budete vědět, co se v prohlížeči děje. Den s Michalem vám vytrhne trn z paty, pokud zažíváte některé z těchto situací:

  • Metriky rychlosti webu zaměřené na JavaScript (jako TTI) jsou mizerné. Chvíli trvá, než je web po vykreslení možné použít.
  • Animace není plynulá. Vy ale netušíte proč.
  • Prohlížeč se na vaší krásné stránce zadýchává při scrollování.
  • Záložka „Performance“ v Chrome DevTools se vám líbí, ale chtěli byste ji umět také používat.

Michal Matuška

Lektor: Michal Matuška

Michal je zkušený frontendový vývojář, který svými znalostmi pokrývá i hodně skrytá zákoutí CSS, JavaScriptu nebo SVG, zejména pak v kombinaci s jejich interpretací v prohlížečích. Michal spoluzaložil a je technickým šéfem brněnských SUPERKODERS, kde se podílí na vývoji frontendu pro velké české firmy.

Více o lektorovi

Fotky ze školení

Obsah

Den s Michalem je vymyšlený jako kombinace přednáškové části s prací na několika příkladech typických problémů.

  1. Jak funguje prohlížeč
    Hrubé představení fungování browserů, prakticky s dopady na psaní kódu. Zaměřeno na to co zajímá nás vývojáře – hlavní vlákno (main thread).
  2. Kde začít hledat chybu?
    Představení nástrojů v DevTools. Jak konkrétně fungují a jak z nich číst údaje potřebné k analýze stavu. Jak vytáhnout metriky, které nám rychle odpoví na otázku, zda je problém v našem kódu nebo ne.
  3. Výkon CSS (praktická ukázka)
    Ano. Už samotné CSS, tedy zejména některé jeho vlastnosti, mohou mít přímý vliv na rychlost vykreslení a překreslení stránky. Projdeme všechny faktory, které z pohledu CSS mohou web ovlivňovat.
  4. Výkon JavaScriptu (praktická ukázka)
    JavaScript je problematický. Nemá totiž žádné limity a proto se z něj může jednoduše stát nespoutaný živel, který rychlost webu začne nabourávat z mnoha stran. A taky, že nabourává. Zaměříme se na nalezení problematických míst, které mohou výkon javascriptového kódu ovlivnit.
  5. A teď do praxe
    Návrhové vzory a disciplína. Bez nich to nepůjde. Na školením vám ale umožníme zrychlit weby hned zítra. Projdeme praktické ukázky, uděláme rozbor typických problémů, do kterých se můžete dostávat.

Na konci školení dostanete prezentaci s odkazy, které vám pomohou v praxi.

Průměrné hodnocení 4,72 z 5 hvězdiček.
Na základě 18 hodnocení od 32 účastníků kurzu.

Výborné školení. Nechápu, jak jsem bez těchto znalostí mohl vůbec někdy dělat frontend.

Tomáš Skoumal – 8. října 2020

Michal dokáže odpovedať prakticky na všetko, do hĺbky rozumie fungovaniu prehliadačov a ich komponent.

Dominik Makeš, Home Credit – 8. října 2020

Tolik pro mě nových věcí, že si budu muset dát další z jiných oblastí. Určitě super a doporučuji!!

Marek Veselý, Okaycz.eu – 8. října 2020

Školitel Michal ma super friendly přístup a odborné znalosti, které umi vysvětlit i „dementovi“.

Dominik Šmíd, Český software – 5. února 2020

Další hodnocení

Pro koho to je?

Kurz je zaměřený na webové vývojáře a vývojářky, kteří už mají nějaké zkušenosti za sebou. Měli byste ovládat CSS i základy JavaScriptu. Školení se naopak nehodí pro začátečníky a pro netechnické profese.

Co potřebujete?

Školení sice zvládnete i s blokem a tužkou, ale lepší je mít vlastní laptop, na kterém bude nainstalovaný váš oblíbený editor kódu.

  • Balíček: Kompletní rychlost webu – Dvoudenní kurz, jehož je tento součástí. Všechny vědomosti o optimalizaci rychlosti webu pod vedením Martina Michálka a Michala Matušky. Při objednávce balíčku ušetříte 490 Kč bez DPH.
  • Optimalizace rychlosti webu – Martin Michálek se zaměřuje na rychlost webu ještě předtím než se začne používat v prohlížeči – tzn. během načítání a prvním vykreslení.
  • Principy JavaScriptu – JavaScript je pro vývoj webových aplikací nepostradatelný. Ale kdo ho umí pořádně? Riki Fridrich a po školení budete mít dobrý základ i vy.

Není podstatné, v jakém pořadí kurzy absolvujete. Na druhé a další školení dostanete desetiprocentní slevu.

V ceně

Kurz 9:30–17:30 pro 5–16 účastníků.
Podklady a konzultace e-mailem.
Lektor a moderátor.

Slevy

Platí vždy jedna, ta vyšší:
20 % pro nepodnikající studenty.
10 % pro účastníky předchozích školení.

Veřejné termíny

Kurz momentálně nemá vypsané žádné termíny.

Objednejte více školení na jednu fakturu a se slevou 10 %.

GoPay Mastercard VISA


Proč jít na kurzy Vzhůru dolů?

7 let zkušeností

201 školení

2 570 účastníků