FrontKon očima superkodérů

Dali jsme hlavy dohromady a zde přinášíme přehled přednášek, které nás zaujaly.

Michal Matuška / SUPERKODERS

Zdar jak sviňa!
Pozdrav, který odstartoval Michalův koncert v podobě tipů a triků jak používat Devtools.

Rychlotipy:

• funkce copy(), která v konzoli slouží ke zkopírování složitěšjího outputu.
• inline editace a formátování textu pomocí “document.designMode” přímo na webu.

Martin Brychta / SUPERKODERS

Cloudová platforma Vercel nabírá značné popularity. V přednášce Martin ukázal, jak propojit repo, rozjet projekt a automatizovat deploy jednotlivých feature větví.

Zajímavá byla ukázka preview verze aplikace, kterou je možné online komentovat.

Martin ukázal také zákoutí pricing modelu, na co si dát pozor, abych nás provoz nestál majland. Přecejen Vercel je startup zainvestovaný VC fondy, které budou chtít své peníze zpět.
Tak bacha na to!

Tomáš Belada

Inspirativní přednáška o tom, jak vést technologické týmy napříč službami firmy.
Mějte dobrý catering, vyprávějte příběh, dokumentujte, chvalte, zapojte všechny členy týmu, buďte optimisti. A hlavně, nikdy to nezapomeňte oslavit!

Z přednášky bohužel není záznam, ale Tomáš nasdílel své slajdy Externí odkaz .

Zajímají tě novinky ze světa Frontendu?

Přihlas se k našemu newsletteru nebo nás sleduj na  sociálních sítích Externí odkaz .

Přihlásit

Blok přednášek, který byl velmi zajímavým a trefným pohledem do problematiky práce s juniory.

Ako získať prvý job v IT?
Yablko (Roman Hraška)

Juniorní pozice neexistují: firmy do svých kariérních nabídek sepisují požadavky, které někdy nesplňují ani seniorní specialisté, nebo to pozice pro juniory vůbec nepotřebují.

A co má teda udělat junior, když chce pracovat ve vysněné firmě? Hlavně skvělý první dojem.

Chceš u nás pracovat? Neposílej CV v PDF, udělej webík, pošli github, pochlub se. Řekni proč právě my, co tě zaujalo a proč jsi SUPER?
Doučit se dá všechno.

Více na youtube kanále ROB WEB s yablkom Externí odkaz .

Tuto přednášku doplnily další dvě, které se zaměřovaly na juniory:

• Junior jako investice: Proč je mít v týmu a jak je zaučovat od Honzy Javorka
• Dev Fiction: Junioři a realita vývojářského týmu od Marty Kirchgessner

Obě zdůrazňovaly potřebu hledat v juniorních lidech hlavně snahu. Honza použil velmi zajímavé přirovnání Junior = akcie, Senior = dluhopis. Jste připraveni na riziko s mnohem větším potenciálem? Nebo zůstanete konzervativní?

Hana Klingová

Jak prakticky používat Copilot. Zajímavá byla ukázka automatického doplňování kódu dle okolního kontextu (výrazně urychlí vývoj a pak si můžete jít třeba na hoďku zaběhat) nebo textového vysvětlení označeného úseku kódu.

Narozdíl od ChatGPT je model natrénovaný na veřejných repozitářích Githubu, proto, co se týká kódu, dosahuje mnohem lepších výsledků.

Tipy na free alternativy: doplněk do VS Code - Cody Externí odkaz a  AI first code editor - Cursor Externí odkaz .

Zuzana Šumlanská

Březen 2024. Zásadní datum které jsme si odnesli z přednášky. Google v ten okamžik nahradí v Core Web Vitals metriku FID právě za INP.

Co to INP je a proč by nás to mělo zajímat a hlavně, jak metriku optimalizovat, právě o tom byla Zuzčina přednáška.

TIP: Zajímá vás performance webů? PageSpeed.cz právě spouští novou pokročilou verzi testeru rychlosti Externí odkaz .

Martin Macháček

t = (o + 4m + p)/6

Vzorec jak od Einsteina. Rovnice, která počítá s optimistickým, realistickým a pesimistický odhadem. A výsledkem je … že to stejně nevyjde. Je to odhad, který dává směr, nikoliv přesný cíl.

Riki Fridrich

Máte rádi Rikiho? My ano a vy byste měli také.
Riki ve své přednášce ukázal jak lze používat typy pomocí JsDoc a jiné způsoby, jak používat typy bez typescriptu.

Zaujala nás možnost psaní v  JsDoc syntaxe i v typescriptu Externí odkaz , kde je hlavní výhodou utvářet takto jednoduše dokumentaci scriptů, které lze snadno vykompilovat. Na což je vlastně JsDoc určený.

David Grudl

O této prešnášce už jste asi slyšeli. Davidova pověst jej předchází a způsob, jakým dokázal vysvětlit princip fungování neuronové sítě byl obdivuhodný. A my díky tomu pochopili, že ani sami autoři AI neví, jak AI funguje.

Jakub Miškech

Naprostý technický skvost mezi přednáškami na partnerské stage. Memoizace stavů, callbacků i celých komponent je v Reactu velké téma. Použití memoizace často bývá sporné nebo je použita na úplně špatné vrstvě kódu.

Jakub toto téma famózně zpracoval a během live codingu, ukazoval různé přístupy jak a kdy ošetřit zbytečná překreslení komponent.

Ještě jednou tleskáme a mrzí nás, že tento talk nemá záznam.

Adam Kudrna

Úvod do sémantického verzování, abychom pochopili proč je vydání verze 1.0.0 tak velké rozhodnutí a proč se jej za každou cenu snažíme oddálit. A taky proč je to blbost.

Je lepší vydat první verzi co nejdříve neboť breaking changes se stejně nevyhneme a rychleji dostaneme zpětnou vazbu na opravu chyb.

---

Všechny záznamy vyjdou na YouTube kanále Frontendisti.cz Externí odkaz , tak se určitě běžte podívat.

Před FrontKonem jsme se bavili přípravou předělů mezi jednotlivé přednášky. Cílem bylo představit následující program, promovat partnery, spustit FE znělku a zakomponovat naši soutěž “Vyhraj Ferrari se SUPERKODERS”.

Pro nás byla technologie jasná – čistě frontendová. Animace jsou napsané naší oblíbenou knihovnou GSAP Externí odkaz , se kterou je radost pracovat a vše šlo jako po másle. Výsledná animace zabrala přesně 30 řádků kódu.

Předěly mezi přednáškami FrontKon 2023

Na závěr ještě jednou gratulujeme Ondrovi Kučerovi Externí odkaz , k jeho novému Ferrari. A všem kdo se naší soutěže zúčastnili děkujeme za účast, super fotky Externí odkaz a skvělý vzkazy.

Konference za námi. Ať žijou meetupy.
Těšíme se, až se zase společně potkáme.