آموزش Vue.js در ۷ روز ۲۰۱۹
Learn Vue.js in 7 Days 2019

سفری از درک صفر تا آمادگی توسعه با Vue.js

Vue.js یکی از فریم‌ورک‌های جاوااسکریپت با رشد سریع است که می‌تواند در هر مقیاسی از پروژه برای کمک به ذینفعان در فرآیند توسعه سریع برنامه‌ها استفاده شود. نکته مثبت Vue.js این است که سبک وزن است و همچنین می‌تواند با پروژه موجود ادغام شود. این فریم‌ورک در زمان توسعه صرفه‌جویی می‌کند و همچنین رابط HTML مدیریت‌شده را با استفاده از جاوااسکریپت فعال می‌کند.

ما کتاب را به گونه‌ای طراحی کرده‌ایم که درک خوانندگان از Vue.js را به طور مداوم شکل دهد. ما با یک مزیت اساسی یادگیری Vue.js شروع کرده‌ایم. سپس موضوع از طریق معرفی Vue.js، نحوه راه‌اندازی یک پروژه، نحوه کار CLI در Vue.js، درک اولیه تگ‌های HTML مورد استفاده با Vue.js، ناظرها پیشرفت می‌کند و با خصوصیات محاسباتی همراه با مقایسه بین ناظرها و ویژگی‌های محاسباتی به پایان می‌رسد. تا این زمان، خواننده باید دانش مناسبی در مورد Vue.js به دست آورده باشد. در این قسمت اول، ما همچنین استفاده از ابزار اشکال‌زدایی به اشتراک گذاشته شده توسط Vue.js یعنی افزونه Vue Chrome را پوشش داده‌ایم.

در بخش میانی کتاب، ما عمدتاً قسمت قابل استفاده مجدد برای Vue.js را با پوشش مبانی و پیشرفت کامپوننت‌ها همراه با پلاگین‌ها، میکس‌این‌ها، اسلات‌ها، فیلترها، توابع رندر و غیره پوشش داده‌ایم.

در پایان، مسیریابی، مدیریت وضعیت و ساخت مفاهیم برنامه تک صفحه‌ای را برای خواننده اضافه کرده‌ایم تا آنها را برای ایجاد و کار در پروژه‌ها مجهز کنیم.

علاوه بر این، یک پیوست اضافه کرده‌ایم که یک مقایسه سریع و اساسی بین فریم‌ورک‌های JS مشابه انجام می‌دهد. ما همچنین چند جایگزین برای طراحی کامپوننت‌ها در Vue.js را پوشش داده‌ایم.

ویژگی‌های کلیدی

۱. یادگیرنده می‌تواند مفاهیمی مانند نحوه کار Vue.js در دنیای واقعی با آیتم‌های قابل استفاده مجدد مانند کامپوننت‌ها، پلاگین‌ها، میکس‌این‌ها و غیره را یاد بگیرد.

۲. روش‌های کارآمد و متفاوت نوشتن کدهای قالب مانند استفاده از HTML، استفاده از فایل‌های .vue و غیره.

۳. همراه با چندین مبحث اساسی، ما بر مفاهیمی تأکید کرده‌ایم که پیاده‌سازی واقعی مطابق با استاندارد صنعت هستند.

۴. این کتاب یک راهنمای مرجع برای یادگیرندگان مبتدی در Vue.js است.

۵. ما با مبانی Vue.js شروع کرده‌ایم و از طریق عناصر اساسی پیشرفت کرده‌ایم. به طوری که خواننده ایده مناسبی از آن به دست خواهد آورد.

۶. به خواننده کمک می‌کند تا بین فریم‌ورک‌ها تصمیم بگیرد، زیرا ما یک مقایسه فریم‌ورک در کتاب ذکر کرده‌ایم.

چه چیزی یاد خواهید گرفت

این کتاب به خواننده کمک می‌کند تا دانش خود را در مورد فریم‌ورک جاوااسکریپت مانند Vue.js به دست آورد. این کتاب به آنها در درک اتصال دو طرفه، نحوه کار وضعیت‌ها، نحوه ساخت برنامه تک صفحه‌ای و غیره کمک می‌کند، که امروزه نوعی دانش بسیار مورد نیاز در صنعت است.

این کتاب برای چه کسانی مناسب است

خواننده باید درک اولیه‌ای از HTML، CSS و Javascript داشته باشد که بلوک‌های سازنده اصلی توسعه وب هستند. بنابراین در این کتاب، ما از مبانی قسمت توسعه وب صرف نظر کرده‌ایم و Vue.js را از مبانی تا پیشرفته پوشش داده‌ایم.

فهرست مطالب

۱. روز اول: مقدمه
الف. قبل از شروع Vue.js
ب. بیایید Vue.js را راه‌اندازی کنیم
پ. بیایید Vue را در عمل قرار دهیم
ت. ابزارهای توسعه Vue
ث. Vue CLI
ج. خلاصه

۲. روز دوم: رندر با HTML
الف. ساختار اولیه HTML با Vue
ب. شرایط و ساختارهای حلقه
پ. عناصر فرم و مدیریت رویدادهای اساسی
ت. خلاصه

۳. روز سوم: ویژگی محاسباتی
الف. تبریک به کاربر
ب. خصوصیات محاسباتی در مقابل متدها
پ. ویژگی مشاهده شده
ت. خلاصه

۴. روز چهارم: کامپوننت‌ها
الف. کامپوننت چیست
ب. رشته قالب عجیب به نظر می‌رسد!!!
پ. انتقال ویژگی‌ها به کامپوننت
ت. ثبت کامپوننت
ث. انتقال داده بین کامپوننت‌ها
ج. خلاصه

۵. روز پنجم: کامپوننت‌ها به طور عمیق
الف. غواصی در props
ب. اسلات‌ها
پ. خلاصه

۶. روز ششم: توزیع عملکرد قابل استفاده مجدد
الف. میکس‌این‌ها
ب. دستورالعمل‌های سفارشی
پ. فیلترها
ت. پلاگین
ث. خلاصه

۷. روز هفتم: برنامه تک صفحه‌ای
الف. مسیر چیست
ب. مدیریت وضعیت
پ. خلاصه

۸. پیوست
الف. توابع رندر
ب. JSX
پ. مقایسه Vue
ت. خلاصه

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