Completed
Switch Routing
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Modernizing Large Frontends with Web Components
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Choosing the right path is critical.
- 3 Modern Frontends
- 4 Single Page Applications (SPAs)
- 5 DOM Manipulation
- 6 What are Web Components?
- 7 Use Cases
- 8 Micro Frontends
- 9 Shared Components
- 10 Anatomy of a Custom Element
- 11 Selector String
- 12 JavaScript Class
- 13 Options Object
- 14 Bells & Whistles
- 15 Lifecycle Methods
- 16 HTML Templates
- 17 It's complicated...
- 18 Custom Element Libraries
- 19 Stencil
- 20 Modernization
- 21 AngularJS to Angular
- 22 Why Angular Elements?
- 23 Tightly Coupled
- 24 Dependency Injection
- 25 The Elements Upgrade Strategy
- 26 Set Up Bottom-up components Create vanilla j5 services with wrappers Convert routing and remove Elements
- 27 Setting Up Angular Elements
- 28 Add Angular Elements
- 29 Upgrading Components
- 30 AngularJS 1.7+ Helpers
- 31 ng-custom-element
- 32 Tip: Group into Modules
- 33 Sharing Data with Services
- 34 Off-Roading with JS
- 35 Wrap Shared JS Services
- 36 Inputs & Outputs
- 37 Indirection
- 38 Wrapping Up the Upgrade
- 39 Add Component Selectors
- 40 Switch Routing
- 41 Drop Elements
