Complete Vue.js 2 Web Development: Practical guide to building end-to-end web development solutions with Vue.js 2

This Learning Path is divided into three sections, with each section bringing you closer to developing high-end modern web applications with Vue.js 2. It starts with building example applications to get well versed with the Vue.js ecosystem. You will learn to use Vue.js by creating three single page applications that explore Vuex and vue-router, the standard Vue tools for caching data and routing URLs for your applications. Going further, the Learning Path will address some of the challenges in designing web applications with Vue.js.

The Learning Path will have easy-to-follow recipes to help you tackle the challenges and craft dynamic front end. You will learn to integrate web utilities like Babel and Webpack to enhance your development workflow. Finally, towards the end, the course will introduce you to several design patterns to help you write clean, maintainable, and reusable codes with Vue framework.

At the end of the Learning Path, you will be confident with expertise in leveraging all the components and productivity features of Vue.js and will be on your way to design your web applications and execute it by writing clean code.

This Learning Path includes content from the following Packt products:

Vue.js 2.x by Example by Mike Street
Vue.js 2 Cookbook by Andrea Passaglia
Vue.js Design Patterns and Best Practices by Paul Halliday
What you will learn
Understand the fundamentals of Vue.js with practical examples
Using vue-router dynamic routes to load data
Build complex web interfaces using the Vue.js component system
Use Webpack and Babel to enhance your development workflow
Manage your application’s state using Vuex
Seamlessly implement routing in your single page applications
Who this book is for
The Learning Path is intended for JavaScript developers at any level of expertise who wants to learn Vue.js and develop productive web applications with the power of the latest Vue.js.

Table of Contents
Getting Started with Vue.js
Displaying, Looping, Searching and Filtering Data
Optimizing your App and Using Components to Display Data
Getting a List of Files using the Dropbox API
Navigating through the File Tree and Loading Folders from the URL
Caching the Current Folder Structure Using Vuex
Pre-Caching Other Folders and Files for Faster Navigation
Introducing Vue-Router and Loading URL-Based Components
Using Vue-Router Dynamic Routes to Load Data
Building an E-Commerce Store – Browsing Products
Building an E-Commerce Store – Adding a Checkout
Using Vue Dev Tools and Testing Your SPA
Transitions and Animations
Vue Communicates with the Internet
Single Page Applications
Organize + Automate + Deploy = Webpack
Advanced Vue.js – Directives, Plugins, and Render Functions
Large Application Patterns with Vuex
Integrating with Other Frameworks
Vue Router Patterns
State Management with Vuex