Overview
Vue.js is an open-source progressive JavaScript front-end framework for building advanced single-page applications. Vue JS aims to take the best of Angular, make it lightweight, and leave out the unnecessary parts.
In this instructor-led, live training (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.
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.
Requirements
- Javascript programming experience
- Experience working with HTML and CSS
- An understanding of node.js and/or Express
Audience
- Developers
Course Outline
Introduction
- Vue.js vs Angular
Overview of Vue JS
- Declarative rendering
- Component composition
- Hot-reloading
- Time-travel debugging
Setting up a development environment
Creating your first application
Working with Templates
Dividing the application into smaller, self-contained components
Methods and computed properties
Reactive programming
Directives and data rendering
Applying transitions
Routing
Managing state
Creating animations
Refactoring components
Server-side rendering
Supporting libraries and packages.
- Routing
- State management
- Build tooling
Testing your application
Debugging and performance
Embedding Vue.js into existing pages
Deploying your application to production Vue-CLI
Scaling your application
Closing remarks