Vue.js 2 cookbook : build modern, interactive web applications with Vue.js / Andrea Passaglia.

Format:

Book

Author/Creator:

Passaglia, Andrea, author.

Language:

English

Subjects (All):

JavaScript (Computer program language).

Web applications--Programming.

Web applications.

Physical Description:

1 online resource (423 pages) : illustrations

Edition:

1st edition

Place of Publication:

Birmingham, England ; Mumbai, [India] : Packt, 2017.

System Details:

text file

Biography/History:

Passaglia Andrea: 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.

Summary:

101 hands-on recipes that teach you how to build professional, structured web apps with Vue.js About This Book Understand and use Vue’s reactivity system, data binding, and computed properties Create fluid transitions in your application with Vue’s built-in transition system Use Vuex and Webpack to build medium-to-large scale SPAs and enhance your development workflow Who This Book Is For This book is for developers who want to learn about Vue.js through practical examples to quickly and efficiently build modern, interactive web applications. Prior experience and familiarity with JavaScript, HTML, and CSS are recommended as the recipes build upon that knowledge. It will also enable both new and existing Vue.js users to expand their knowledge of the framework. What You Will Learn Understand the fundamentals of Vue.js through numerous practical examples Piece together 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 and see how to structure your projects according to best practices Seamlessly implement routing in your single page applications using Vue Router Find out how to use Vue.js with a variety of technologies such as Node.js, Electron, Socket.io, Firebase, and HorizonDB by building complete applications In Detail Vue.js is an open source JavaScript library for building modern, interactive web applications. With a rapidly growing community and a strong ecosystem, Vue.js makes developing complex single page applications a breeze. Its component-based approach, intuitive API, blazing fast core, and compact size make Vue.js a great solution to craft your next front-end application. From basic to advanced recipes, this book arms you with practical solutions to common tasks when building an application using Vue. We start off by exploring the fundamentals of Vue.js: its reactivity system, data-binding syntax, and component-based architecture through practical examples. After that, we delve into integrating Webpack and Babel to enhance your development workflow using single file components. Finally, we take an in-depth look at Vuex for state management and Vue Router to route in your single page applications, and integrate a variety of technologies ranging from Node.js to Electron, and Socket.io to Firebase and HorizonDB. This book will provide you with the best practices as determined by the Vue.js community. Style and approach This book...

Contents:

Cover

Copyright

Credits

About the Author

About the Reviewer

www.PacktPub.com

Customer Feedback

Table of Contents

Preface

Chapter 1: Getting Started with Vue.js

Introduction

Writing Hello World with Vue.js

Getting Ready

How to do it...

How it works...

There's more

Writing lists

Range of numbers

Arrays

Arrays with index notation

Objects

Creating a dynamic and animated list

Reacting to events such as clicks and keystrokes

Two-way data binding

Choosing a development environment

Just the browser

Adding dependencies with just the browser

TextEditor

Adding dependencies with a TextEditor

Node package manager (npm)

Adding dependencies with npm

IDE

Wrap up

Formatting your text with filters

Debugging your application with mustaches (for example, a JSON filter)

X-raying your application with Vue developer tools

Upgrading to Vue.js 2

Deprecation of broadcast, dispatch, and the events option

Deprecation of array filters

Deprecation of Vue.config.delimiters

Renaming of life cycle hooks

Chapter 2: Basic Vue.js Features

Learning how to use computed properties

Getting ready

There's more...

Caching computed properties

Computed setters

Filtering a list with a computed property

There's more.

Sorting a list with a computed property

Formatting currencies with filters

Formatting dates with filters

Displaying and hiding an element conditionally

Adding styles conditionally

Adding some fun to your app with CSS transitions

Outputting raw HTML

Creating a form with checkboxes

Creating a form with radio buttons

Creating a form with a select element

Chapter 3: Transitions and Animations

Integrating with third-party CSS animation libraries such as animate.css

How does it work...

Adding your own transition classes

Animating with JavaScript instead of CSS

Transitioning on the initial render

Transitioning between elements

Transitioning between more than two elements

Setting the key attribute dynamically

Letting an element leave before the enter phase in a transition

The two elements problem

Transition modes.

How it works...

Adding entering and leaving transitions for elements of a list

Transitioning elements that move in a list

Animating the state of your components

Packaging reusable transitions into components

Building the basic web page

Building the reusable transition

Using our transition with the elements in our page

Dynamic transitions

Chapter 4: All About Components

Creating and registering a component

Scope of components

The render function

Passing data to your components with props

Kebab case and camel case

Making components talk to each other

Making components talk with Vuex

Reading a child's state

Using ref with v-for

Using components in your own components

Using mixins in your components

Mixin order

Content distribution with slots

Named slots

Scoped slots

Single file components with Webpack

How do do it...

Loading your components asynchronously

Having recursive components.

Getting ready

Recursive component and local registration

Avoiding a stack overflows!

Reusable component checklist

Chapter 5: Vue Communicates with the Internet

Sending basic AJAX requests with Axios

Validating user data before sending it

Creating a form and sending data to your server

Recovering from an error during a request

Creating a REST client (and server!)

Implementing infinite scrolling

Processing a request before sending it out

Preventing XSS attacks to your app

Chapter 6: Single Page Applications

Creating an SPA with vue-router

How to do it…

How it works…

There's more…

Fetching data before switching route

Using named dynamic routes

Having more than one router-view in your page

Compose your routes hierarchically

Using route aliases

Adding transitions between your routes

Managing errors for your routes

How it works….

Adding a progress bar to load pages

How to redirect to another route

Redirecting to 404s

Named redirecting

Redirecting with parameters

Dynamic redirecting

Saving scrolling position when hitting back

Chapter 7: Unit Testing and End-to-End Testing

Using Jasmine for testing Vue

Adding some Karma to your workflow

Testing your application state and methods

Testing the DOM

Testing DOM asynchronous updates

End-to-end testing with nightwatch

Simulating a double-click in nightwatch

Different styles of unit testing

Stubbing external API calls with Sinon.JS

Measuring the coverage of your code

Chapter 8: Organize + Automate + Deploy = Webpack

Extracting logic from your components to keep the code tidy

Creating a clean Webpack project

Building the compound interest calculator

Bundling your component with Webpack

Organizing your dependencies with Webpack

How to do it.

How it works.

Notes:

Includes index.

Description based on online resource; title from PDF title page (ebrary, viewed May 19, 2017).

ISBN:

9781786465061

178646506X

OCLC:

987331254