[ONLINE] Smart Front-End Techniques For Flexible, Accessible Web

October 30 - November 1, 2020. Language: English

Vitaly Friedman

Vitaly Friedman

Vitaly is the author, co-author and editor of all Smashing books, and a curator of all Smashing Conferences. He currently works as creative lead of Smashing Magazine and front-end/UX consultant in Europe and abroad, working with European Parliament, Haufe-Lexware, Axel-Springer and a few other companies.

OVERVIEW:

With HTTP/2, Service Workers, Progressive Web Apps, Variable Fonts, CSS Custom Properties, Client Hints and Resource Hints, Flexbox, CSS Grid Layout, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for designing and building for the web efficiently. We want to use all of these technologies and smart processes, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?

What’s the the most optimized way to compress text, optimize images, deliver and contain third-party scripts, conduct A/B testing, manage web fonts, build layouts, streamline delivery of CSS/JS, serve static assets and architect a flexible and maintainable design system? Oh my, in the workshop, we’ll cover it all. We’ll explore how to utilize all of those wonderful shiny web technologies we have available today, and how to deal with legacy browsers along the way. We’ll also cover a few techniques that might ensure that your websites and apps will stay flexible and accessible in the years to come. Beware: you won’t be able to unlearn the things that you’ll learn in the workshop!

TARGET AUDIENCE:

This workshop is intended for professional front-end developers and designers.

100% of previous attendees would recommend the workshop to colleagues!

To get the most out of the workshop, you’ll need to bring a laptop with your preferred text editor.

TIMING:

09:00 - 15:00 Training hours
12:00 - 13:00 Break


IN THIS WORKSHOP, ATTENDEES WILL:

  • Learn how to deal with common front-end pain points, i.e. web font loading, compression, bundling, accessibility, loading CSS/JS
  • Learn how to improve performance with WebPageTest, HTTP/2, resource hints and a couple of perf gotchas
  • Learn case studies of how companies solved common front-end challenges with video, ads, third-party scripts
  • Explore the overall state of front-end in 2020, with new APIs, developments, challenges and opportunities to watch out for
  • Become an overall better front-end developer, learning strategies for writing more robust and accessible code

PRICE

ONLINE TRAINING
$ 250
  •  
  •  
  • Training ticket
  • October 30 - November 1, 2020
  •