The Majesty Of Vue.js

Create fast front-end applications and increase the performance of your existing projects with Vue.js integration

The Majesty Of Vue.js

This ebook is included in a Mapt subscription
Alex Kyriakidis, Kostas Maniatis

1 customer reviews
Create fast front-end applications and increase the performance of your existing projects with Vue.js integration
$0.00
$16.00
$39.99
$29.99p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781787124370
Paperback240 pages

Book Description

Vue.js is a library to build interactive web interfaces. The aim is to provide the benefits of reactive data binding and composable view components with an API that is as simple as possible.

This book will teach you how to efficiently implement Vue.js in your projects. It starts with the fundamentals of Vue.js to building large-scale applications. You will find out what components, filters, methods, and computed properties are and how to use them to build robust applications.

Further on, you will become familiar with ES6, single file components, module bundlers, and workflow automation. The best way to learn to code is to write it, so there’s an exercise at the end of most of the chapters for you to solve and actually test yourself on what you have learned. You can solve these in order to gain a better understanding of Vue.js.

By the end of this book, you will be able to create fast front-end applications and increase the performance of your existing projects with Vue.js integration.

Table of Contents

Chapter 1: Install Vue.js
Standalone version
Downloading using NPM
Downloading using Bower
Chapter 2: Getting Started
Hello Vue
Chapter 3: A Flavor of Directives
v-show
v-if
v-else
v-if versus v-show
Homework
Chapter 4: List Rendering
Installing and using Bootstrap
v-for
Array rendering
Object v-for
Filtered results
Ordered results
Custom filter
Homework
Chapter 5: Interactivity
Event handling
Event modifiers
Key modifiers
Computed properties
Homework
Chapter 6: Components
What are Components?
Using Components
Templates
Properties
Reusability
Altogether now
Homework
Chapter 7: Class and Style Bindings
Class binding
Style binding
Bindings in action
Homework
Chapter 8: Consuming an API – Preface
CRUD
API
Chapter 9: Working with Real Data
Geting data asynchronously
Refactoring
Updating data
Deleting data
Chapter 10: Integrating vue-resource
Overview
Migrating
Enhancing functionality
JavaScript file
Source code
Homework
Chapter 11: Pagination
Implementation
Pagination links
Homework
Chapter 12: ECMAScript 6
ES6 features
Chapter 13: Advanced Workflow
Compiling ES6 with Babel
Workflow automation with Gulp
Module bundling with Webpack
Summary
Chapter 14: Mastering Single File Components
vue-cli
Webpack template
Forming .vue files
Chapter 15: Swapping Components
Dynamic components
Chapter 16: Vue Router
Installation
Usage
Nested routes
Route matching
Homework
Chapter 17: Further Learning
Tutorials
Videos
Books
Open source projects
Chapter 18: Closing Thoughts

What You Will Learn

  • Get to know the fundamentals of Vue.js
  • Consume an API using Vue Resource
  • Explore components, filters, methods, and computed properties are and find out how to use them to build robust applications
  • Break your applications into Single File Components
  • Build Single Page Applications using Vue Router
  • Automate your workflow using Vue.js

Authors

Table of Contents

Chapter 1: Install Vue.js
Standalone version
Downloading using NPM
Downloading using Bower
Chapter 2: Getting Started
Hello Vue
Chapter 3: A Flavor of Directives
v-show
v-if
v-else
v-if versus v-show
Homework
Chapter 4: List Rendering
Installing and using Bootstrap
v-for
Array rendering
Object v-for
Filtered results
Ordered results
Custom filter
Homework
Chapter 5: Interactivity
Event handling
Event modifiers
Key modifiers
Computed properties
Homework
Chapter 6: Components
What are Components?
Using Components
Templates
Properties
Reusability
Altogether now
Homework
Chapter 7: Class and Style Bindings
Class binding
Style binding
Bindings in action
Homework
Chapter 8: Consuming an API – Preface
CRUD
API
Chapter 9: Working with Real Data
Geting data asynchronously
Refactoring
Updating data
Deleting data
Chapter 10: Integrating vue-resource
Overview
Migrating
Enhancing functionality
JavaScript file
Source code
Homework
Chapter 11: Pagination
Implementation
Pagination links
Homework
Chapter 12: ECMAScript 6
ES6 features
Chapter 13: Advanced Workflow
Compiling ES6 with Babel
Workflow automation with Gulp
Module bundling with Webpack
Summary
Chapter 14: Mastering Single File Components
vue-cli
Webpack template
Forming .vue files
Chapter 15: Swapping Components
Dynamic components
Chapter 16: Vue Router
Installation
Usage
Nested routes
Route matching
Homework
Chapter 17: Further Learning
Tutorials
Videos
Books
Open source projects
Chapter 18: Closing Thoughts

Book Details

ISBN 139781787124370
Paperback240 pages
Read More
From 1 reviews

Read More Reviews