What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Project 1 - Markdown Notebook

The first app we will create is a markdown notebook, using several Vue features in a step-by-step manner. We will reuse what we saw in Chapter 1, Getting Started with Vue, and add more elements on top of it, such as useful directives, events for user interaction, more instance options, and filters to process values.

Before we start writing the code, let's talk about the app and review our objectives:

The notebook app will allow the user to write notes in markdown
The markdown will be previewed in real time
The users will be able to add as many notes as they want
The notes will be restored the next time the user visits the app

To do that, we will divide the user interface into three sections:

A main section in the middle with the note editor
A right pane, which previews the markdown of the current node
A left pane, with the list of notes and...

Key benefits

Build exciting real world web projects from scratch and become proefficient with Vue.js Web Development

Take your app to the next level with animation, routing, state management, server-side rendering and i18n

Learn professional web programming techniques to supercharge your Vue.js projects

Description

Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces. This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5. You'll start by learning the basics of Vue.js and create your first web app using directives along with rich and attractive user experiences. You will learn about animations and interactivity by creating a browser-based game. Using the available tools and preprocessor, you will learn how to create multi-page apps with plugins. You will create highly efficient and performant functional components for your app. Next, you will create your own online store and optimize it. Finally, you will integrate Vue.js with the real-time Meteor library and create a dashboard showing real-time data. By the end of this book you will have enough skills and will have worked through enough examples of real Vue.js projects to create interactive professional web applications with Vue.js 2.5.

What you will learn

•Set up a full Vue.js npm project with the webpack build tool and the official scaffolding tool, vue-cli

•Write automatically updated templates with directives to create a dynamic web application

•Structure the app with reusable and maintainable components

•Create delightful user experiences with animations

•Use build tools and preprocessor to make larger professional applications

•Create a multi-page application with the official Vue.js routing library

•Integrate non-Vue.js elements into your apps like Google Maps

•Use the official state-management library to prevent errors

•Optimize your app for SEO and performance with server-side rendering and internationalization

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

Vue.js 2 and Bootstrap 4 Web Development

$48.99

$48.99

$48.99

Total $ 146.97

R. OConnor Feb 02, 2019

I learned alot from this book and refer back to it sometimes. I'd knock it a bit for the game example, which I didn't find helpful, and the index is awful. But those are small complaints. Overall, good book.

Amazon Verified review

Alexander Fyodorov Feb 17, 2018

This is a very well designed tutorial-like book. It's methodologically correct, it introduces new concepts at slow pace with no unexplained forward-references. And it dives quite deeply into Vue, although it's by no means a reference. All projects (except, probably Castle game) could be a basis for your own in it's particular domain, with prod quality plugin set & opinionated tool set (like Stylus for CSS).Highly recommend this book. Real advices from real expert in this area.

Vue.js 2 Web Development Projects: Learn Vue.js by building 6 web apps

What do you get with Print?

Vue.js 2 Web Development Projects

Project 1 - Markdown Notebook

A basic note editor

Setting up the project

Multiple notes

The note list

Summary

Page 1 of 4

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with Print?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

People who bought this also bought

About the author

FAQs

Vue.js 2 Web Development Projects: Learn Vue.js by building 6 web apps

What do you get with Print?

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with Print?

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

People who bought this also bought

About the author

FAQs