آموزش مبانی Vue.js

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

شروع کار با Vue.js CLI Getting Started with the Vue.js CLI

• مقدمه Introduction

• به دست آوردن یک درک مفهومی از Vue Gaining a Conceptual Understanding of Vue

• تنظیم محیط زیست Setting up the Environment

• ایجاد یک پروژه جدید با Vue CLI Creating a New Project with the Vue CLI

• ایجاد صفحه اصلی Creating the Home Page

ایجاد م Vلفه های Vue.js و استفاده از نحو الگو Creating Vue.js Components and Using Template Syntax

• مقدمه Introduction

• اجزای جهانی در برابر م Singلفه های تک پرونده Global Components vs. Single-file Components

• ایجاد اولین کامپوننت Creating Your First Component

• اتصال صفات به داده با v-bind Binding Attributes to Data with v-bind

• اتصال به رویدادها با v-on Binding to Events with v-on

• با استفاده از اتصال کوتاه Using Shorthand Bindings

• اتصال به خصوصیات محاسباتی Binding to Computed Properties

• نمایش داده ها با درون یابی Displaying Data with Interpolation

• نمایش مشروط مطالب با v-if و v-show Conditionally Displaying Content with v-if and v-show

• تکرار عناصر با v-for Repeating Elements with v-for

• اجزای یک ظاهر طراحی شده Styling Components

• حالت دادن به اجزای کودک Styling Child Components

• اعمال مشروط سبک ها با سبک اتصال ها Conditionally Applying Styles with Style Bindings

• اعمال مشروط کلاسها با کلاس Bindings Conditionally Applying Classes with Class Bindings

• با استفاده از SASS و سایر پردازنده های پیش CSS Using SASS and Other CSS Pre-processors

• استفاده از قلاب چرخه عمر کامپوننت Using Component Lifecycle Hooks

• کاهش تکرار با Mixins Reducing Duplication with Mixins

• خلاصه Summary

فعال کردن ارتباط بین م componentلفه ها Enabling Inter-component Communication

• مقدمه Introduction

• ایجاد اجزای کودک Creating Child Components

• استفاده از وسایل جانبی برای به اشتراک گذاشتن داده ها با اجزای کودک Using Props to Share Data with Child Components

• تأیید اعتبار وسایل Validating Props

• انتقال داده ها به اجزای والدین با رویدادها Passing Data to Parent Components with Events

• تزریق محتوا به م Childلفه کودک با اسلات Injecting Content into a Child Component with Slots

• خلاصه Summary

مسیریابی از صفحه ای به صفحه دیگر Routing from Page to Page

• مقدمه Introduction

• افزودن مسیریابی به برنامه شما Adding Routing to Your App

• پیوند دادن به صفحات مسیریابی Linking to Routed Pages

• سبک دادن به پیوندها بر اساس مسیر فعال Styling Links Based on the Active Route

• پیمایش از کد Navigating from Code

• کار با Route Params Working with Route Params

• عبور پارامز به عنوان لوازم جانبی Passing Params as Props

• با استفاده از مسیرهای تو در تو Using Nested Routes

• با استفاده از نماهای نامگذاری شده Using Named Views

• فعال کردن حالت تاریخچه HTML5 Enabling HTML5 History Mode

• جلوگیری از بارگیری صفحات با ناوبری ناوبری Preventing Pages from Loading with Navigation Guards

• جلوگیری از ناوبری دور از صفحات دارای محافظ ناوبری Preventing Navigation Away from Pages with Navigation Guards

• خلاصه Summary

مدیریت ارتباطات حالت و سرور با Vuex Managing State and Server Communication with Vuex

• مقدمه Introduction

• ایجاد فروشگاه Vuex Creating a Vuex Store

• تغییر وضعیت فروشگاه Vuex با جهش ها Changing Vuex Store State with Mutations

• بازیابی موارد از فروشگاه Vuex Retreiving Items from the Vuex Store

• با استفاده از Vuex Getters برای برگرداندن داده های محاسبه شده Using Vuex Getters to Return Calculated Data

• استفاده از عملکردها برای کار با API ها و داده های ناهمزمان Using Actions to Work with APIs and Asynchronous Data

• استفاده از اقدامات برای ذخیره داده در API Using Actions to Save Data to an API

• بازگرداندن وعده ها از عملکردها Returning Promises from Actions

• سازماندهی فروشگاه با ماژول ها Organizing the Store with Modules

• ماژول های نامگذاری Namespacing Modules

• دسترسی به گیرنده های نامگذاری شده Accessing Namespaced Getters

• درک وضعیت جهانی و Namespaced Understanding Global and Namespaced State

• با استفاده از Vuex MapState Helper Using the Vuex MapState Helper

• با استفاده از Vuex MapGetters Helper Using the Vuex MapGetters Helper

• با استفاده از Vuex MapActions Helper Using the Vuex MapActions Helper

• با استفاده از Vuex MapMutations Helper Using the Vuex MapMutations Helper

• خلاصه Summary

ایجاد دستورالعمل ها و فیلترهای سفارشی Creating Custom Directives and Filters

• مقدمه Introduction

• ایجاد یک دستورالعمل سفارشی Creating a Custom Directive

• انتقال داده ها به بخشنامه ها Passing Data to Directives

• استفاده از قلاب های چرخه زندگی Using Directive Lifecycle Hooks

• در دسترس قرار دادن رهنمودها در سطح جهان Making Directives Available Globally

• ایجاد فیلتر سفارشی Creating a Custom Filter

• اعلام فیلترها به صورت جهانی Declaring Filters Globally

• خلاصه Summary

استفاده از برنامه های Vue در تولید Deploying Vue Applications to Production

• مقدمه Introduction

• ایجاد یک Basic Vue.js ساخت با CLI Creating a Basic Vue.js Build with the CLI

• استفاده از متغیرهای محیط و حالت های ساخت Using Environment Variables and Build Modes

• اعزام به سرور تولید Deploying to a Production Webserver

• مدیریت Deep Linking در سرور Handling Deep Linking on the Server

• بازرسی از پیکربندی Webpack داخلی Inspecting the Built-in Webpack Config

• سفارشی کردن پیکربندی Webpack Customizing Webpack Config

• خلاصه Summary