آموزش یادگیری Vue.js

سرفصل ها و درس ها

مقدمه Introduction

• با چارچوب Vue.JS Javascript آشنا شوید Get to know the Vue.JS Javascript framework

• آنچه باید بدانید What you should know

1. ساده ترین فرم 1. The Simplest Form

• چرا از یک چارچوب JavaScript استفاده می کنید؟ Why use a JavaScript framework?

• اضافه کردن Vue به یک صفحه وب Adding Vue to a webpage

• درک جریان اعدام Understanding execution flow

• مسیر انحرافی را طی بوت استرپ A Bootstrap detour

• به طرز تفریحی با اتصال داده ها فکر کنید Thinking declaratively with data binding

• درک اتصال داده دو طرفه Understanding two-way data binding

• روش ها و رسیدگی به رویداد Methods and event handling

2. دستورالعمل های اساسی ، گزینه ها و ابزارها 2. Essential Directives, Options, and Tools

• ارائه elem Rendering elements conditionally

• بارگیری داده ها به طور همزمان Loading data asynchrounously

• با استفاده از قلاب چرخه عمر ایجاد شده Using the created lifecycle hook

• با استفاده از پسوند مرورگر Vue Devtools Using the Vue Devtools browser extension

• ارائه لیست با v-for Rendering lists with v-for

• با استفاده از پارامترهای اضافی v-for Using additional v-for parameters

• v-for را با استفاده از رویداد ترکیب کنید Combining v-for with event handling

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

3. تقویت رابط های کاربری 3. Enhancing User Interfaces

• اضافه کردن ویژگی های سبک پویا Adding dynamic style attributes

• اضافه کردن ویژگی های کلاس پویا Adding dynamic class attributes

• با استفاده از انتقال CSS Using CSS transitions

• اعمال انتقال به لیستها Applying transitions to lists

• با استفاده از انیمیشن های CSS Using CSS animations

4- مؤلفه های Vue 4. Vue Components

• با استفاده از مؤلفه های Vue Using Vue components

• ثبت و استفاده از قطعات Registering and using components

• افزودن غرفه های مؤلفه Adding component props

• مدیریت محتوای مؤلفه با اسلات Managing component content with slots

• ترکیب عناصر موجود در DOM Componentizing existing in-DOM templates

• رسیدگی به رویدادها در مؤلفه ها Handling events in components

• نصب Vue CLI Installing Vue CLI

• الگوی پروژه Vue CLI Vue CLI project template

• انتقال به مؤلفه های تک پرونده Moving to single-file components

• ساختمان برای تولید Building for production

نتیجه Conclusion

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