May 29, 2024 - 9:30am to 5:30pm Central Daylight Time

Fundamentals of Frontend System Design

Evgenii Ray

Evgenii Ray

Fundamentals of Frontend System Design

This Workshop's Online Chatroom is Currently Open!

This workshop has ended. Check back soon for the recording!

You can watch a replay of this workshop!

Focus on the fundamentals of Frontend System Design using Vanilla JavaScript, the DOM, Browser APIs, Design Patterns, and Networking Protocols.

Key Takeaways

By participating along with us in the workshop, you'll learn:

  • Learn how the Browser Rendering Mechanism works
  • Explore how CSS Box Model Spec allows to scale and support different types of layouts
  • Understand how Stacking, Formatting and Graphic contexts work together to optimize the performance of the UI
  • Learn Core DOM API, which is used behind all popular libraries and frameworks
  • Learn how to build popular UX Patterns (Infinite Scroll, Grid, Modal, etc) in a scalable way
  • Learn different UI Architecture patterns
  • Deep dive into Storing the data in the Browser and the ways to optimize it
  • Learn more about HTTP Protocol and different ways to load the data on the UI depending on the use case
  • Explore ways to optimize the performance of the application
  • Design complex app from scratch, applying the knowledge from the workshop

Workshop Details

In the modern UI world, there are hundreds of frameworks and methodologies for building large-scale UI apps. However, most of these libraries and frameworks are based on core principles that recur across them. As UI specialists, we need to understand these fundamentals and how to apply them in building large and complex apps. This course is designed to dive one level deeper, going beyond frameworks and libraries. We are going to focus on the fundamentals of Frontend System Design using Vanilla JavaScript, the DOM, and Browser APIs, Design Patterns, and Networking Protocols.

Any Prerequisites?

  • Some basic understanding of how the browser works
  • Basic understanding of Networking protocols

Attend Online Live and in Full HD

Get Your Questions Answered
Code Along with the Class
Classroom Format

Join-In Person from Downtown Minneapolis

Apply to Join In-Person

You're Registered to Attend Online!

You'll receive additional details and a reminder via email as the event draws near.

Fundamentals of Frontend System Design

Event Details


  • One Full Day Workshop Session
  • Replay Videos (available immediately)


  • May 29, 2024 - 9:30am to 5:30pm Central Daylight Time


  • Option 1: Attend online on our full HD live stream
  • Option 2: Attend in-person at HQ in Minneapolis, MN

Daily Schedule

Spend a full day learning fundamental knowledge of Front-End System Design

  • 9:30AM
  • 9:45AM
    Core Fundamentals - Box Model
  • 10:00AM
    Core Fundamentals - Browser Positioning System
  • 10:15AM
    Core Fundamentals - Stacking Context
  • 10:30AM
    Core Fundamentals - Reflow
  • 10:45AM
    Core Fundamentals - Composition Layers and rendering on GPU
  • 11:15AM
  • 11:30AM
    Popular UX Patterns (Infinite Scroll, Modal etc.)
  • 1:00PM
    UI Architecture Patterns
  • 2:00PM
    Data-storage organization and optimization
  • 3:00PM
  • 3:30PM
    Core Browser APIs
  • 4:00PM
    Performance Optimization
  • 4:30PM
    System Design from scratch.
  • 5:15PM

Your (Awesome) Instructor

Evgenii Ray

Evgenii Ray

Hi, my name is Evgenii, and I currently work as a Staff UI Engineer at Meta. My journey in tech started in backend engineering, where I soon discovered a passion for the dynamic and fast-paced world of JavaScript & UI engineering. I had a chance to work at JetBrains, which allowed me to contribute significantly to developing exceptional tooling for software engineers and crafting complex UI applications focusing on user experience and performance. I strongly believe in the power of knowledge being accessible to all. This led me to start my own YouTube channel in my spare time. I share content on Frontend Engineering, particularly in designing complex systems and web performance.

Check out all of our upcoming workshops!

Workshops happen throughout the year, and are all included with membership.