FrontKon#25 v Brně

1. října 2025 se v brněnském hotelu Passage uskutečnil již čtvrtý ročník FrontKonu – největšího setkání české a slovenské frontendové komunity. Více než 600 vývojářů a vývojářek se přišlo inspirovat, učit a sdílet své zkušenosti na této celodenní akci komunity Frontendisti.cz. Společnost SUPERKODERS byla partnerem afterparty a my jsme pro vás připravili souhrn toho nejzajímavějšího z letošního ročníku.

O souhrn letošního ročníku se postarali Michal Kurečka, Petr Goca, Eliška Plitzová a Jozef Rosenberger, a postřehy pod čarou doplnil Luděk Hradil.

Michal Matuška

Michal představil pohled na veřejně dostupná data od Google (CrUX), která mohou vývojářům pomoci při optimalizaci rychlosti. Přednáška obsahovala mnoho nových informací o tom, jak číst tato data a na co se zaměřit při vývoji pro lepší výkon a hlavně, že je důležité vyhodnocovat prioritu změn.

Paolo Ricciuti

Paolo Ricciuti se zaměřil na koncept progressively enhanced aplikací ve Svelte frameworku. Klíčovým poselstvím bylo, že moderní aplikace se nemusí vždy spoléhat na JavaScript. Ukázal praktické příklady, kdy formuláře mohou fungovat i bez JS - například přihlašovací formuláře s fallbackem na /login endpoint. Zajímavé bylo řešení auto-complete funkcionalit, které může způsobovat problémy při auto-submit bez správně definovaných JavaScriptových prvků nebo routes. Přístupnost byla klíčovým tématem celé přednášky.

Jan Svěrák

Přednáška se zaměřila na moderní CSS vlastnosti, které už dnes spolehlivě fungují v produkci a dokážou nahradit dříve běžné JavaScriptové hacky.
Na konkrétních příkladech zaznělo využití technik jako scroll-snapping, selektor :has, text-wrap nebo funkce color-mix(), které otevírají nové možnosti pro čistší a efektivnější kód.

Zazněly také praktické tipy, například použití scrollbar-gutter: stable pro prevenci CLS nebo zarovnání blokových prvků pomocí align-content: center. Přednáška ukázala, že moderní CSS nám umožňuje řešit dříve složité úlohy elegantněji a bez zbytečných závislostí na JavaScriptu.

Pokud sledujete naše frontendové novinky, žádná z "nejžhavějších" CSS vychytávek vás už nejspíš nepřekvapila – o té, která měla všechny doslova vystřelit z trenek, jsme totiž psali už před téměr rokem a půl 😎.
Všechny ukázky z jeho prezentace jsou dostupné zde.

Tomáš Hrstka

Tomáš Hrstka z Livesportu provedl publikum fascinující cestou technologickou evolucí jejich stacku – od monolitických souborů (CoreJS, PHP) až k moderním, modulárním komponentám a frameworkům. Popisoval proces přepisování projektů a vznik nových, jako byl projekt Tribal Football.
Přednáška ukázala, jak velká firma zvládá technologický dluh a migruje na moderní technologie.

Pavel Lorenz a Filip Macek (Heureka Group)

Speakeři z Heureka Group se zaměřili na často opomíjenou oblast soft skills v technických týmech. Zdůraznili, že skvělý kód sám o sobě nestačí – klíčová je komunikace, sdílení znalostí a týmová spolupráce.
Varovali před „one-man show“ přístupem a doporučili efektivní delegování úkolů.

---

„V komunikaci je klíč.“

Martin Staněk

Martin Staněk přinesl osvěžující pohled na tzv. vibe coding. Pokryl celý proces – od prototypování přes promptování AI až po reálný vývoj aplikace. Zmínil praktické poznatky, jako je rate limiting pro LLM, a sdílel zkušenosti, na které vývojáři často narazí až mimo lokální prostředí. Přednáška byla plná doporučení pro ty, kteří chtějí experimentovat s AI v prototypování.

---

„Líbila se mi analogie, kdy srovnal obavy z vibe codingu (bezpečnost, efektivita apod.) se situací při přechodu z assembleru na vyšší jazyky, například C – obavy byly tehdy úplně stejné.“

Petr Malík

Petr Malík představil pragmatický přístup k využití AI ve vývoji.
Jeho hlavní myšlenka byla jasná – automatizovat 20 % činností, které děláme nejčastěji.
Doporučil postupovat po malých krocích a aplikovat iterativní přístup.
Ukázal příklady automatizace a štítkování práce v time tracking aplikacích.

Matúš Congrády

Matúš Congrády se ponořil do fungování AI editorů a vysvětlil jejich principy.
Struktura přednášky připomínala prezentaci Martina Staňka, ale byla technicky detailnější.
Zmínil například práci s kontextem, MCPs, rules a dalšími aspekty IDE prostředí.

Michal Špaček

Michal Špaček ukázal, jak během několika minut zjednodušit život uživatelům správným nastavením formulářů.
Vysvětlil, jak password managery rozpoznávají, kdy mají nabídnout generování hesla, a jaké atributy inputů k tomu potřebují.
Představil i well-known rules a praktický příklad změny hesla (change password flow).
Přednáška byla plná okamžitě využitelných tipů.

Michaela Trčková

Michaela ve své přednášce prakticky ukázala, jak ve čtyřech krocích vylepšit jednoduchý formulář.
Nejprve použila React Hook Form pro správu stavu a validaci vstupů, poté přidala Zod pro robustnější typování a validaci dat.

Zdůraznila hlavní výhody obou knihoven – React Hook Form snižuje množství boilerplate kódu (např. pomocí FormProvider), zatímco Zod je TypeScript-first, schema-based validační knihovna bez závislostí. Ukázala také, že obě knihovny spolu výborně spolupracují a zlepšují vývojářský zážitek při práci s formuláři.
Celá ukázka je dostupná na její GitHubu

Dynamický formát, kde mělo pět projektů vzniknout za 15 minut – dva týmy po dvou lidech soutěžily o výsledek.
Hlavní poznatek: pokud zkoušíte nový AI nástroj, nejdřív si jej otestujte. Když víte, že je Claude Code spolehlivý, držte se ho. Vsadíte-li na neznámý tool, můžete snadno selhat.

Vibe projekty:

• 3D simulace brněnského orloje s nápovědou, jak číst čas
• 3D simulace sluneční soustavy
• Flappy Birds
• Maze Runner
• WebOS

Irena Zatloukalová

TL;DR: Tvrdě na problém, měkce na lidi.
Irena ukázala, jak náročné je poskytnout kvalitní zpětnou vazbu. Nestačí hodnocení – klíčové je, jak ji komunikujeme, aby měla skutečný efekt.

Základní pravidla:

• Musí vás slyšet – podávejte ji atraktivně pro příjemce, ne pro sebe.
• Dáváte instrukce? Nemaťte tělem.
• Ujasněte si záměr – jdete dávat, nebo brát?
• Více se ptejte, méně mluvte.
• Připravte se.

Lukáš Trumm

Lukáš Trumm představil moderní přístupy v CSS 6 i v Tailwind 4. Vyzdvihl například @scope v CSS 6 a ukázal změny ve způsobu definování tříd v Tailwindu (např. .mx-5). Zdůraznil, že Tailwind není náhradou CSS, ale spíše alternativou k vlastním frameworkům.

Pro větší projekty může být výhodné kombinovat Tailwind s CSS 6 – Tailwind je vhodný pro rychlé výsledky, vlastní framework pak pro specifická řešení.

Pavel Ungr

Pavel Ungr se zaměřil na technické SEO a představil konkrétní tipy pro kontrolu webů.
Zmínil důležitost správného použití noindex tagů, přesměrování a testování funkčnosti bez JavaScriptu (např. pelikan.cz). Ukázal pět užitečných nástrojů do prohlížeče a využití Google Sheets pro reporting: SEO checklist

---

„Super pluginy pro vývojáře (např. SEO Toggle, Detailed aj.) + skvělý checklist pro automatizaci kontroly SEO.“

Diskuze se zaměřila na aktuální stav a budoucnost CSS – největší trendy, roli JavaScriptu i vývoj směrem k lepší struktuře stylů.
Moderátor Tomáš Hejč (CEO SUPERKODERS) vedl debatu s Lukášem Trummem, Janem Svěrákem a Lukášem Chylíkem.
Probírala se témata jako organizace kódu (ITCSS, Tailwind), přehlednost syntaxe i nové vlastnosti, které by vývojářům usnadnily práci – například cykly podobné těm v SASSu.

Den plný přednášek o AI, JavaScriptu i soft skills zakončil povedený stand-up Tigrana. Poté následovala afterparty pod záštitou SuperKoders, přímo v hotelu Passage – ideální místo pro pokračování networkingu v uvolněné atmosféře. Bylo skvělé vidět, jak komunita sdílí zkušenosti nejen u přednášek, ale i u baru.

---

„Od Tigrana si odnáším tu boží českou větu: chodívám běhat – pro cizince naprosto nepochopitelné.“

FrontKon 2025 potvrdil svou pozici jako nejdůležitější setkání české a slovenské frontend komunity. Letošní ročník byl poznamenán velkým zájmem o AI témata - od praktického využití AI editorů přes automatizaci až po vliv AI na budoucnost profese. Zároveň nezapomněl na klasická témata jako jsou frameworky, performance, SEO a soft skills.

Děkujeme za to, že jsme se mohli zúčastnit tak super akce a těšíme se na další!