Záznamy webinářů

Rychlost webu

Jak správně měřit rychlost webu?

První chyby při optimalizaci rychlosti se dělají už v měřeních. Pomůže mít vhodné nástroje a umět interpretovat výsledky.

Začínající i netechnici

Přejít na YouTube

Ladíme rychlost v Chrome DevTools

Jeden web, jeden prohlížeč a jedna hodina času. Jak optimalizovat rychlost webu s pomocí DevTools?

Pokročilí

Přejít na YouTube

PageSpeed Insights & Lighthouse: tipy a triky

Ponor do hlubin nejznámějších nástrojů pro testování rychlosti. Co se skrývá za fasádou jejich základních reportů?

Pokročilí

Přejít na YouTube

Měření a optimalizace CLS

Optimalizace metriky Cumulative Layout Shift není tak snadná, jak by se mohlo zdát. Ideální téma pro video.

Pokročilí

Přejít na YouTube

Měříme a optimalizujeme LCP

Largest Contentful Paint je možná tou nejdůležitější ze sady metrik rychlosti webu Web Vitals.

Pokročilí

Přejít na YouTube

Zrychlete web pomocí lazy loadingu

Odložení zpracování stránky patří mezi nejefektivnější techniky optimalizace rychlosti webu.

Pokročilí

Přejít na YouTube

WebP, AVIF nebo JPEG?

Prohlížeče se mohou přetrhnout v přidávání podpory nových obrázkových formátů. Vyznejte se v nich.

Středně pokročilí

Přejít na YouTube

Optimalizace CSS a JavaScriptu

Styly a skripty jsou při zvyšování rychlosti kritické. Naučte se hledat příležitosti a optimalizovat načítání CSS a JS.

Začínající

Přejít na YouTube

Optimalizace obrázků a webfontů

Bez optimalizace obrázků a webfontů weby nezrychlíme. Webinář vám ukáže možnosti optimalizací.

Začínající

Přejít na YouTube

CSS

CSS grid: mřížka v kostce

Praktické video postavené na živém kódování, kde se naučíte nebo si osvěžíte základní i pokročilejší vlastnosti gridu.

Začínající a mírně pokročilí

Přejít na YouTube

Atomické CSS a Tailwind

Podle celosvětové ankety State of CSS byl rok 2020 rokem nástupu popularity systémů atomického CSS.

Začínající a mírně pokročilí

Přejít na YouTube

JavaScript

Praktický úvod do Vue

Vstup do populárního javascriptového frameworku s vysvětlením skrytých principů od povolaného lektora.

Začínající

Přejít na YouTube

NPM a Yarn

NPM a Yarn jsou vnímány hlavně jako správci balíčků, ale byla by škoda je používat jen tak málo.

Začínající a středně pokročilí

Přejít na YouTube

Principy Webpacku

Webpack je nejdůležitější nástroj pro zpracování javascriptového, ale i jiného frontendového kódu. Poznejte jej více.

Začínající a středně pokročilí

Přejít na YouTube

Píšeme testy JS kódu

Psát testy je jednoduché pokud umíte psát testovatelný kód. V tomto webináři si ukazujeme jak na to.

Středně pokročilí

Přejít na YouTube

Nástroje pro testování JS kódu

Jaký nástroj vybrat pro testování javascriptového kódu? Webinář vám ukáže rozdíly a lektor nasdílí zkušenosti.

Středně pokročilí

Přejít na YouTube

Variabilní fonty prakticky

Variable fonts přinesly do webové typografie zásadní inovaci. Podívejme se na ně prakticky.

Pokročilí

Přejít na YouTube

Jak správně vkládat SVG na web

Zjistěte, jak vkládat SVG do stránky, optimalizovat soubory a na co si dát pozor v podkladech.

Pokročilí

Přejít na YouTube

Animace naplno s knihovnou GSAP

Animovat pomocí jQuery nebo CSS vám rychle přestane stačit. Kam jít dál? Co švýcarský nožík pro animace – GSAP?

Začínající a mírně pokročilí

Přejít na YouTube

Lektoři z videí

Za spolupráci na videích děkujeme těmto lektorům z praxe: