About the course:
Our instructor-led Vue.js training course will give you practical experience building modern JavaScript apps using this lightweight, progressive framework.
Vue gives you control about what functionality actually gets included, giving you the opportunity to write extremely lightweight web apps, scaling up to much more complex deployments as required.
Hands-on labs will take you through obtaining and installing Vue.js to building and deploying a working application.
We're very happy to discuss your specific project requirements if you are looking to explore options for a customised Vue course.
Learning outcomes
- Describe the advantages of the Vue.js framework
- Work with Vue.js directives
- Build composed-based apps
- Add routing to a Vue.js application
- Isolate state using Vuex
- Write code to test your Vuex project
- Be aware of related technologies including TypeScript and Nuxt
Who should attend
Our Vue.js training course is aimed at Web Developers who want to use the framework to its fullest potential, in order to develop, test and deploy web apps and Single-Page Applications using Vue.js and related technologies.
Prerequisites
Delegates will ideally have working experience of web development with HTML and JavaScript / ECMAScript, or be proficient in a language such as C#, Java, PHP, Python...
Live, instructor-led online and on-site training
We appreciate that you need flexibility to fit in with new working situations - whether you're an individual, part of a distributed team, or simply have projects and deadlines to meet.
Our remote training can take place online in a virtual classroom, with content split into modules to accommodate your scheduling challenges and meet your learning goals. Get in touch today to find out how we can help design a cost-effective, flexible training solution.
As soon as it's safe, we'll return to also offering the on-site custom training courses and programmes upon which we've built our reputation.
Vue.js Fundamentals
- Creating a Vue instance
- Understanding interpolation
- Using Vue directives in the view.
- Iteration over data using v-for
- Conditional styling
- Filters
- Performance advantages of computed properties
Components
- Component composition
- Working with Fetch or Axios to get data from an API
- Passing props into components
- Defining unique keys for component instances.
- Changing props passed into components
- Emitting and listening for custom events.
- Dynamic components and lazy loading
Forms
- Working with form controls and 2-way bindings
- Persisting state with a localStorage mixin
Routing
- Defining routes
- Router lifecycle-events
- Lazy loading of routes
- Router guards.
- Programmatic navigation
State management with Vuex
- Isolating state with Vuex
- Define the store and its state.
- Using commit with sync mutations
- Using dispatch with async actions
Unit Testing
- Writing assertions
- Grouping tests with it and describe
- Working with vue-test-utils and the DOM
- Testing a Vuex store
Vue application development
- Working with Typescript and Vue.js
- Building apps with the Nuxt.js framework
- Modifying Vue behaviour with Plugins
- Loosely coupled communication with an Event Bus
