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

Become a pro in creating modern interactive web applications using this JavaScript framework

Key Features

• Explore the exciting features of Vue.js 2 through interesting examples and practical recipes
• Craft highly modular applications using design patterns and the component architecture of Vue.js
• Learn how to utilize modern development tools by building applications with Vue.js

Book Description

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

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