آموزش Vue JS Essentials

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

مفاهیم و نحو اساسی Vue Basic Vue Concepts & Syntax

• بررسی اجمالی Overview

• معرفی Introduction

• مفاهیم و مزایای اصلی Vue Main Concepts & Benefits of Vue

• یک برنامه Vue ایجاد و اجرا کنید Create and Run a Vue App

• نتیجه Conclusion

مبانی مؤلفه Vue Vue Component Fundamentals

• بررسی اجمالی Overview

• معرفی Introduction

• ایجاد رابط های اساسی Vue Create Basic Vue Interfaces

• درج متغیرها در HTML کامپوننت Insert Variables Into Component HTML

• ایجاد و نمایش اجزای Vue Create and Display Vue Components

• اضافه کردن سبک به اجزای Vue Adding Styles to Vue Components

• نتیجه Conclusion

داده ها و استایل در برنامه های Vue Data and Styling in Vue Applications

• بررسی اجمالی Overview

• معرفی Introduction

• مقدمه ای بر Component Props Introduction to Component Props

• از داده های جعلی برای توسعه استفاده کنید Use Fake Data for Development

• به برنامه استایل دهید Style the Application

• نمایش کامپوننت ها در کانتینرهای مختلف Displaying Components in Different Containers

• نتیجه Conclusion

مدیریت اولیه رویداد در Vue Basic Event Handling in Vue

• بررسی اجمالی Overview

• معرفی Introduction

• مدیریت رویدادهای کلیک Handling Click Events

• یک جزء اطلاعات نمایه کوچک ایجاد کنید Create a Small Profile Info Component

• نمایش اجزای داخل کارت Display Components Inside Cards

• تعریف و انتشار رویدادهای سفارشی Defining and Emitting Custom Events

• نتیجه Conclusion

مقدمه ای بر وضعیت کامپوننت در Vue Introduction to Component State In Vue

• بررسی اجمالی Overview

• معرفی Introduction

• مبانی Vue State Basics of Vue State

• روش های دیگر برای پنهان کردن عناصر Other Methods for Hiding Elements

• نمایش لیست ها در Vue Display Lists in Vue

• اضافه کردن سبک های شرطی Add Conditional Styles

• نتیجه Conclusion

وضعیت مولفه Vue در عمق Vue Component State In-Depth

• بررسی اجمالی Overview

• معرفی Introduction

• یک لیست دلخواه جداگانه ایجاد کنید Create a Separate Favorites List

• ویژگی های محاسبه شده در Vue Computed Properties in Vue

• ایجاد تصویر نمایه و تگ کردن اجزا Create Profile Picture and Tag Components

• نتیجه Conclusion

مقدمه ای بر Vue Routing Introduction to Vue Routing

• بررسی اجمالی Overview

• معرفی Introduction

• مسیریابی را به یک برنامه Vue اضافه کنید Add Routing to a Vue Application

• ایجاد صفحات جداگانه Create Separate Pages

• پارامترهای URL URL Parameters

• پیوند بین صفحات Linking Between Pages

• نتیجه Conclusion

مسیریابی پیشرفته Vue Advanced Vue Routing

• بررسی اجمالی Overview

• معرفی Introduction

• به صورت برنامه ای پیمایش کنید Navigate Programmatically

• چند رویداد سفارشی را تعریف کنید Define Multiple Custom Events

• ایجاد و نمایش یک صفحه 404 Create and Display a 404 Page

• ایجاد کامپوننت نوار نوار Creating a Nav Bar Component

• استفاده از Props Validators Using Props Validators

• نتیجه Conclusion

ماندگاری داده های محلی در Vue Local Data Persistence in Vue

• بررسی اجمالی Overview

• معرفی Introduction

• تغییر مسیر کاربران Redirecting Users

• داده های ماندگار در LocalStorage Persisting Data in LocalStorage

• همگام سازی خودکار داده های LocalStorage Automatically Synchronizing LocalStorage Data

• نتیجه Conclusion

ماندگاری داده های پیشرفته و برنامه های کاربردی در Vue Advanced Data Persistence & Applications in Vue

• بررسی اجمالی Overview

• معرفی Introduction

• داده های ماندگار در SessionStorage Persist Data in SessionStorage

• به اشتراک گذاری داده ها بین صفحات با استفاده از LocalStorage Sharing Data Between Pages Using LocalStorage

• وضعیت برنامه را به مؤلفه برنامه منتقل کنید Move Application State Into the App Component

• انتقال لوازم به اجزای صفحه Passing Props to Page Components

• نتیجه Conclusion

مقدمه ای بر فرم های Vue Introduction to Vue Forms

• بررسی اجمالی Overview

• معرفی Introduction

• فرم ها چگونه کار می کنند How Forms Used to Work

• ایجاد یک آیتم فهرست "جدید". Creating A "New" List Item

• دوستان جدید در LocalStorage ایجاد کنید Create New Friends in LocalStorage

• نتیجه Conclusion