Learn Vue.js 2.0 in 7 Days

A journey starts from zero understanding to dev ready in Vue.js Vue.js is one of the quickly growing Javascript frameworks, which can be used on any scale of the project to help the stakeholders in the 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 set up a project, how CLI in Vue.js works, a 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 of 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 a few alternatives to designing components in Vue.js.

Tagline

A self-starter guide to build an intuitive single page application with Vue2.

Key Features

1. The learner can learn 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 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 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 nowadays.

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 development. So this book, we have skipped the basics of web development part and covered the Vue.js starting from basics to advanced.

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
c. 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

Nirmal Hota is a software developer and mentor. He loves to learn and work in different technologies. He has worked in various Microsoft Technologies such as C#, VB, ASP.net, Dynamics CRM, Commerce server and so on. Also worth mentioning his expertise in open source and mobile application technologies like Ruby on Rails, Phonegap, Titanium, Xamarin and so on. He loves to explore different Javascript-based platforms including Angular, React and Vue. He is also a Microsoft Certified Technology Specialist (MCTS) in Asp.Net and Dynamics CRM. In addition to that, he has also a Titanium Certified Application Developer(TCAD) and an Agile Scrum Master too. Apart from developing software, he spends his time in tech community activities, blogging and creating screencast videos also. For his tech blogging activities and writing skills, DZone has also recognized him as a Most Valuable Blogger. Utkal Techies Forum (UTF) and TechBhubaneswar are among two leading technical community in Odisha, India. In those communities, Nirmal is very much involved as a core group member. He also does a lot of tech speaking in various technologies in various conferences, schools, colleges and universities within India and abroad. India mentor has also featured him on their website to recognize his activity towards mentoring the community.

Tadit Dash is a software engineer by profession. As a software engineer, he usually works for eight to nine hours daily. Besides his daily work, he contributes to both online and offline communities. He co-founded the first Technical Community in his state named Utkal Techies Forum Odisha, which is devoted to spreading awareness of the newest trends in technology among techies. He writes articles and blogs and creates demos and videos for fellow programmers. Answering questions on online forums and social channels is the activity he enjoys the most. Due to his exceptional contribution to the technical community, Microsoft has awarded him with the Microsoft Most Valuable Professional accolade from 2014 till 2018. CodeProject has awarded him the CodeProject MVP accolade (the first from Odisha and three times in a row for the years 2014, 2015, and 2016). For his constant mentorship, IndiaMentor featured him as a Young Mentor on their site. He was recognized by DZone and awarded the Most Valuable Blogger accolade. Motivating students in his sessions is something he is popular for. He is a regular technical and motivational speaker. He has spoken in many local events organized by different communities. He was a featured speaker in DevTechDay Nepal.

Dr. Vishal Jain is currently working as Associate Professor with Bharati Vidyapeeth’s Institute of Computer Applications and Management (BVICAM), New Delhi Affiliated to GGSIPU and Accredited by AICTE, since July 2017 to till date. He has joined BVICAM, New Delhi in the year 2010 and worked as Assistant Professor from August 2010 to July 2017. Before joined BVICAM, New Delhi, he has worked four years in Guru Presmsukh Memorial College of Engineering, Affiliated to GGSIPU and Accredited by AICTE, from July 2004 to July 2008. Dr. Vishal Jain has completed Ph.D. (Computer Science and Engineering) from Lingaya’s University, Faridabad, Haryana, M.Tech (Computer Science and Engineering) from University School of Information Technology (USIT), Guru Gobind Singh Indraprastha University, MBA (HR) from Shobhit University, Meerut, MCA from Sikkim Manipal University, Sikkim. In additional qualification he has obtained DOEACC ‘A’ Level and DOEACC ‘O’ Level, Post Graduate Diploma in Computer Software Training from A.M Informatics, Advance Diploma in Computer Software Training from ET&T, Delhi, Diploma in Business Management from All India Institute of Management Studies, Chennai, Diploma in Programming from Oxford Computer Education, Delhi, Microsoft Certified Professional Cleared Two Modules 070-210, 070-215 (MCP) and Cisco Certified Network Administrator (CCNA). He has received Young Active Member award for the year 2012 – 13 from Computer Society of India. Dr. Vishal Jain has worked as a Delhi State Students’ Coordinator, Delhi Chapter, Computer Society of India (2014 – 2016). His research area includes Semantic Web, Ontology Engineering, Cloud Computing, Big Data Analytics, and Adhoc Networks.