Practical Web App Patterns

Watch on Frontend Masters

Practical Web App Patterns

with Vanilla JS

author image
Maximiliano Firtman
firt.dev
course icon
Watch on Frontend Masters

Table of Contents

  1. Intro to the Course

    1. Introduction
    2. What We Will Be Building
    3. Slides

  2. Classic Patterns

    1. Checking the Project
    2. The New Appjs
    3. Creating Observer in Mixin
    4. Creating Data Classes
    5. The Command Pattern
    6. Adjusting Appjs
    7. Adding Storage
    8. Adding Keyboard Shortcuts
    9. Adding Undo Support

  3. Single Page Applications

    1. Setting up the Project
    2. Using Lazy Load
    3. Adding View Transitions
    4. Morphing Elements From Different Pages
    5. Using Html Templates
    6. Routing Metadata

  4. Multi Page Applications

    1. Setting up the Project
    2. View Transitions
    3. Morphing Elements
    4. Prefetch