Workshop (Part 2). New Adventures in Frontend, 2021 Edition

on YouTube ↗01h 09m

" summary

Workshop covering a practical end-to-end strategy for building fast, responsive web apps using modern front-end technologies and tooling. Topics include performance and Core Web Vitals improvements via Brotli text compression, image/video formats and delivery (AVIF/AV1), web-font loading strategies, CSS delivery (Critical CSS, Custom Properties, Grid/Subgrid), component workflow tooling, DevTools and WebPageTest flame charts/network waterfalls for bottleneck diagnosis, i18n/localization techniques, HTML email compatibility, and other front-end pitfalls and solutions.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 5:07Performance analysis
3. 24:53Text optimization
4. 30:13Image handling
5. 45:31Font management
6. 57:09DevTools tricks
7. 1:06:43CSS Grid features

" related talks

• 53mNew Adventures in Responsive Web DesignVitaly Friedman · FITC Toronto 2017
• 01h 11mPre-keynote - New Adventures in Responsive Web DesignVitaly Friedman · Frontend United 2017
• 39mFrom make it work to make it fast: quick wins to boost your applicationJonathan Hervieux · Devoxx France 2021
• 31mThe Future of Front-End PerformanceSia Karamalegos · Full Stack Fest 2018
• 29mLean Frontend DevelopmentMatteo Guidotto · Codemotion Rome 2015
• 01h 02mKeynote. New Adventures in Front-End, Season 2Vitaly Friedman · You Gotta Love Frontend Conference 2018
• 28mFantastic Frontend Performance Tricks & Why We Do ThemJenna Zeigen · #PerfMatters Conference 2019
• 34mNew Adventures in Front-End, 2021 EditionVitaly Friedman · Infobip Shift 2021