Fundamentals of Frontend System Design
Evgenii Ray
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!
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
Join-In Person from Downtown Minneapolis
Apply to Join In-PersonYou'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
What
- One Full Day Workshop Session
- Replay Videos (available immediately)
When
- May 29, 2024 - 9:30am to 5:30pm Central Daylight Time
Where
- 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:30AMIntroduction
- 9:45AMCore Fundamentals - Box Model
- 10:00AMCore Fundamentals - Browser Positioning System
- 10:15AMCore Fundamentals - Stacking Context
- 10:30AMCore Fundamentals - Reflow
- 10:45AMCore Fundamentals - Composition Layers and rendering on GPU
- 11:15AMDOM API
- 11:30AMPopular UX Patterns (Infinite Scroll, Modal etc.)
- 1:00PMUI Architecture Patterns
- 2:00PMData-storage organization and optimization
- 3:00PMNetwork
- 3:30PMCore Browser APIs
- 4:00PMPerformance Optimization
- 4:30PMSystem Design from scratch.
- 5:15PMSummary.
Your (Awesome) Instructor
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.