Frontkon 25

Vstupenky
youtubeinstagramtwitterfacebooklinkedin

1. října 2025

Hotel Passage Brno

Vstupenky

00

dní

00

hod

00

min

00

sek

Celodenní živá konference komunity Frontendisti.cz

Více než 600 frontendistů a frontendistek v jeden den! Už čtvrtý ročník FrontKonu, tentokrát opět v Brně.

Přes 30 skvělých řečníků s různými tématy

Letos očekáváme více než 600 účastníků

Opět 3 nabité stage a našlapaný program

Potvrzení řečníci

Letos tě čeká několik nosných témat (AI ve vývoji, stav CSS), nejnovější trendy webového frontendu a přednášky do hloubky a od lidí se zkušenostmi.

And Now You Understand Service Workers

WebTwitterLinkedInBluesky

Artem Zakharchenko

And Now You Understand Service Workers

Stage F
17:25
You've heard about Service Workers but you've never tried writing one. It has its own APIs and restrictions, you need to "register" it, there's some life cycle events... It's confusing, I get it. But it doesn't have to be. Join me as we write a Service Worker together, step-by-step! An actual thing you can deploy in your app and get the benefits. And, most importantly, something you actually understand.

Progressively enhanced apps with Svelte

WebLinkedInBluesky

Paolo Ricciuti

Progressively enhanced apps with Svelte

Stage F
10:20
SvelteKit makes it super straightforward to build sites that work out of the box without JavaScript—then level up the experience for users who do have it. The framework really puts progressive enhancement front and center. Still, there are limitations, mostly dictated by the browser itself. Things like modals or range sliders just aren’t possible without some JavaScript behind the scenes. If you take progressive enhancement seriously, you might end up steering clear of these UI patterns, just to avoid breaking the experience for users without scripts. But the good news is, you don’t have to compromise. In this talk, I’ll share practical ways to navigate these tradeoffs so you can deliver solid experiences for everyone—no matter if they’re running JS or not

The State Of PWAs

WebTwitterLinkedInMedium

Danny Moerkerke

The State Of PWAs

Stage F
11:00
What exactly is a Progressive Web App? And how do they relate to native apps? In this talk I will give an overview of what is currently possible with web apps, what features are coming up and what is still missing.

Co můžete vyčíst z CrUX dat

TwitterLinkedIn

Michal Matuška

Co můžete vyčíst z CrUX dat

Stage F
16:30
Myslíš, že Core Web Vitals už znáš? Ve skutečnosti vidíš jen špičku ledovce. Pod povrchem se skrývá CrUX – veřejně dostupná databáze plná dat z reálného používání webů po celém světě. Přijď se podívat, jak CrUX funguje, co všechno v něm můžeš najít a jak z něj vyčíst odpovědi na otázky, které vám žádný Lighthouse test nikdy nedá.

3D ve webovém vývoji

WebLinkedIn

Markéta Willis

3D ve webovém vývoji

Stage F
17:00
3D grafika není jen pro hry, stále častěji ji najdeme i na webu. Dozvíte se, kdy stojí za to 3D na webu použít, jak změnit mindset z renderování 2D webů na práci v 3D prostoru, z čeho se 3D modely skládají a co ovlivňuje rychlost načítání. Praktický kód v Three.js

Smart & Kind: psychologie IT mozku

WebLinkedIn

Adam Kulhánek

Smart & Kind: psychologie IT mozku

Stage E
15:00
Introvertní, analytičtí a výkonní. IT specialisté mají specifický osobnostní profil, který je v jejich práci nenahraditelný. Jenže ten stejný „IT mozek“ může být vnímavější na stres a obtížněji číst emoce sebe i druhých. Ajťáci zvládají složité systémy, ale někdy zapomínají na ten nejdůležitější, sami na sebe. Podíváme se, v čem spočívá síla osobnosti lidí v tech světě. Propojíme poznatky neurovědy a pozitivní psychologie s konkrétními nástroji, jak lépe zvládat emoce, pracovat se stresem, rozvíjet asertivitu nebo překonat imposter syndrom.

Jak jsem ukradl FrontKon za 4 387 Kč

WebLinkedIn

Karel Navrátil

Jak jsem ukradl FrontKon za 4 387 Kč

Stage E
14:25
“Právníci ho nesnášejí! Zjistil, jak ukrást brand bez znalostí práva za 30 minut!” Clickbait, který se pokusím proměnit v realitu. Ukážu ti, jak jsem vzal (právníci nekradou) brand FrontKonu. Za 30 minut a 4387 korun. A po téhle přednášce to zvládneš taky. Už chápeš, že na ochraně brandu záleží? Ať stavíš další miliardový startup nebo jen side projekt po večerech. Jsem advokát, ale také frontend designer. Takže to zvládneme bez právních nesmyslů a omáčky. Záznam možná nebude. Internet by to nemusel unést… Tak přijď.

TanStack Start: Nová konkurence Next.js

LinkedIn

Ondřej Velíšek

TanStack Start: Nová konkurence Next.js

Stage F
11:35
Pojď se podívat na srovnání TanStack Startu a Next.js. TanStack Start sleduju pravidelně, používám již od early alpha verze a mám praktickou zkušenost ze svého hobby projektu. Dozvíš se, v čem je TanStack Start unikátní a jak toho využít.

Webpack: poslední zúčtování

LinkedIn

Honza Hrubý

Webpack: poslední zúčtování

Stage E
16:35
Nenech si ujít průvodce migrací z webpacku na rspack. Pozor! Obsahuje metriky a poznatky z praxe. Jde o volné pokračování mojí přednášky z FrontKonu 2023.

CSS Scroll-State Container Queries

TwitterLinkedIn

Lukáš Chylík

CSS Scroll-State Container Queries

Stage E
11:25
Sú novým prírastkom do rodiny CSS container queries a umožňujú priamo v CSS rozpoznať napríklad to, či sa konkrétny kontajner scrolluje alebo či už dosiahol začiatok či koniec obsahu. A to zďaleka nie je všetko – táto funkcionalita prenáša doteraz bežné JavaScriptové postupy na úroveň štýlov a otvára nové možnosti pre tvorbu interaktívnych prvkov bez potreby skriptovania. Predstavím princíp fungovania scroll-state queries, ukážem praktické príklady ich využitia a upozorním na možné limity tejto novinky.

Od minulosti po vizi: evoluce stacku Livesportu

LinkedIn

Tomáš Hrstka

Od minulosti po vizi: evoluce stacku Livesportu

Partnerská stage
11:00
Jak dostat Livesport z jednoho obřího souboru generovaného PHPčkem a pár modulů v CoffeeScriptu? Jaké moderní technologie a přístupy zvolit? První krůčky k modernizaci obnášely ES6 syntaxi, linter a formáter. Brzy už jsme rozjížděli React s RxJS a naše nadšení pomalu začalo otáčet mindset celé firmy. Odhodlali jsme se vyzvat i zajeté PHP a na backend jsme dostali i typescript, díky tomu můžeme renderovat React i na serveru. Zjisti, kam jsme se díky těmto zkušenostem posunuli dnes. Stavíme vlastní webové widgety a framework, které nám umožní tvořit produkty šité na míru široké škále uživatelů po celém světě. Říkáme mu Flash Platform!

Vývojářův průvodce testováním technického SEO

WebLinkedIn

Pavel Ungr

Vývojářův průvodce testováním technického SEO

Stage E
17:25
Zapomeň na akademické řeči – tvůj kód bude přirozeně mluvit, když ho otestuješ od PageSpeed Insights až po vlastní mini‑audit, který odhalí každou chybu v robots.txt či JavaScriptu. Ukážu ti, jak si užít testování technického SEO, aby indexace nebyla jen povinností Googlu, ale tvou superschopností. Připrav se na praktické informace plné kódu, logů a odhalování skrytých SEO chyb. Uvidíš, jak snadné je otestovat a opravit všechno sám a budeš za hvězdu u klienta i v týmu.

Pomoz password managerům pomáhat lidem

Michal Špaček

Pomoz password managerům pomáhat lidem

Stage F
16:00
Zemřel Franta, bývalý web designér, v 99,999 letech mu poklesla refresh rate hluboko pod 1 µHz. A tak se vydal směrem do nebe, ale u nebeské brány ho zastaví Svatý Petr, který se podiveně táže: „Co tak pozdě?“ Franta, dost otráveně po dlouhé cestě II. třídou: „Ják pozdě?“ Svatý Petr odpoví: „No, čekal jsem tě už, když AI vzala všem takovým jako ty práci.“ „Jó, tohle pozdě,“ zívne si Franta, „tenkrát jsem těm inteligencím nějak pomohl, tak jsem to měl u nich.“ „Jak? Dělej, povídej,“ vypadne ze Svatého Petra nečekaně. Franta, váhavě: „Ále, no tak, když mě bez toho dál nepustíte, tak teda… přidal jsem do HTML kódu přihlašovací obrazovky nějakej autocomplete atribut nebo co, už si to moc nepamatuju. A on jim pak správně fungoval password manager. Prostě jsem pomohl strojům, který nejdřív taky pomáhaly lidem, ale pak se to nějak zvrtlo.“ Svatý Petr nasadí Frantovi náramek s nápisem „All Inclusive Double Mega 3001“ a uctivě se ukloní: „Vítej! Jsme rádi, že jsi tu.“ Buď jako Franta – pomoz těm strojům, ať pak mohou pomoci ostatním. HTML atributy, triky, security UX a takové ty věci, které se hodí při používání a tvorbě webu, dokud nepřijde doba bezuživatelská.

Prompt Engineering pro lidi: Co nás AI může naučit o efektivní komunikaci

TwitterLinkedIn

Tomáš Pustelník

Prompt Engineering pro lidi: Co nás AI může naučit o efektivní komunikaci

Stage F
14:25
V éře AI a remote práce věnujeme hodiny ladění promptů, zatímco naše každodenní komunikace s kolegy často trpí stejnými nedostatky, které řešíme u AI. Zatímco s AI jsme ochotni trpělivě iterovat, od lidí očekáváme, že nám perfektně porozumí hned napoprvé. A odvedou skvělou práci i s mizerným zadáním. Během přednášky odhalím, jak principy prompt engineeringu můžeme překvapivě efektivně aplikovat na komunikaci s lidmi a jak v tom často paradoxně selháváme. Na praktických ukázkách z vývojářského života uvidíš, jak psát lepší code reviews, dotazy i zadání úkolů a ušetřit spoustu času a úsilí.

Z rutiny k efektivitě: Jak nám AI šetří čas ve vývoji

LinkedIn

Petr Malík

Z rutiny k efektivitě: Jak nám AI šetří čas ve vývoji

Stage F
13:35
Většina vývojářů tráví spoustu času rutinními úkoly, které odvádějí pozornost od kreativní práce. Zjisti, jak využít AI agenty k rychlému prototypování vlastních nástrojů, které tuto rutinu převezmou. Nejde o to, aby AI dělala práci místo nás, ale aby nám pomohla vytvářet chytré pomocníky. Ti ušetří čas a umožňují nám se soustředit na to, co nás na vývoji skutečně baví. Jedním z praktických příkladů bude nástroj, který pomocí AI automatizuje vyplňování časové evidence. Typický opakující se úkol, který lze s minimálním úsilím efektivně zjednodušit.

Vibe kódování: Jak tvořit produkty, když nevíš, co děláš (a ono to funguje)

Martin Staněk

Vibe kódování: Jak tvořit produkty, když nevíš, co děláš (a ono to funguje)

Stage F
13:00
Jak ze vzduchu vytvořit reálný produkt? Ať už je to tvůj osobní nástroj, interní firemní tool nebo SaaS produkt, ukážu ti, jak vzniká produkt, aniž by bylo vše perfektně připravené. Jde o hands-on přístup k vývoji, kde se technická rozhodnutí dělají za běhu, design iteruje přímo v kódu a změny se dějí v reakci na reálný feedback.

Jak (ne)stavět knihovnu komponent

LinkedIn

Jakub Randák

Jak (ne)stavět knihovnu komponent

Partnerská stage
10:20
Dozvíš se praktické zkušenosti z vývoje knihovny komponent. Každý frontendista se dříve nebo později s takovou knihovnou setká, ať už ji používá nebo ji sám vyvíjí. Podělím se o to, co taková knihovna vlastně je, proč se dělá a jaké máme zkušenosti s jejím vývojem. Zjistíš, co nám fungovalo a co naopak ne v rámci vývoje Flow Web Library pro Škoda Auto.

Vícejazyčnost s použitím standardního objektu Intl

TwitterLinkedIn

Ondra Kučera

Vícejazyčnost s použitím standardního objektu Intl

Stage E
17:00
Vícejazyčnost je časté téma, ale znalost objektu Intl není velká. Přitom přináší řadu zajímavých funkčností, které se hodí znát. Například autoři moment.js vývoj projektu zastavili mimo jiné s odkazem právě na Intl, který dnes dokáže poskytnout většinu toho, kvůli čemu moment.js vznikl. Zjisti, co všechno Intl umí a nabízí.

Zpětná vazba nemusí být fuckup

WebTwitterLinkedIn

Irena Zatloukalová

Zpětná vazba nemusí být fuckup

Stage E
15:35
Zapomeňte na zpětnovazební sendviče. Ukážeme si, jak si v dev týmu efektivně říct o podklady, konstruktivní feedback i o vyšší plat – bez zbytečných pouček, rovnou z praxe. #SoftSkillsDoTechuPatri

Tailwind 4 vs CSS 6

WebTwitterLinkedIn

Lukáš Trumm

Tailwind 4 vs CSS 6

Stage E
10:30
V čem je silný Tailwind 4 a kde ho naopak předčí CSS 6? Volné pokračování mé přednášky z meetupu Frontendistů na téma "CSS se stále zlepšuje –⁠⁠⁠⁠⁠⁠ využijme toho!". Srovnání reálné praxe s vanilla CSS a s Tailwindem. Jak je to s udržovatelností, s generováním pomocí AI nebo s učící křivkou?

JavaScript is dead: 7 příkladů, kde už si vystačíš jen s moderním CSS

WebLinkedIn

Jan Svěrák

JavaScript is dead: 7 příkladů, kde už si vystačíš jen s moderním CSS

Stage E
11:00
Celá řada CSS vlastností, které stále voní novotou, ale jsou už v pohodě použitelné, umí přímo nahradit zažité JS praktiky a hacky. Reálné příklady využití nových možností CSS, které nahrazují JS. Právě ten, co máš teď na produkci. Pojďme si ukázat, jak v praxi vypadá použití "novinek", jako je scroll-snapping, :has, text-wrap nebo color-mix() a společně se těch zlozvyků zbavíme.

nue.js – Break the limits of Web

TwitterLinkedIn

Jan Honza Černý aka chemiX

nue.js – Break the limits of Web

Stage E
14:00
V alchymistické laboratoři webu znovu destilujeme prastaré elementy — HTML, CSS a JS — a zkoumáme, kam až lze dojít s jejich ryzí formou. A co se stane, když do této subtilní substance vmísíme nově objevený prvek WASM? V podobě šému, který dokáže vdechnout život vaší SPA, se odhalí, jak i nenápadný nástroj pro přepis textu do webu může v některých experimentech zastínit záři chemických sloučenin, z nichž dnes bývají stavěny celé websmíry.

AI editors – how they work, and how to master them

Matúš Čongrády

AI editors – how they work, and how to master them

Stage F
14:00
AI code editors are great, but how do they work? - Context optimization – how it works, and what can you do to improve it - Writing AI rules – tips, tricks and inspiration - Make AI have up-to-date docs for all of your libraries - Using MCP servers in your workflow – what and how - Choosing the right AI model – Reasoning? Standard? Fast?

Migrace Printables z Angularu do Svelte

Roman Krejčík

Migrace Printables z Angularu do Svelte

Stage E
16:00
Printables.com je databáze obasahující přes milion modelů pro 3D tisk. Pojďme se podívat, co nás vedlo k výměně frontendového frameworku. Proč jsme se rozhodli pro Svelte a co nám to nakonec dalo a naopak vzalo? Dozvíš se během přednášky.

Když skvělý kód nestačí

Pavel Lorenz a Filip Macek

Když skvělý kód nestačí

Partnerská stage
12:00
Posedlost čistým kódem, novými technologiemi, snaha být tím nejlepším specialistou – to známe všichni. Honíme se za dokonalostí v "jedničkách a nulách", jedeme tzv. CV-driven development a věříme, že hard-skills jsou automatickou vstupenkou mezi seniory. Ale co když ti řekneme, že jsme až v Heurece my dva přišli na to, že ten největší technický dluh často nevzniká v kódu? TechLead nebo TeamLead, který neumí srozumitelně předat myšlenku, je jako Ferrari bez volantu. Pojďme se společně podívat na zoubek jedné z nejvíce podceňovaných dovedností: komunikaci. Ukážeme si na příkladech z Heureky, že tento soft-skill je tím skutečným klíčem, který odemyká dveře k senioritě a fungujícím produktovým týmům.

The Last of Us. Přijdou designéři a vývojáři o práci?

Milan Seitler

The Last of Us. Přijdou designéři a vývojáři o práci?

Partnerská stage
13:00
Svět se mění. Smrtící houba nám (snad) nehrozí, spoustu profesí ale i tak čeká zánik nebo velká proměna. Už se neptáme "Měli by designéři programovat?", teď se ptáme "Měli by vývojáři programovat?". A co designéři, měli by vůbec ještě designovat? Stojíme na prahu éry vibe product developmentu, ve které jeden PM s jedním promptem vládne všem? Pojďme to společně prozkoumat a najít praktický způsob, jak plout na vibe vlně a přitom se neutopit.

Design systém – od atomu po galaxii

Petr Koláček

Design systém – od atomu po galaxii

Partnerská stage
14:00
Design systémy jsou v podstatě stavebnice. Snad každý si s nimi v dětství rád hrál. Jaké to ale je takovou stavebnici vymyslet? Co znamená vytvořit design systém, který bude natolik univerzální, že na něm ""pojede"" hned několik e-shopů? Přijď to zjistit na mou přednášku.

React Hook Form & Zod – dvojka, která vám pomůže stavět formuláře efektivně

Michaela Trčková

React Hook Form & Zod – dvojka, která vám pomůže stavět formuláře efektivně

Partnerská stage
15:00
Jak si zjednodušit práci s formuláři, od základní kostry až po validaci? Přijď na můj talk o využití knihoven React Hook Form a Zod! Ukážeme si, proč je tato dvojice ideální pro práci s formuláři v Reactu, jak zjednoduší validaci a udrží kód přehledný. Těšit se můžeš i na praktickou ukázku.

Úvod do service workerů a advanced cachování

Libor Vaněk a Jenda Horák

Úvod do service workerů a advanced cachování

Partnerská stage
16:00
Je jen málo frontendových projektů, které by netěžily z přítomnosti service workeru. Přínosy jsou jasné – offline podpora, rychlejší načítání, chytré cachování, možnost push notifikací nebo background sync. Pokud projekt SW nemá, většinou k tomu musí být hodně dobrý důvod. Na druhou stranu, nastavení a správné používání service workerů vypadá na první pohled složitě, možná až děsivě. To všechno probereme – zaměříme se spíš na principy a best-practices, konkrétní implementace necháme stranou, obavy rozptýlíme. Přidáme praktické zkušenosti z produkce: co SW dokáže, jaká úskalí a reálné dopady je dobré čekat, a proč se vyplatí investovat čas do jeho implementace. Tento talk připravuje půdu pro Artema Zacharenka, jehož přednáška na něj navazuje.

Jeden deň web developera s AI agentom

Palo Otčenáš

Jeden deň web developera s AI agentom

Partnerská stage
17:00
AI je dnes všade, ale mnohí vývojári stále nevedia, kde začať. Prevediem vás jedným bežným dňom web developera a ukážem, ako doň prirodzene zapadá GitHub Copilot, ChatGPT či iné AI nástroje. Ráno spolu vytvoríme komponentu, počas dňa sa popasujeme s buildom, refactoringom či vlastným lintingom a na konci necháme AI pripraviť PR pre kolegov. Podelím sa o tipy, ako AI správne promptovať, aby produkovalo bezpečný a testovateľný kód, a pridám aj pár failov, ktoré pobavia. Prednáška je určená každému (od začiatočníkov až po skúsených vývojárov), kto sa chce prestať báť AI a začať ju využívať ako užitočného "juniora" vo svojom tíme.

Battle AI editorů

Stage F
15:00
Jak si povedou tři různé AI editory a tři různí vývojáři při plnění stejného zadání? Na to se podíváme během živé ukázky. Battle AI editorů pro vás připravují Martin Pešout, Lukáš Chylík, Srigi, Jiří Špác a Filip Zachar.

Diskuze o stavu CSS

Stage E
12:00
Přijď si poslechnout diskuzi o stávajícím vývoji CSS a jeho blízké i vzdálené budoucnosti. Co jsou nejvíce hot změny v CSS? Je JS opravdu pro některé účely mrtvý? Co čekat v budoucnu? A kdy bude více CSS kodérů? Lukáš Trumm, Jan Svěrák a Lukáš Chylík diskutují a Tomáš Hejč moderuje.

Program konference

3 stage nabité do jednoho dne. Prozkoumejte svá oblíbená témata nebo zabrouzdejte do nových vod.

9:00
09:00-10:00
Otevřeno, registrace
10:00
10:00 15 min
Initial Commit

Kateřina Macháčková a Martin Michálek

10:20 30 min
Paolo Ricciuti

Paolo Ricciuti

Progressively enhanced apps with Svelte

Stage F
10:20
SvelteKit makes it super straightforward to build sites that work out of the box without JavaScript—then level up the experience for users who do have it. The framework really puts progressive enhancement front and center. Still, there are limitations, mostly dictated by the browser itself. Things like modals or range sliders just aren’t possible without some JavaScript behind the scenes. If you take progressive enhancement seriously, you might end up steering clear of these UI patterns, just to avoid breaking the experience for users without scripts. But the good news is, you don’t have to compromise. In this talk, I’ll share practical ways to navigate these tradeoffs so you can deliver solid experiences for everyone—no matter if they’re running JS or not
10:30 30 min
Lukáš Trumm

Lukáš Trumm

Tailwind 4 vs CSS 6

Stage E
10:30
V čem je silný Tailwind 4 a kde ho naopak předčí CSS 6? Volné pokračování mé přednášky z meetupu Frontendistů na téma "CSS se stále zlepšuje –⁠⁠⁠⁠⁠⁠ využijme toho!". Srovnání reálné praxe s vanilla CSS a s Tailwindem. Jak je to s udržovatelností, s generováním pomocí AI nebo s učící křivkou?
10:20 40 min
Jakub Randák

Jakub Randák

Jak (ne)stavět knihovnu komponent

Partnerská stage
10:20
Dozvíš se praktické zkušenosti z vývoje knihovny komponent. Každý frontendista se dříve nebo později s takovou knihovnou setká, ať už ji používá nebo ji sám vyvíjí. Podělím se o to, co taková knihovna vlastně je, proč se dělá a jaké máme zkušenosti s jejím vývojem. Zjistíš, co nám fungovalo a co naopak ne v rámci vývoje Flow Web Library pro Škoda Auto.
11:00
11:00 30 min
Danny Moerkerke

Danny Moerkerke

The State Of PWAs

Stage F
11:00
What exactly is a Progressive Web App? And how do they relate to native apps? In this talk I will give an overview of what is currently possible with web apps, what features are coming up and what is still missing.
11:35 25 min
Ondřej Velíšek

Ondřej Velíšek

TanStack Start: Nová konkurence Next.js

Stage F
11:35
Pojď se podívat na srovnání TanStack Startu a Next.js. TanStack Start sleduju pravidelně, používám již od early alpha verze a mám praktickou zkušenost ze svého hobby projektu. Dozvíš se, v čem je TanStack Start unikátní a jak toho využít.
11:00 20 min
Jan Svěrák

Jan Svěrák

JavaScript is dead: 7 příkladů, kde už si vystačíš jen s moderním CSS

Stage E
11:00
Celá řada CSS vlastností, které stále voní novotou, ale jsou už v pohodě použitelné, umí přímo nahradit zažité JS praktiky a hacky. Reálné příklady využití nových možností CSS, které nahrazují JS. Právě ten, co máš teď na produkci. Pojďme si ukázat, jak v praxi vypadá použití "novinek", jako je scroll-snapping, :has, text-wrap nebo color-mix() a společně se těch zlozvyků zbavíme.
11:25 20 min
Lukáš Chylík

Lukáš Chylík

CSS Scroll-State Container Queries

Stage E
11:25
Sú novým prírastkom do rodiny CSS container queries a umožňujú priamo v CSS rozpoznať napríklad to, či sa konkrétny kontajner scrolluje alebo či už dosiahol začiatok či koniec obsahu. A to zďaleka nie je všetko – táto funkcionalita prenáša doteraz bežné JavaScriptové postupy na úroveň štýlov a otvára nové možnosti pre tvorbu interaktívnych prvkov bez potreby skriptovania. Predstavím princíp fungovania scroll-state queries, ukážem praktické príklady ich využitia a upozorním na možné limity tejto novinky.
11:00 40 min
Tomáš Hrstka

Tomáš Hrstka

Od minulosti po vizi: evoluce stacku Livesportu

Partnerská stage
11:00
Jak dostat Livesport z jednoho obřího souboru generovaného PHPčkem a pár modulů v CoffeeScriptu? Jaké moderní technologie a přístupy zvolit? První krůčky k modernizaci obnášely ES6 syntaxi, linter a formáter. Brzy už jsme rozjížděli React s RxJS a naše nadšení pomalu začalo otáčet mindset celé firmy. Odhodlali jsme se vyzvat i zajeté PHP a na backend jsme dostali i typescript, díky tomu můžeme renderovat React i na serveru. Zjisti, kam jsme se díky těmto zkušenostem posunuli dnes. Stavíme vlastní webové widgety a framework, které nám umožní tvořit produkty šité na míru široké škále uživatelů po celém světě. Říkáme mu Flash Platform!
12:00
Pauza na oběd 12:00-13:00
12:00 50 min

Diskuze o stavu CSS

Stage E
12:00
Přijď si poslechnout diskuzi o stávajícím vývoji CSS a jeho blízké i vzdálené budoucnosti. Co jsou nejvíce hot změny v CSS? Je JS opravdu pro některé účely mrtvý? Co čekat v budoucnu? A kdy bude více CSS kodérů? Lukáš Trumm, Jan Svěrák a Lukáš Chylík diskutují a Tomáš Hejč moderuje.
12:00 40 min
Pavel Lorenz a Filip Macek

Pavel Lorenz a Filip Macek

Když skvělý kód nestačí

Partnerská stage
12:00
Posedlost čistým kódem, novými technologiemi, snaha být tím nejlepším specialistou – to známe všichni. Honíme se za dokonalostí v "jedničkách a nulách", jedeme tzv. CV-driven development a věříme, že hard-skills jsou automatickou vstupenkou mezi seniory. Ale co když ti řekneme, že jsme až v Heurece my dva přišli na to, že ten největší technický dluh často nevzniká v kódu? TechLead nebo TeamLead, který neumí srozumitelně předat myšlenku, je jako Ferrari bez volantu. Pojďme se společně podívat na zoubek jedné z nejvíce podceňovaných dovedností: komunikaci. Ukážeme si na příkladech z Heureky, že tento soft-skill je tím skutečným klíčem, který odemyká dveře k senioritě a fungujícím produktovým týmům.
13:00
13:00 30 min
Martin Staněk

Martin Staněk

Vibe kódování: Jak tvořit produkty, když nevíš, co děláš (a ono to funguje)

Stage F
13:00
Jak ze vzduchu vytvořit reálný produkt? Ať už je to tvůj osobní nástroj, interní firemní tool nebo SaaS produkt, ukážu ti, jak vzniká produkt, aniž by bylo vše perfektně připravené. Jde o hands-on přístup k vývoji, kde se technická rozhodnutí dělají za běhu, design iteruje přímo v kódu a změny se dějí v reakci na reálný feedback.
13:35 20 min
Petr Malík

Petr Malík

Z rutiny k efektivitě: Jak nám AI šetří čas ve vývoji

Stage F
13:35
Většina vývojářů tráví spoustu času rutinními úkoly, které odvádějí pozornost od kreativní práce. Zjisti, jak využít AI agenty k rychlému prototypování vlastních nástrojů, které tuto rutinu převezmou. Nejde o to, aby AI dělala práci místo nás, ale aby nám pomohla vytvářet chytré pomocníky. Ti ušetří čas a umožňují nám se soustředit na to, co nás na vývoji skutečně baví. Jedním z praktických příkladů bude nástroj, který pomocí AI automatizuje vyplňování časové evidence. Typický opakující se úkol, který lze s minimálním úsilím efektivně zjednodušit.
Pauza na oběd 13:00-14:00
13:00 40 min
Milan Seitler

Milan Seitler

The Last of Us. Přijdou designéři a vývojáři o práci?

Partnerská stage
13:00
Svět se mění. Smrtící houba nám (snad) nehrozí, spoustu profesí ale i tak čeká zánik nebo velká proměna. Už se neptáme "Měli by designéři programovat?", teď se ptáme "Měli by vývojáři programovat?". A co designéři, měli by vůbec ještě designovat? Stojíme na prahu éry vibe product developmentu, ve které jeden PM s jedním promptem vládne všem? Pojďme to společně prozkoumat a najít praktický způsob, jak plout na vibe vlně a přitom se neutopit.
14:00
14:00 20 min
Matúš Čongrády

Matúš Čongrády

AI editors – how they work, and how to master them

Stage F
14:00
AI code editors are great, but how do they work? - Context optimization – how it works, and what can you do to improve it - Writing AI rules – tips, tricks and inspiration - Make AI have up-to-date docs for all of your libraries - Using MCP servers in your workflow – what and how - Choosing the right AI model – Reasoning? Standard? Fast?
14:25 20 min
Tomáš Pustelník

Tomáš Pustelník

Prompt Engineering pro lidi: Co nás AI může naučit o efektivní komunikaci

Stage F
14:25
V éře AI a remote práce věnujeme hodiny ladění promptů, zatímco naše každodenní komunikace s kolegy často trpí stejnými nedostatky, které řešíme u AI. Zatímco s AI jsme ochotni trpělivě iterovat, od lidí očekáváme, že nám perfektně porozumí hned napoprvé. A odvedou skvělou práci i s mizerným zadáním. Během přednášky odhalím, jak principy prompt engineeringu můžeme překvapivě efektivně aplikovat na komunikaci s lidmi a jak v tom často paradoxně selháváme. Na praktických ukázkách z vývojářského života uvidíš, jak psát lepší code reviews, dotazy i zadání úkolů a ušetřit spoustu času a úsilí.
14:00 20 min
Jan Honza Černý aka chemiX

Jan Honza Černý aka chemiX

nue.js – Break the limits of Web

Stage E
14:00
V alchymistické laboratoři webu znovu destilujeme prastaré elementy — HTML, CSS a JS — a zkoumáme, kam až lze dojít s jejich ryzí formou. A co se stane, když do této subtilní substance vmísíme nově objevený prvek WASM? V podobě šému, který dokáže vdechnout život vaší SPA, se odhalí, jak i nenápadný nástroj pro přepis textu do webu může v některých experimentech zastínit záři chemických sloučenin, z nichž dnes bývají stavěny celé websmíry.
14:25 20 min
Karel Navrátil

Karel Navrátil

Jak jsem ukradl FrontKon za 4 387 Kč

Stage E
14:25
“Právníci ho nesnášejí! Zjistil, jak ukrást brand bez znalostí práva za 30 minut!” Clickbait, který se pokusím proměnit v realitu. Ukážu ti, jak jsem vzal (právníci nekradou) brand FrontKonu. Za 30 minut a 4387 korun. A po téhle přednášce to zvládneš taky. Už chápeš, že na ochraně brandu záleží? Ať stavíš další miliardový startup nebo jen side projekt po večerech. Jsem advokát, ale také frontend designer. Takže to zvládneme bez právních nesmyslů a omáčky. Záznam možná nebude. Internet by to nemusel unést… Tak přijď.
14:00 30 min
Petr Koláček

Petr Koláček

Design systém – od atomu po galaxii

Partnerská stage
14:00
Design systémy jsou v podstatě stavebnice. Snad každý si s nimi v dětství rád hrál. Jaké to ale je takovou stavebnici vymyslet? Co znamená vytvořit design systém, který bude natolik univerzální, že na něm ""pojede"" hned několik e-shopů? Přijď to zjistit na mou přednášku.
15:00
15:00 50 min

Battle AI editorů

Stage F
15:00
Jak si povedou tři různé AI editory a tři různí vývojáři při plnění stejného zadání? Na to se podíváme během živé ukázky. Battle AI editorů pro vás připravují Martin Pešout, Lukáš Chylík, Srigi, Jiří Špác a Filip Zachar.
15:00 30 min
Adam Kulhánek

Adam Kulhánek

Smart & Kind: psychologie IT mozku

Stage E
15:00
Introvertní, analytičtí a výkonní. IT specialisté mají specifický osobnostní profil, který je v jejich práci nenahraditelný. Jenže ten stejný „IT mozek“ může být vnímavější na stres a obtížněji číst emoce sebe i druhých. Ajťáci zvládají složité systémy, ale někdy zapomínají na ten nejdůležitější, sami na sebe. Podíváme se, v čem spočívá síla osobnosti lidí v tech světě. Propojíme poznatky neurovědy a pozitivní psychologie s konkrétními nástroji, jak lépe zvládat emoce, pracovat se stresem, rozvíjet asertivitu nebo překonat imposter syndrom.
15:35 20 min
Irena Zatloukalová

Irena Zatloukalová

Zpětná vazba nemusí být fuckup

Stage E
15:35
Zapomeňte na zpětnovazební sendviče. Ukážeme si, jak si v dev týmu efektivně říct o podklady, konstruktivní feedback i o vyšší plat – bez zbytečných pouček, rovnou z praxe. #SoftSkillsDoTechuPatri
15:00 40 min
Michaela Trčková

Michaela Trčková

React Hook Form & Zod – dvojka, která vám pomůže stavět formuláře efektivně

Partnerská stage
15:00
Jak si zjednodušit práci s formuláři, od základní kostry až po validaci? Přijď na můj talk o využití knihoven React Hook Form a Zod! Ukážeme si, proč je tato dvojice ideální pro práci s formuláři v Reactu, jak zjednoduší validaci a udrží kód přehledný. Těšit se můžeš i na praktickou ukázku.
16:00
16:00 25 min
Michal Špaček

Michal Špaček

Pomoz password managerům pomáhat lidem

Stage F
16:00
Zemřel Franta, bývalý web designér, v 99,999 letech mu poklesla refresh rate hluboko pod 1 µHz. A tak se vydal směrem do nebe, ale u nebeské brány ho zastaví Svatý Petr, který se podiveně táže: „Co tak pozdě?“ Franta, dost otráveně po dlouhé cestě II. třídou: „Ják pozdě?“ Svatý Petr odpoví: „No, čekal jsem tě už, když AI vzala všem takovým jako ty práci.“ „Jó, tohle pozdě,“ zívne si Franta, „tenkrát jsem těm inteligencím nějak pomohl, tak jsem to měl u nich.“ „Jak? Dělej, povídej,“ vypadne ze Svatého Petra nečekaně. Franta, váhavě: „Ále, no tak, když mě bez toho dál nepustíte, tak teda… přidal jsem do HTML kódu přihlašovací obrazovky nějakej autocomplete atribut nebo co, už si to moc nepamatuju. A on jim pak správně fungoval password manager. Prostě jsem pomohl strojům, který nejdřív taky pomáhaly lidem, ale pak se to nějak zvrtlo.“ Svatý Petr nasadí Frantovi náramek s nápisem „All Inclusive Double Mega 3001“ a uctivě se ukloní: „Vítej! Jsme rádi, že jsi tu.“ Buď jako Franta – pomoz těm strojům, ať pak mohou pomoci ostatním. HTML atributy, triky, security UX a takové ty věci, které se hodí při používání a tvorbě webu, dokud nepřijde doba bezuživatelská.
16:30 25 min
Michal Matuška

Michal Matuška

Co můžete vyčíst z CrUX dat

Stage F
16:30
Myslíš, že Core Web Vitals už znáš? Ve skutečnosti vidíš jen špičku ledovce. Pod povrchem se skrývá CrUX – veřejně dostupná databáze plná dat z reálného používání webů po celém světě. Přijď se podívat, jak CrUX funguje, co všechno v něm můžeš najít a jak z něj vyčíst odpovědi na otázky, které vám žádný Lighthouse test nikdy nedá.
16:00 30 min
Roman Krejčík

Roman Krejčík

Migrace Printables z Angularu do Svelte

Stage E
16:00
Printables.com je databáze obasahující přes milion modelů pro 3D tisk. Pojďme se podívat, co nás vedlo k výměně frontendového frameworku. Proč jsme se rozhodli pro Svelte a co nám to nakonec dalo a naopak vzalo? Dozvíš se během přednášky.
16:35 20 min
Honza Hrubý

Honza Hrubý

Webpack: poslední zúčtování

Stage E
16:35
Nenech si ujít průvodce migrací z webpacku na rspack. Pozor! Obsahuje metriky a poznatky z praxe. Jde o volné pokračování mojí přednášky z FrontKonu 2023.
16:00 40 min
Libor Vaněk a Jenda Horák

Libor Vaněk a Jenda Horák

Úvod do service workerů a advanced cachování

Partnerská stage
16:00
Je jen málo frontendových projektů, které by netěžily z přítomnosti service workeru. Přínosy jsou jasné – offline podpora, rychlejší načítání, chytré cachování, možnost push notifikací nebo background sync. Pokud projekt SW nemá, většinou k tomu musí být hodně dobrý důvod. Na druhou stranu, nastavení a správné používání service workerů vypadá na první pohled složitě, možná až děsivě. To všechno probereme – zaměříme se spíš na principy a best-practices, konkrétní implementace necháme stranou, obavy rozptýlíme. Přidáme praktické zkušenosti z produkce: co SW dokáže, jaká úskalí a reálné dopady je dobré čekat, a proč se vyplatí investovat čas do jeho implementace. Tento talk připravuje půdu pro Artema Zacharenka, jehož přednáška na něj navazuje.
17:00
17:00 20 min
Markéta Willis

Markéta Willis

3D ve webovém vývoji

Stage F
17:00
3D grafika není jen pro hry, stále častěji ji najdeme i na webu. Dozvíte se, kdy stojí za to 3D na webu použít, jak změnit mindset z renderování 2D webů na práci v 3D prostoru, z čeho se 3D modely skládají a co ovlivňuje rychlost načítání. Praktický kód v Three.js
17:25 30 min
Artem Zakharchenko

Artem Zakharchenko

And Now You Understand Service Workers

Stage F
17:25
You've heard about Service Workers but you've never tried writing one. It has its own APIs and restrictions, you need to "register" it, there's some life cycle events... It's confusing, I get it. But it doesn't have to be. Join me as we write a Service Worker together, step-by-step! An actual thing you can deploy in your app and get the benefits. And, most importantly, something you actually understand.
17:00 20 min
Ondra Kučera

Ondra Kučera

Vícejazyčnost s použitím standardního objektu Intl

Stage E
17:00
Vícejazyčnost je časté téma, ale znalost objektu Intl není velká. Přitom přináší řadu zajímavých funkčností, které se hodí znát. Například autoři moment.js vývoj projektu zastavili mimo jiné s odkazem právě na Intl, který dnes dokáže poskytnout většinu toho, kvůli čemu moment.js vznikl. Zjisti, co všechno Intl umí a nabízí.
17:25 30 min
Pavel Ungr

Pavel Ungr

Vývojářův průvodce testováním technického SEO

Stage E
17:25
Zapomeň na akademické řeči – tvůj kód bude přirozeně mluvit, když ho otestuješ od PageSpeed Insights až po vlastní mini‑audit, který odhalí každou chybu v robots.txt či JavaScriptu. Ukážu ti, jak si užít testování technického SEO, aby indexace nebyla jen povinností Googlu, ale tvou superschopností. Připrav se na praktické informace plné kódu, logů a odhalování skrytých SEO chyb. Uvidíš, jak snadné je otestovat a opravit všechno sám a budeš za hvězdu u klienta i v týmu.
17:00 40 min
Palo Otčenáš

Palo Otčenáš

Jeden deň web developera s AI agentom

Partnerská stage
17:00
AI je dnes všade, ale mnohí vývojári stále nevedia, kde začať. Prevediem vás jedným bežným dňom web developera a ukážem, ako doň prirodzene zapadá GitHub Copilot, ChatGPT či iné AI nástroje. Ráno spolu vytvoríme komponentu, počas dňa sa popasujeme s buildom, refactoringom či vlastným lintingom a na konci necháme AI pripraviť PR pre kolegov. Podelím sa o tipy, ako AI správne promptovať, aby produkovalo bezpečný a testovateľný kód, a pridám aj pár failov, ktoré pobavia. Prednáška je určená každému (od začiatočníkov až po skúsených vývojárov), kto sa chce prestať báť AI a začať ju využívať ako užitočného "juniora" vo svojom tíme.
18:00
18:00 30 min
Překvapení
18:30
Merge to Master

Břetislav Proft a Tomáš Hejč

Afterparty
19:00-?
Afterparty v Clubu Passage

protože nejdůležitější otázky se řeší až večer u baru


Nejčastější dotazy

Přehledně to nejdůležitější, co potřebuješ vědět

Těšíme se na tebe v prostorách Hotelu Passage, Lidická 23, 602 00 Brno.

Náš tým a kontakty

Stojíme o tvoji podporu i názory.
Volej +420 730 171 545

Napište nám
Kateřina Macháčková

Kateřina Macháčková

Hlavní organizátor

EmailTwitterLinkedIn
Martin Michálek
Tomáš Hejč
Břetislav Proft

Břetislav Proft

Praha, partneři

EmailLinkedIn

Programová komise

Martin Michálek

Martin Michálek

Libor Vaněk

Libor Vaněk

Tereza Vaňková

Tereza Vaňková

Marek Velas

Marek Velas

Přihlas se do newsletteru
a nic ti neuteče!