0%

Code Architecture Learning Path
Build Scalable Web Apps

Write maintainable and flexible code and learn the design patterns to build scalable web applications. Build everything from lean vanilla JavaScript solutions to enterprise-level systems with modern frameworks, state management libraries, and testing tools.

Total time: 23 hours, 20 minutes

Core Coursework

Take these in order
Prerequisite: Professional Learning Path or senior-level engineers interested in building scalable applications.
Editor's Note
Building a web app in Vanilla JS eliminates unnecessary framework code and allows you to build the features your application needs from scratch. You also learn to implement common features like data management, routing, and reactive programming.

Vanilla JS: You Might Not Need a Framework

Maximiliano Firtman

Maximiliano Firtman

Independent Consultant
Explore Vanilla JavaScript core concepts, work with DOM APIs, handle events, and build a web application from scratch. Delve into advanced topics like SPA routing, web components, and reactive programming.
5 hours, 52 minutes CC
Vanilla JS: You Might Not Need a Framework
Editor's Note
Design patterns help applications scale and create more maintainable code. Learn common design patterns for web applications and the problems they solve.

JavaScript Design Patterns for Web Apps

Maximiliano Firtman

Maximiliano Firtman

Independent Consultant
Implement classic patterns like Singleton, Factory, and Observer alongside modern patterns for single-page and multi-page architectures to build robust, efficient web apps using pure JavaScript.
4 hours, 24 minutes CC
JavaScript Design Patterns for Web Apps
Editor's Note
Maintaining a large codebase and a growing team can be complex. Lead engineers survive by implementing proper testing strategies, coding standards, and continuous integration.

Enterprise UI Development: Testing & Code Quality

Steve Kinney

Steve Kinney

Temporal
Ideal for lead UI developers: learn unit testing, continuous integration, accessibility testing, mocking, and coding standards enforcement. Guide your team toward coding scalability!
8 hours, 25 minutes CC
Enterprise UI Development: Testing & Code Quality
Editor's Note
System design is the key to high-performing web applications. Complex applications require efficient DOM manipulation and robust state management.

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

Elective Coursework

Optional, take in any order

Introduction to Backend Architectures

Learn essential backend architectures from monoliths to serverless. Discover key principles, tackle common challenges, and explore real-world examples giving you a perfect introduction to backend systems.
Introduction to Backend Architectures

A Tour of JavaScript & React Patterns

Learn a suite of design patterns to improve your JavaScript and React code architecture!
A Tour of JavaScript & React Patterns

Web Components

Create custom, reusable HTML elements with the Web Components API! Learn to create custom Web Components using JavaScript and the Lit library.
Web Components

Web App Testing & Tools

Learn unit, integration, system, E2E testing, mock dependencies, and use Vitest & Playwright for building robust and maintainable web apps!
Web App Testing & Tools

Enterprise TypeScript

Configure your TypeScript codebases for scalability, empowering large teams to collaborate more effectively! Learn how to set up, maintain, and evolve TypeScript libraries, manage migrations from JavaScript, and implement testing strategies for types.
Enterprise TypeScript

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