Learn Vue.js in 7 Days
Journey through Vue.js
Tadit Dash
- English
- ePUB (mobile friendly)
- Available on iOS & Android
Learn Vue.js in 7 Days
Journey through Vue.js
Tadit Dash
About This Book
A journey starts from zero understanding to dev ready 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 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. 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
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 About the Author
Nirmal Hota
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. LinkedIn Profile: https://www.linkedin.com/in/nirmalhota/ Tadit Dash
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. LinkedIn - https://www.linkedin.com/in/taditdash/ Dr. Vishal Jain
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 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. LinkedIn Profile: https://in.linkedin.com/in/vishaljain83
Frequently asked questions
Information
DAY 1
Introduction
Before I start with Vue.js
Vue.js
Light weight
Progressive
Virtual DOM
HTML based template
Reactive view components
Single Page Application
Letâs setup Vue.js
Download and reference method
Reference from CDN
Table of contents
- Cover Page
- Title Page
- Copyright Page
- About the Authors
- Acknowledgement
- Dedication
- Preface
- Errata
- Table of Contents
- Day 1 : Introduction
- Day 2 : Rendering with HTML
- Day 3 : Computed Property
- Day 4 : Components
- Day 5 : Components in Depth
- Day 6 : Distribute Reusable Functionalities
- Day 7 : Single Page Application
- 8 Appendix