Complete Vue.js 2 Web Development
Practical guide to building end-to-end web development solutions with Vue.js 2
Published on 24. December 2018
Book
Paperback/Softback
704 pages
978-1-78995-990-1 (ISBN)
Description
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 DescriptionThis 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 forThe 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.
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 DescriptionThis 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 forThe 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.
More details
Language
English
Place of publication
Birmingham
United Kingdom
Target group
Professional and scholarly
Dimensions
Height: 93 mm
Width: 75 mm
ISBN-13
978-1-78995-990-1 (9781789959901)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Persons
Mike Street (aka mikestreety) is a frontend developer from Brighton, UK. Specializing in Gulp, SCSS, HTML, and Vue, he has been developing websites professionally since 2010. After making his first Vue app as an experimental side project, he's been hooked ever since. When not developing on the web, Mike likes to explore the Sussex countryside on his bike, start a new side-project without finishing the last, or heading to the cinema. Andrea Passaglia was born in Genoa, in northern Italy. Interested about technology since his parents gave him a toy computer when he was a boy, he started studying web technologies at an early age. After obtaining his master's degree in computer engineering he worked on the design and implementation of web interfaces for companies of various sizes and in different industries (healthcare, fashion, tourism, and transport). In 2016 he moves in the silicon valley of Europe to tackle new problems in the banking industry at the Edgeverve Dublin Research and Development Labs. A backend technologist by trade, Vue.js is his first tool to bring to life his creations when it comes to the frontend. Andrea is married to a lovely Russian girl from Siberia and they often cook together mixing culinary traditions. Paul Halliday (BSc Hons) is a developer advocate with a focus on fast-moving technologies. His online courses have taught over 25,000 students across a wide variety of software development subjects. He's also a progress developer expert with expertise in NativeScript and Kendo UI.
Content
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
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