FrontKon#25

1. října 2025

Hotel Passage Brno

Vstupenky

dní

hod

min

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.

Web Twitter LinkedIn Bluesky

Artem Zakharchenko

10 Things Nobody Told You About Service Workers

I have spent last seven years maintaining a Service Worker-based project and, boy, do I have some stories to tell. Join my talk to learn more about curiosities, oddities, and footguns buried deep under this fascinating API. From self-termination and the mysterious “Kill Switch” to browsers suddenly putting your workers to sleep. Let’s dive into behaviors developers often overlook when using Service Workers.

Artem je open source vývojář, autor knihovny Mock Service Worker, a instruktor z testovaní na EpicWeb.dev.

Web LinkedIn Bluesky

Paolo Ricciuti

Progressively enhanced apps with Svelte

He has a computer science degree and started developing when he was ju 17 years old (with PHP 4 😱). Nowadays he works at Mainmatter as Senior Software Engineer. He loves Svelte and he's fortunate enough to work with it. He's also one of the Svelte Ambassadors and Maintainer so you’ll likely see him around in the svelte github repo.

Web Twitter LinkedIn Medium

Danny Moerkerke

The State Of PWAs

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.

I am a web developer specialised in PWAs and Web Components. I’m the creator of What PWA Can Do Today, a showcase of demos of what is possible with PWAs today. I also publish the newsletter Modern Web Weekly in which I write about the (new) web features I test and write regular articles for medium.com

Michal Matuška

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

Twitter LinkedIn

Web LinkedIn

Markéta Willis

3D ve webovém vývoji

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

Pracuji jako frontend vývojářka, ale také se věnuji mentoringu vývojářů - jak technickému, tak soft skills a job search (cv, portfolio, přípravy na pohovor). Vytvořila jsem online kurz Jak si najít práci v IT.

Web LinkedIn

Adam Kulhánek

Smart & Kind: psychologie IT mozku

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.

Adam Kulhánek je přední český adiktolog a expert na performance koučink, který propojuje poznatky pozitivní psychologie a medicíny s praxí z korporátního prostředí. Pravidelně vystupuje v médiích, prezentoval na TEDx a školí manažery v tématech leadershipu, psychické odolnosti a wellbeingu.

Web LinkedIn

Karel Navrátil

Jak jsem ukradl FrontKon za 4 387 Kč

“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ď.

Jsem advokát a ještě déle frontend designer. Specializuji se na weby a online svět, a to jak z pohledu právníka, tak frontend designera. Takže si pokecáme i o UX, přístupnosti, JS frameworcích, krásách dnešního CSSka i o (ne)výhodách no-code platforem. Právě kombinací světů práva a techu se snažím hledat řešení tam, kde jiní už říkají ne.

Ondřej Velíšek

TanStack Start: Nová konkurence Next.js

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.

K webovému vývoji jsem přičuchnul už na základní škole, kde jsem chodil do webového kroužku. Pak vývoj her v GameMakeru. Střední a vysoká škola v oboru. Teď frontenďák v GooData. A pořád mě to baví!

Honza Hrubý

Webpack: poslední zúčtování

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.

Twitter LinkedIn

Lukáš Chylík

CSS Scroll-State Container Queries

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.

Visual logic specialist and frontend web developer at AIS servis. Bavi ma CSS a som veľký fanda AI.

Tomáš Hrstka

Od minulosti po vizi: evoluce stacku Livesportu

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!

Tomáš je fanouškem moderních technologií. Přestože má v pracovní smlouvě napsáno „Frontend developer”, nebojí se ani serverů. V Livesportu drží technologický dluh pod kontrolou. V poslední době se také věnuje technologickému pokroku. Řídí se mottem: „Abyste se stali 10x inženýrem, předáte své know-how 10 dalším vývojářům.” Když není u počítače, najdete ho na golfovém hřišti nebo v posilovně. Odtud se vydává hledat dobré jídlo.

Web LinkedIn

Pavel Ungr

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

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.

Pavel Ungr – těžký kalibr na technické SEO Od roku 2004 se specializuje na technické SEO a konzultace pro významné značky, jako jsou Alza, Air Bank, Peugeot, Tchibo, Erste (Česká spořitelna) nebo Člověk v tísni – 20 let praxe v oboru. Vede oblíbený kurz Technické SEO (nejen) pro vývojáře, a přispěl jako odborný oponent k e‑booku Ochutnejte technické SEO. Jeho přístup kombinuje tradiční silné základy s progresivními prvky** jako využití AI pro analyzování logů, prompt engineering a optimalizaci pro LLM.

Twitter LinkedIn

Tomáš Pustelník

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

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í.

Jsem frontend vývojář s více než desetiletou praxí ve vývoji webových aplikací všech možných velikostí. Ačkoliv poslední dobou tráví většinu času s Reactem a JS, jsem velkým zastáncem HTML, CSS a přístupnosti. V práci i na vlastních projektech (např. Clipio.app) hledám způsoby, jak posunout svoje řemeslo a psát lepší kód. Své poznatky sdílím na svém blogu a sociálních sítích. Když neprogramuju, tak se rád toulám přírodou, hraju deskovky a popíjím čaj.

Petr Malík

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

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.

Jmenuji se Petr Malík a ve společnosti Qest technologies pracuji téměř čtyři roky. Nejprve jako fullstack developer a poslední dva a půl roku vedu tým zaměřený na vývoj systémů pro logistiku, konkrétně ve společnosti DPD. Naším cílem je optimalizovat a automatizovat procesy tak, aby byly rychlejší a efektivnější. Hodně se soustředím na vylepšování vývojového workflow a automatizaci opakujících se úkolů. Moderní technologie, včetně AI, mi v tom pomáhají. Nejen jako nástroje, ale i jako způsob myšlení. Baví mě hledat inovativní řešení, která usnadňují práci nejen vývojářům, ale mají reálný dopad i na koncové uživatele. Ve volném čase rád experimentuji s různými nástroji na zvýšení produktivity. Je zajímavé sledovat, kam se technologie posouvají a jak mohou pomoci, když se využijí chytře.

Martin Staněk

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

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.

Jsem front-end designer se sklonem vrtat se ve všem. Web je moje práce i vášeň. Navrhuju uživatelská rozhraní, ale rád je i realizuju v kódu.

Jakub Randák

Jak (ne)stavět knihovnu komponent

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.

Jsem Jakub Randák, Frontend Competence Lead ve společnosti Green:Code. Mám dlouholetou zkušenost s vývojem webových aplikací, specializuji se na React a vedení lidí. V Green:Code vedu tým a podílím se na klíčových projektech pro Škoda Auto.

Twitter LinkedIn

Ondřej Kučera

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

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í.

Jsem duší frontendista, kterého donutili dělat backend, až se ze mě stal architekt. Taky jsem po rodičích tak trochu kantor, a tak se mj. věnuju vzdělávání začátečníků v rámci ReactGirls.

Pavel Lorenz a Filip Macek

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

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.

Palo: Zvědavost mě provází celý život. Začínal jsem se strkáním šroubováku do elektriky, rozebíral jsem otcova elektrická udělátka (většinu už nedal dohromady) a vytvářel své první „hackerské“ iFrame HTML stránky blikající, jak vánoční stromeček! Otec se na mě zlobil, proč nedělám nic užitečného, vždyť tvorba takových nesmyslů jako je web mě nikdy nemůže živit! Well, ... Filip: Backendový vývojář, kterého baví nejen technologie, ale i práce s lidmi. Nechci být jen další lopatou na tikety, ale SW engineer, který rozproudí diskusi v týmu a přemýšlí i za hranice repozitáře.

Web Twitter LinkedIn

Irena Zatloukalová

Zpětná vazba nemusí být fuckup

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

Irča Zatloukalová se dvacet let naplno věnovala komunikaci, většinu toho času se pohybovala v technologiích. V Seznamu postavila tým, který mluvil s veřejností i dovnitř firmy, pak roky pomáhala startupům a předním technologickým firmám najít jejich hlas a mluvit smysluplně nejen k zaměstnancům, ale i partnerům a zákazníkům. Má za sebou výcvik v systemickém koučování a baví ji hledat lepší způsoby, jak spolu v týmech a firmách fungovat. Teď startuje Diversight.ai. Firmu, která spojuje svět dat a sociální dopad: zpracovává data a dodává datové analýzy, a zároveň dává práci lidem na autistickém spektru. Naplňuje tak svou osobní vizi propojení technologií a lidí, ale zároveň ukazuje, jak spojit byznys se smysluplným sociálním dopadem.

Web Twitter LinkedIn

Lukáš Trumm

Tailwind 4 vs CSS 6

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?

Miluju webový technologie a rád se nechávám fascinovat jejich vývojem. Jsem hrdý na svojí ženu a děti, rád běhám dlouhé štřeky po lesích a angažuju se ve skautském hnutí.

Web LinkedIn

Jan Svěrák

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

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.

Jan Honza Černý aka chemiX

nue.js – Break the limits of Web

Twitter LinkedIn

Roman Krejčík

Migrace Printables ze Angularu do Svelte

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.

Za 20 let vývoje webu se Roman posunul od backenu k frontendu. Jeho oblíbené technologie jsou Svelte a TypeScript. V Prusa Research přispívá k vývoji služeb Printables a EasyPrint.

Milan Seitler

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

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.

Dříve vývojář, dnes designér s nikdy nekončící snahou dělat co nejlepší digitální produkty. Baví mě tvořit věci, které fungují, přitom dobře vypadají a ještě je radost je používat. Momentálně se skvělým týmem v Make tvořím AI agenty a automatizace. Last of Us jsem ve skutečnosti nikdy nehrál a můj Steam wishlist má 178 položek.

Battle

AI editorů

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

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.

Proč se zúčastnit?

Zase ta umělá inteligenceA vývojáři nebudou mít co žrátZázraky na počkání v CSS6PWA je nový native?React forever?Rychlost webu z 0 na 100Překvapení budeMožná dorazí i kouzelníkV Brně není nudaPsychologie IT mozku

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.

Přímo před hotelem je zastávka tramvaje Antonínská. Nasedni na "šalinu" číslo 1 nebo 6.

Hotel nabízí placené parkování v krytých garážích. Vjezd najdeš z ulice Mezírka 13. Alternativně můžeš využít parkovací domy Rooseveltova nebo Rozmarýn, které jsou v blízkosti.

Ano, a dokonce od nás dostaneš slevu. Po zakoupení vstupenky obdržíš v potvrzovacím e-mailu slevový kód na ubytování.

Ale mysli na to, že ubytovací kapacita hotelu je omezená. Takže kdo dřív přijde, ten dřív mele. 🙂

Pro vstup na konferenci potřebuješ platnou vstupenku s čárovým kódem, kterou ukážeš u registrace. Myslíme ekologicky, takže samozřejmě stačí, když ji budeš mít v mobilu.

Jinak nezapomeň dobrou náladu a defragmentaci hlavy, protože ta dostane naloženo!

Loni bylo vyprodáno už měsíc před akcí, takže si svůj lístek určitě zajisti předem.

Kromě sálů s nabitým programem plným přednášek a workshopů tě čeká chill-out zóna, speakers corner, stánky našich partnerů či fotokoutek. Určitě se je na co těšit!

Po skončení oficiálního programu navazuje afterparty, která bude pro snadnou dostupnost přímo v hotelu.

Vodu, kávu a čaj budeš mít po celý den zdarma.

Pro majitele Early bird vstupenky a vstupenky včetně oběda bude nachystané jídlo servírované v hotelové restauraci. V druhé polovině září ti přijde e-mail, kde si zaškrtneš jídlo, které si dáš. Na výběr máme:

Masová varianta: Vepřový guláš s houskovým knedlíkem
Bezlepková a bezlaktózová varianta: Kuřecí prsa s kůží, ratatouille
Vegetariánská varianta: Lasagne s drcenými rajčaty, špenátem a bešamelem

Na místě si budeš moci další občerstvení zakoupit. Připravujeme nabídku slaných i sladkých snacků a samozřejmě nápoje.

Stejně jako loni najdeš celou konferenci v appce Eventee. Budeš tak mít neustále po ruce kompletní program, hodnocení přednášek, aktuální informace a můžeš ji využít i pro networking.

Téměř všechny přednášky si poslechneš jednoduše v češtině, ale je možné, že některé přednášky budou anglicky. Věříme, že ti to vadit nebude.

Máme v plánu, že záznamy přednášek budou a po konferenci je budeme postupně dávat na náš YouTube. Ale garantovat u všech to nemůžeme. Takže raději doraz osobně a zažij sílu komunity na vlastní kůži.

Piš nám na konference@frontendisti.cz.