آموزش با استفاده از VueJS ، Vuex و VueRouter برنامه های تعاملی ایجاد کنید

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

مقدمه Introduction

• مقدمه ای بر Vue Js Introduction to Vue Js

• اولین مثال در Vue Js First Example in Vue Js

تعامل Dom Interacting Dom

• تعامل Dom در Vue Dom Interaction in Vue

مدیریت رویداد و اصلاح Event Handling and Modifier

• کار با Event Handling در Vue Js Working with Event Handling in Vue Js

• نمونه ای از دست زدن به رویداد Example of Event Handling

محاسبه مدل V Computing the V-model

• محاسبه مدل V Computing the V-model

• محاسبه مدل V ادامه دارد Computing the V-model Continues

تفسیر Rendering

• V Bind و V در روش کوتاه نوشتاری V Bind and V on Shorthand Method

• ارائه مشروط در Vue Js Conditional Rendering in Vue Js

• ارائه مشروط در Vue Js ادامه دارد Conditional Rendering in Vue Js Continues

• فهرست ارائه در Vue Js List Rendering in in Vue Js

• نمونه ای از رندر لیست Example of List Rendering

وظیفه Assignment

• نمونه ای از Vue JS Example of Vue JS

• مثال حل Vue Js Example Solution of Vue Js

• فرم اتصال و مثال آن در Vue Js Form Binding and its Example in Vue Js

نمونه، مثال Instance

• Mount و نمونه هایی در Vue JS Mount and Instances in Vue JS

• نمونه کوه در Vue Js Example of Mount in Vue Js

نصب Vue Cli Vue Cli installation

• رابط خط فرمان (CLI) در Vue Js Command Line Interface(CLI) in Vue Js

• اطلاعات بیشتر در مورد رابط خط فرمان More on Command Line Interface

مولفه Component

• کار با کامپوننت در Vue Js Work with Component in Vue Js

• مثال مonلفه در Vue JS Component Example in Vue JS

• جز Global جهانی و خصوصی در Vue JS Global and Private Component in Vue JS

• ساختار فهرست کامپوننت ها Component Directory Structure

• نمونه ای از فهرست کامپوننت ها Example of Component Directory

بخشنامه Directive

• دستورالعمل در Vue CLI Directive in Vue CLI

• دستورالعمل در Vue CLI ادامه دارد Directive in Vue CLI Continues

فیلترها و میکسین ها Filters and Mixins

• فیلترها در Vue Js Filters in Vue Js

• میکسین ها در Vue Js Mixins in Vue Js

• Mixins در Vue Js ادامه دارد Mixins in Vue Js Continues

به اشتراک گذاری داده ها Component Data Sharing

• به اشتراک گذاری داده های کامپوننت در Vue Js Component Data Sharing in Vue Js

• والدین کودک در Vue Js Child Parent in Vue Js

• مibلفه اشتراک گذاری داده های خواهر و برادر در Vue Js Sibling Data Sharing Component in Vue Js

اسلات کنید و زنده بمانید Slot and Keep Alive

• م Slلفه شکاف در Vue Js Slot Component in Vue Js

• Alone Component را نگه دارید Keep Alive Component

انیمیشن و منابع Animation and Resource

• روند انیمیشن در Vue JS Animation Process in Vue JS

• قلاب های جاوا اسکریپت Java Script Hooks

• منبع Vue Vue Resource

• اطلاعات بیشتر در مورد Vue Resource More on Vue Resource

منبع Resource

• قلاب های جاوا اسکریپت ادامه دارد Javascript Hooks Continues

• نمونه پروژه منابع Vue Sample Vue Resource Project

مسیریابی Vue Vue Routing

• درک Vue Router Understanding Vue Router

• ایجاد مسیر جدید Creating New Path

نمونه کارها مسیریابی Vue Vue Routing Portfolio

• کد در پروژه نمونه کارها Codes in Portfolio Project

• لینک مسیریابی به نمونه کارها Routing Link to Portfolio

صفحه تماس با نمونه کارها Portfolio Contact Page

• تنظیم فیلد برای صفحه تماس Field Set for Contact Page

• ایجاد نمونه کارها Building up Portfolio

• درک صفحه درباره ما Understanding the About Us Page

• تعریف صفحه اصلی یا صفحه نمونه کارها Defining the Home or the Portfolio Page

• فصل استقرار نمونه کارها Chapter on Portfolio Deployment

ووکس Vuex

• هدف استفاده از Vuex Purpose of Using Vuex

• عملکرد اساسی فروشگاه Basic Store Functionality