Learn Vue.js in 7 Days

📖 The Scoop

A journey starts from zero understanding to dev ready in Vue.js

DESCRIPTION

Vue.js is one of the quickly growing Javascript frameworks, which can be used in any scale of the project to help the stakeholders in rapid application development process. The good thing with Vue.js is that it is lightweight and can also be integrated with the existing project. It saves the development time and also enables managed HTML interface using Javascript.

We have designed the book in a way that it keeps shaping the readers understanding in Vue.js. We have started with a basic advantage of learning Vue.js. Then the topic progresses through the introduction of Vue.js, how to setup a project, how CLI in Vue.js works, basic understanding of the HTML tags used with Vue.js, watchers and it wraps around with the computed properties along with a comparison between watchers and computed property. By this time, the reader must have gained a fair knowledge on Vue.js. In this first part, we have also covered the usage of the debugging tool shared by Vue.js i.e Vue Chrome extension.

Ê

In the middle section of the book, we have mostly covered the reusable part for Vue.js by covering the component basics and advance along with plugins, mixins, slots, filters, render functions and so on.

At the end, we have added the routing, state management and building single page application concepts for the reader to make them equipped to create and work in projects.

Ê

Additionally we have added one appendix which makes a quick and basic comparison between similar JS frameworks. We have also covered few alternatives of designing components in Vue.js.

KEY FEATURES

1. Learner can learn the concepts such as how Vue.js works in the real would with reusable items like components, plugins, mixins, and so on.

2. Efficient and different ways of writing the template codes like using HTML, using .vue files, and so on.

3. Along with several basics, we have emphasized the concepts which are the real implementation as per industry standard.

4. This book is a reference guide for the novice learners in Vue.js.

5. We have started with the basics of Vue.js and progressed through the basic elements. So that the reader will get a fair idea of it.

6. It will help the reader to decide between the frameworks as we have stated a framework comparison in the book.

WHAT WILL YOU LEARN

This book would help the reader to acquire the knowledge on the Javascript framework like Vue.js. It would help them in understanding the two way binding, the way how states work, how the single paged application built and so on, which are the kind of much needed industry knowledge now-a-days.

WHO THIS BOOK IS FOR

The reader should have a basic understanding of HTML, CSS and Javascript which are the basic building blocks of web developement. So this book, we have skipped the basics of web development part and covered the Vue.js starting from basics to advanced.

Table of Contents

1. Ê Ê Day 1: Introduction

A. Ê Ê Before I start with Vue.js

B. Ê Ê LetÕs setup Vue.js

C. Ê Ê LetÕs Put Vue in action

D. Ê Ê Vue Dev Tools

E. Ê Ê Vue CLI

F.Ê Ê Ê Summary

2. Ê Ê Day 2: Rendering with HTML

A. Ê Ê Basic HTML structuring with Vue

B. Ê Ê Conditions and loop structures

B. Ê Ê Form elements and basic event handling

D. Ê Ê Summary

3. Ê Ê Day 3: Computed property

A. Ê Ê Greeting to the user

B. Ê Ê Computed properties vs methods

C. Ê Ê Watched property

D. Ê Ê Summary

4. Ê Ê Day 4: Components

A. Ê Ê What is component

B. Ê Ê Template string looks odd!!!

C. Ê Ê Passing properties to the component

D. Ê Ê Registering the component

E. Ê Ê Data passing between components

F.Ê Ê Ê Summary

5. Ê Ê Day 5: Components in depth

A. Ê Ê Diving in the props

B. Ê Ê Slots

C. Ê Ê Summary

6. Ê Ê Day 6: Distribute reusable functionality

A. Ê Ê Mixins

B. Ê Ê Custom directives

C. Ê Ê Filters

D. Ê Ê Plugin

E. Ê Ê Summary

7. Ê Ê Day 7: Single page application

A. Ê Ê What is route

B. Ê Ê State Management

C. Ê Ê Summary

8. Ê Ê Appendix

A. Ê Ê Render functions

B. Ê Ê JSX

C. Ê Ê Comparing Vue

D. Summary

Genre: Computers / Languages / JavaScript (fancy, right?)