Managing Vue JS State with Vuex Training Course
Vuex is a state management library for managing state in medium to large Vue.js applications. Vuex provides a centralized store for all application components for better maintainability and management of applications.
This instructor-led, live training (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.
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
- State management overview
Overview of Vuex Features
- Components (state, getters, actions, mutations)
- Integration with Vue
Getting Started with Vuex
- Creating a Vuex store
- Importing store to Vue
Receiving States from the Store
- Computed property
- Object spread operator
Creating a Getter
- Property-style access
- Method-style access
Committing a Mutation
- Object-style commit
- Reactivity rules
- Mutations in components
Learning About Helpers and Actions
- Commit method
- Dispatch method
- The mapState and mapActions helpers
Working with Vuex Modules
- Module local state
- Dynamic module registration
- Module reuse
Troubleshooting
Summary and Conclusion
Requirements
- Basic understanding of HTML, CSS, JavaScript, and Vue
Audience
- Developers
- Programmers
Open Training Courses require 5+ participants.
Managing Vue JS State with Vuex Training Course - Booking
Managing Vue JS State with Vuex Training Course - Enquiry
Managing Vue JS State with Vuex - Consultancy Enquiry
Consultancy 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 Norway (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 Norway (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 Norway (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.
Building Micro-Frontends with Vue.js
14 HoursThis instructor-led, live training in Norway (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.
Nuxt.js and Vue.js
14 HoursThis instructor-led, live training in Norway (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 Norway (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 Norway (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 Norway (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 Norway (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 Norway (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.