Building Micro-Frontends with Vue.js

• Knowledge of web application development and frameworks

Audience

• Developers

Micro-Frontend is a type of architecture or a web development pattern where an application is built from several modules or builds. Vue.js is an open-source JavaScript framework for building advanced single-page web applications.

This instructor-led, live training (online or onsite) is aimed at intermediate-level developers who wish to create micro-frontend applications using Vue.js.

By the end of this training, participants will be able to:

• Have a better understanding of micro-frontends.
• Learn how to split large applications into micro-frontends.
• Implement micro-frontends using different approaches.
• Build micro-frontend applications with Vue.js.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

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