آموزش توسعه وب مدرن Vue JS 3 با روتر Vuex و Vue

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

مبانی Vue JS The Basics of Vue JS

• راه اندازی فضای کاری Setting up the Workspace

• رندر اعلامی و اشیاء داده Declarative Rendering and Data Objects

• راه اندازی Vue Dev Tools Setting up Vue Dev Tools

• دستورالعمل ها و حلقه های For Directives and For Loops

• رویداد Handlers - دستورالعمل v-on Event Handlers - The v-on Directive

• اشکال در ابزارهای توسعه دهنده کروم A Bug in Chrome Dev Tools

• اصلاح کننده رویداد (توقف انتشار) و اتصال ویژگی Event Modifiers (Stop Propagation) and Attribute Binding

• پر کردن بخش جزئیات سفارش Filling up The Order Details Section

• کار با متدها Working with Methods

• ورودی کاربر و اتصال داده دو طرفه (قسمت 1) User Input and Two-Way Data Binding (Part 1)

• ورودی کاربر و اتصال داده دو طرفه (قسمت 2) User Input and Two-Way Data Binding (Part 2)

چالش شماره 1 - برنامه فهرست کارها Challenge # 1 - To-Do List App

• ارائه پروژه - برنامه فهرست کارها Project Presentation - To-Do List App

• راه اندازی Vue JS Setting up Vue JS

• افزودن To-Dos Adding To-Dos

• تنظیم عملکرد Done & Undone Setting the Done & Undone Functionality

• استفاده از Localstorage برای بارگیری کارهای انجام شده Using Localstorage to Load To-dos

• قلاب چرخه حیات Lifecycle Hooks

• بارگیری داده ها از Localstorage Loading Data from Localstorage

• به روز رسانی Localstorage در Clear and Update Updating Localstorage on Clear and Update

پروژه بازی مسابقه با استفاده از Vue CLI Quiz Game Project using the Vue CLI

• ارائه پروژه - بازی مسابقه Project Presentation - Quiz Game

• یک برنامه Vue JS با Vue CLI ایجاد کنید Create a Vue JS Application with the Vue CLI

• صفحه بویلر کاربرد The Application Boiler Plate

• اجزای استفاده نشده و ساختار HTML را پاک کنید Clean up Unused Component and HTML Structure

• درخواست های HTTP با Axios HTTP Requests with Axios

• درخواست برای Open Trivia API Making Requests to the Open Trivia API

• نمایش داده های سوال در صفحه Showing the Question Data on the Page

• آرایه پاسخ - ویژگی های محاسبه شده The Answers Array - Computed Properties

• مخلوط کردن آرایه پاسخ ها Shuffling the Answers Array

• نمایش دکمه های رادیویی پاسخ ها Rendering the Answers Radio Buttons

• ارسال پاسخ Submitting the Answer

• ارائه نتیجه Presenting the Result

• گرفتن سوال بعدی Getting the Next Question

• مؤلفه امتیاز The Score Component

• انتقال داده به اجزای کودک Passing Data to Child Components

روتر Vuex و Vue Vuex & Vue Router

• ارائه پروژه شماره 5 Presentation of Project #5

• راه اندازی Vue Router Setting up Vue Router

• استفاده از Axios برای دریافت اطلاعات محصولات Using Axios to Get Products Data

• کار با Vuex Working with Vuex

• راه اندازی کنش ها و جهش ها - قسمت 1 Setting Up Actions and Mutations - Part 1

• راه اندازی کنش ها و جهش ها - قسمت 2 Setting Up Actions and Mutations - Part 2

• رندر کردن محصولات Rendering the Products

• افزودن محصولات به کیف Adding Products to Bag

• اجتناب از اقلام تکراری در کیف خرید Avoiding Repeated Items on Shopping Bag

• حذف اقلام از کیف Removing Items from Bag

• Mapstate Helper The Mapstate Helper

• لیست اقلام در کیف خرید Listing items in the Shopping Bag

• محاسبه مجموع سفارش Calculating the Order Total