This course gives you a clear start with microfrontend design using single-spa. You learn why teams pick this approach, the problems it can fix, and the trade-offs you must weigh. The course is for developers and leads who plan a shift to microfrontends. You get video lessons, slide decks, and diagrams that guide each step.
Microfrontend Architecture Intro
2h 16m 21s
English
Paid
About the Author: Single-SPA Workshop
Single-SPA Workshop is the official paid workshop content for the single-spa microfrontend framework — an open-source orchestration layer that lets multiple front-end applications (potentially in different frameworks) coexist on the same page. The workshop material is authored by the core single-spa maintainers.
The CourseFlix listing carries Microfrontend Fundamentals and Microfrontend Architecture Intro — both paid courses aimed at front-end teams large enough that splitting a monolithic SPA into independent deployable parts has become an architectural problem worth solving.
Watch Online 10 lessons
0:00
/ #1: Choosing An Approach
All Course Lessons (10)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Choosing An Approach Demo | 10:43 | |
| 2 | Polyglot or Not | 14:24 | |
| 3 | Hosting | 16:26 | |
| 4 | Deployment | 10:10 | |
| 5 | Environments | 11:19 | |
| 6 | Shared Dependencies | 11:44 | |
| 7 | CSS Considerations | 15:04 | |
| 8 | Internal Ecosystem | 18:52 | |
| 9 | Testing | 15:46 | |
| 10 | Good vs Bad Microfrontends | 11:53 |
Unlock unlimited learning
Get instant access to all 9 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 3y agoMicrofrontend Fundamentals
By: Single-SPA WorkshopThis course walks through introductory code examples that explain core concepts of microfrontends with single-spa.2h 15m5/5
Frequently asked questions
What are the prerequisites for this course?
This course is intended for developers and team leads who are planning a shift to microfrontends. A solid understanding of frontend development and familiarity with JavaScript frameworks will be beneficial. No prior experience with microfrontends or single-spa is required, but a basic understanding of application architecture concepts will help in grasping the material more effectively.
What will I build or learn to create in this course?
The course focuses on the design and implementation of microfrontends using single-spa. You will learn how to choose an appropriate approach, manage shared dependencies, and handle CSS considerations. Additionally, the course covers deployment, hosting, and testing strategies specific to microfrontend architecture.
Who is the target audience for this course?
The course is aimed at developers and team leads who are considering or planning to transition to a microfrontend architecture. It is particularly useful for those who need to understand the design principles of microfrontends and the practical implementations using single-spa.
How does this course compare in depth and scope to similar courses?
This course provides a foundational understanding of microfrontend architecture with a focus on practical implementation using single-spa. It covers essential topics like hosting, deployment, and testing, offering a balanced mix of theory and practical insights. While it doesn't delve into advanced customizations or alternative frameworks, it gives a solid start for those new to microfrontends.
What specific tools or platforms are covered in the course?
The course specifically focuses on the use of single-spa as a tool for microfrontend architecture. It also covers related considerations such as shared dependencies and CSS management, which are crucial for building and deploying microfrontends efficiently.
What is not covered in this course?
The course does not cover advanced customization techniques or alternative frameworks for microfrontends beyond single-spa. It also does not include backend integration or server-side rendering topics, as the focus is solely on frontend architecture and the microfrontend approach.
How much time should I expect to commit to this course?
While the total runtime of the video lessons is not specified, the course is structured into 10 lessons. Given the depth of topics such as deployment, environments, and testing, students should allocate additional time for reviewing slide decks, diagrams, and practical exercises to fully grasp all concepts.