Course Outline
Introduction
Understanding Micro-Frontends
- Advantages and disadvantages
- Features of micro-frontends
Splitting Applications
- Splitting apps by feature
- Splitting apps by section
- Splitting apps by page
- Splitting apps by domain
Implementing Micro-Frontends
- Webpack Module Federation
- Iframes
- Using NGINX
- Web components
- Vue component libraries
- Monorepos
- Customized orchestrator
Using Micro-Frontend Frameworks
- Single-spa
- Frint.js
Using Vue.js to Build Micro-Frontends
- Setting up the Vue.js environment
- Building the application
- Testing and debugging
Summary and Next Steps
Requirements
- Knowledge of web application development and frameworks
Audience
- Developers
Testimonials
Completing the labs to add new functionality (calculator & trading labs)
Darren White - DAS
Richard is incredibly knowledgable and pleasant.
Simon Pakijavan - DAS
The live coding and immediate feedback.
Navy Information Warfare Center - Pacific
Live coding and immediate feedback
Navy Information Warfare Center - Pacific
I really like Shawn's live coding style in teaching the course. He demonstrated his practical knowledge and experience on the subject.
Nhan Nguyen - Navy Information Warfare Center - Pacific
Hands on, live coding approach to learning.
Nhan Nguyen - Navy Information Warfare Center - Pacific
Trainer asked questions constantly, which ensured active participation. Trainer had real world experience with the material he was teaching.
CBC/Radio-Canada
The trainer seemed very knowledgable about Vue. I appreciated seeing his development style and learning some new concepts to try.