آموزش Vue.js

مقدمه Introduction

• چرا باید Vue.js یاد بگیرید Why you should learn Vue.js

• استفاده از تمرینات این دوره Using the exercises for this course

1. بررسی اجمالی Vue.js 1. Vue.js Overview

• نصب اولیه Basic installation

• داده های واکنشی Reactive data

• اتصال داده به صفات Binding data to attributes

• حلقه زدن از طریق داده ها Looping through data

• داده های مشروط Conditional data

• ورودی کاربر Handing user input

• قلاب چرخه عمر Lifecycle hooks

• رویدادها و روشها Events and methods

2. کار با قالب 2. Working with Templates

• درون یابی الگو Template interpolations

• صفات اتصال با v-bind Binding attributes with v-bind

• با استفاده از خصوصیات محاسبه شده Using computed properties

• با استفاده از روشها Using methods

3. مدیریت سبک های CSS 3. Managing CSS Styles

• کلاس های اتصال با اشیاء و آرایه ها Binding classes with objects and arrays

• عبارات و کلاسهای محاسبه شده Expressions and computed classes

• کلاس های محاسباتی را تغییر دهید Toggling computed classes

• ایجاد انتقال و انیمیشن Creating transitions and animations

• با استفاده از یک چارچوب انیمیشن Using an animation framework

• کار با گروه های انتقال Working with transition groups

• مدیریت سبک ها با JavaScript Managing styles with JavaScript

4- حفر عمیق تر 4. Digging Deeper

• ایجاد فیلترها Creating filters

• تنظیم عناصر با یک کلید Toggling elements with a key

• دسته بندی لیست ها Categorizing lists

• افزودن کلاسهای محاسباتی Adding computed classes

• حذف موارد و اصلاح کننده ها Deleting items and modifiers

5- Vue مبتنی بر مؤلفه 5. Component Based Vue

• ایجاد قطعات قابل استفاده مجدد Creating reusable components

• با استفاده از غرفه ها Using props

• گزینه های پیشنهادی Prop options

• ساخت اجزای پیچیده Building complex components

• انتشار حوادث از درون مؤلفه ها Emitting events from within components

6. ساختمان با CLI 6. Building with the CLI

• نصب پروژه ها با استفاده از Vue CLI Installing projects using the Vue CLI

• درک نصب های Vue CLI Understanding Vue CLI installations

• نحوه بارگذاری اجزای CLI How CLI components load

• نصب ماژول های اضافی Installing additional modules

• تست نصب ماژول خود را Testing your module installations

7. پروژه هایی با ابزارهای ساخت 7. Projects with the Build Tools

• ایجاد یک جزء Creating a component

• مدیریت اجزای پیچیده کودک Managing complex child components

• با استفاده از Chrome DevTools Using the Chrome DevTools

• انتشار به روزرسانی Emitting updates

• افزودن ناوبری Adding navigation

• رفع مشکلات مؤلفه Fixing component issues

8- استفاده از روتر Vue 8. Using the Vue Router

• سازماندهی سلسله مراتب Reorganizing hierarchy

• ایجاد صفحه پرداخت Creating a checkout page

• ساختن مسیرهای خود Building your routes

• ایجاد لینک های مسیر Creating route links

نتیجه Conclusion

• مراحل بعدی Next steps