Practical Web App Patterns
Watch on Frontend Masters
Practical Web App Patterns
with Vanilla JS
Maximiliano Firtman
firt.dev
Watch on Frontend Masters
Table of Contents
Intro to the Course
Introduction
What We Will Be Building
Slides
Classic Patterns
Checking the Project
The New Appjs
Creating Observer in Mixin
Creating Data Classes
The Command Pattern
Adjusting Appjs
Adding Storage
Adding Keyboard Shortcuts
Adding Undo Support
Single Page Applications
Setting up the Project
Using Lazy Load
Adding View Transitions
Morphing Elements From Different Pages
Using Html Templates
Routing Metadata
Multi Page Applications
Setting up the Project
View Transitions
Morphing Elements
Prefetch