Skip to main content Accessibility Feedback

New Learning Path: Structure & Scale

Learn how to structure and organize your code as your projects grow and scale. Dig into concepts like utility libraries, object-oriented programing, JavaScript classes, web components, ES modules, and service workers.

In this learning path, you’ll learn a ton of advanced JavaScript techniques, including…

  • Modern JS (ES6+) essentials
  • The Revealing Module Pattern
  • The Constructor Pattern
  • Object-Oriented Programing (OOP)
  • JavaScript Classes
  • JS libraries & chaining methods
  • Settings and configurable options
  • The custom events API
  • Public versus private properties
  • Web Components
  • The Shadow DOM
  • ES Modules
  • Build tools and module bundlers
  • Service Workers
  • Offline web apps
  • Web performance strategies
  • How to debug broken code
  • Web accessibility fundamentals

Along the way, you’ll iteratively scale up three amazing projects, starting from scratch…

  1. Roll the Dice. A library for rolling dice of various sizes. You’ll extend it to support ES modules so developers can import just the dice they need, and create a web component that can be used with just an HTML element.
  2. Treasure Chest. A library for tracking your loot. Create unique treasure chests for each member of your crew, add different types of treasure, explore modern JS class features, and add custom events developers can hook into to extend functionality in new ways.
  3. Seven Seas App. A travel app for pirates that incorporates your previous projects. You’ll learn how to structure code on larger projects, improve app performance, and add offline capabilities.

Ready to learn? Click here to get started!