0%

JavaScript Performance Learning Path
Building Blazingly Fast Applications

Identify performance bottlenecks while minimizing page load times. Learn the techniques to build high-performing JavaScript applications by understanding code execution at the lowest levels.

Total time: 22 hours, 27 minutes

Core Coursework

Take these in order
Prerequisite: Professional Learning Path or senior-level engineers interested in building and managing scalable applications and teams.
Editor's Note
Understanding how to measure and improve web page load time. Analyzing and addressing poor web vitals not only improves user experience but also gives your website a boost in SEO and search rankings.

Web Performance Fundamentals, v2

Todd Gardner

Todd Gardner

Request Metrics
Speed up your websites and web apps by mastrering Core Web Vitals metrics like Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP).
5 hours, 59 minutes CC
Web Performance Fundamentals, v2
Editor's Note
Write code that reduces parsing time and is optimized for how JavaScript engines compile code. Understand how to improve JavaScript load time and reduce unnecessary page rendering.

JavaScript Performance

Steve Kinney

Steve Kinney

Temporal
Write more efficient JavaScript, optimize rendering performance, load assets faster with a CDN, split loading resources with Webpack, and more!
4 hours, 55 minutes CC
JavaScript Performance
Editor's Note
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.

Front-End System Design

Evgenii Ray

Evgenii Ray

Staff UI Engineer
Learn best practices for building scalable, high-performance web applications. Deep dive into front-end engineering: DOM APIs, virtualization, state management, and performance.
4 hours, 37 minutes CC
Front-End System Design
Editor's Note
Make your high-performing application BLAZINGLY fast by finding performance bottle next with benchmarking and performance monitoring. Understand garbage collection and acute memory optimization to squeeze as much performance out of your code.

Blazingly Fast JavaScript

ThePrimeagen

ThePrimeagen

terminal
Learn advanced JavaScript performance optimization: garbage collection, memory profiling, data structures like sets and arrays, and event loop management. Learn performance-driven programming, preparing you to write blazingly fast and efficient code!
3 hours, 32 minutes CC
Blazingly Fast JavaScript
Editor's Note
Learn how JavaScript is executed on the physical hardware. This will give an understanding of the capabilities and limitations of both physical and virtual machines while observing JavaScript execution at the lowest levels.

Bare Metal JavaScript: The JavaScript Virtual Machine

Miško Hevery

Miško Hevery

Qwik Creator (Previously Angular)
Build a mental model of JavaScript's performance characteristics through understanding virtual machines under the hood.
3 hours, 21 minutes CC
Bare Metal JavaScript: The JavaScript Virtual Machine

Elective Coursework

Optional, take in any order

Web App Performance

Identify and resolve performance issues in your web apps! Learn about performance issues, metrics, HTTP, browser cache, and service workers. Discover advanced optimization techniques and performance APIs.
Web App Performance

React Performance

Write performant React apps by learning to structure components and memoize to avoid re-renders, load code on-demand, and leverage new concurrent features in React 18.
React Performance

Advanced Web Development Quiz

Challenge your knowledge with a quiz on the advanced parts of web development! Answer 30 questions from JavaScript and CSS to performance, web security, and HTTP protocols.
Advanced Web Development Quiz

Qwik for Instant-Loading Websites & Apps

Explore resumability with Qwik. Create instant-loading websites and ship less JavaScript by serializing the application and framework state in the HTML.
Qwik for Instant-Loading Websites & Apps

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now