Building Micro-Frontends with Vue.js Training Course
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.
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
Need help picking the right course?
Building Micro-Frontends with Vue.js Training Course - Enquiry
Testimonials (4)
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
The trainer seemed very knowledgable about Vue. I appreciated seeing his development style and learning some new concepts to try.
Adrian Borrmann - CBC/Radio-Canada
Course - Advanced Vue.js
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
Course - Vuetify.js
Completing the labs to add new functionality (calculator & trading labs)
Darren White - DAS
Course - Vue.js
Upcoming Courses
Related Courses
Advanced Vue.js
14 HoursThis instructor-led, live training in Qatar (online or onsite) is aimed at Vue JS developers who wish to create advanced components that are simpler, more flexible, and easier to maintain.
By the end of this training, participants will be able to:
- Write VueJS code that is maintainable and resilient.
- Write application logic that is portable and reusable.
- Create customized components and widgets while avoiding unneeded complexity.
Choosing the Right JavaScript Framework
14 HoursThis instructor-led, live training in Qatar (onsite or remote) is aimed at developers who need to decide which JavaScript framework to use to develop front-end applications.
By the end of this training, participants will be able to:
- Set up an optimal development environment to start developing front-end applications.
- Implement demo applications to test the limitations and benefits of a JavaScript framework.
- Decide on which JavaScript framework is the best fit.
Laravel and Vue.js
14 HoursThis instructor-led, live training in Qatar (online or onsite) is aimed at web developers who wish to use Laravel and Vue JS for fullstack web development.
By the end of this training, participants will be able to:
- Develop web applications with Laravel and Vue JS.
- Integrate the Laravel backend API into Vue JS.
- Deploy a Laravel application.
Nuxt.js and Vue.js
14 HoursThis instructor-led, live training in Qatar (online or onsite) is aimed at web developers who wish to use Vue JS and Nuxt.js for end-to-end web development.
By the end of this training, participants will be able to:
- Influence a single-page application using Nuxt.js configuration.
- Implement server side rendering for optimizing SEO.
- Generate a static site from VueJS and Nuxt.js code.
Quasar Framework and Vue.js
14 HoursThis instructor-led, live training in Qatar (online or onsite) is aimed at web developers who wish to use Quasar Framework and Vue JS to create cross-platform applications.
By the end of this training, participants will be able to:
- Build a cross-platform application for iOS, Windows, etc.
- Manage states and data with Vuex.
- Create a backend application with Firebase.
Vue 3
7 HoursThis instructor-led, live training in Qatar (online or onsite) is aimed at developers and programmers who wish to use the framework changes and new features in Vue 3 to create applications.
By the end of this training, participants will be able to:
- Migrate and update from Vue 2 to Vue 3.
- Learn the new features to improve the development of applications.
- Test and use Vue 3 to build maintainable and reliable applications.
Vue.js
21 HoursIn this instructor-led, live training in Qatar (online or onsite), participants will learn how to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).
By the end of this training, participants will be able to:
- Build web apps that process and render data conditionally.
- Design interactive web apps that react efficiently to user events.
- Write modular and reusable code.
- Incrementally progress a view into full-blown single-page application.
- Integrate VueJS to an existing webpage.
- Use Vue's ecosystem to extend the framework's capability.
Javascript and Vue.js for Beginners
21 HoursIn this instructor-led, live training in Qatar (online or onsite), participants will learn just the necessary Javascript to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).
By the end of this training, participants will be able to:
- Undestand and use Javascript and the VueJS framework to build an interactive web application.
- Design interactive web apps that react efficiently to user events.
- Write modular and reusable code.
- Incrementally progress a view into full-blown single-page application.
Vuetify.js
14 HoursThis instructor-led, live training in Qatar (online or onsite) is aimed at developers who wish to use Vuetify.js to build beautiful interfaces for single-page applications.
By the end of this training, participants will be able to:
- Install and configure Vuetify.js.
- Understand the principles behind Material Design.
- Create a single page application with an advanced UI using Vue.js and Vuetify.js.
Managing Vue JS State with Vuex
7 HoursThis instructor-led, live training in Qatar (online or onsite) is aimed at developers and programmers who wish to create, manage, and update Vue applications using Vuex.
By the end of this training, participants will be able to use Vuex for building adaptable and maintainable single-page applications.