آموزش Vue با توسعه تست محور

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

معرفی Introduction

• معرفی Introduction

• روش شناسی Methodology

• ایجاد پروژه Create Project

• هشدار وابستگی تست Test Dependency Warning

• تنظیمات محیط تست Test Environment Setup

• ابزارهای محیطی توسعه Development Environment Tools

• کد منبع پروژه Project Source Code

• منابع Resources

ثبت نام Sign Up

• طرح بندی فرم ثبت نام Sign Up Form Layout

• تعامل با فرم Interacting with Form

• ایجاد درخواست API Making API Request

• مسخره Mocking

• درخواست های پروکسی به Backend Proxying Requests to Backend

• طراحی ظاهر Styling

• شاخص پیشرفت Progress Indicator

• طرح بندی موفقیت ثبت نام کنید Sign Up Success Layout

• تست های Refactor Refactor Tests

اعتبار سنجی Validation

• نمایش خطای اعتبارسنجی Display Validation Error

• بازیابی وضعیت دکمه Restoring Button State

• جزء ورودی Input Component

• ورودی یک ظاهر طراحی شده Styling Input

• اعتبار سنجی های باقی مانده Remaining Validations

• اعتبار سنجی سمت مشتری Client-side Validation

• پنهان کردن خطاهای اعتبارسنجی Hiding Validation Errors

i18n - بین المللی سازی i18n - Internationalization

• هشدار نسخه کتابخانه i18n i18n Library Version Warning

• کتابخانه i18n i18n Library

• تغییر زبان Changing Language

• جزء انتخابگر زبان Language Selector Component

• پیام‌های اعتبارسنجی محلی Local Validation Messages

• افزودن زبان به درخواست های API Adding Language to API Requests

• Refactor Refactor

مسیریابی Routing

• مسیریابی سمت مشتری Client-side Routing

• Refactor Refactor

• نوار نوار NavBar

• یک ظاهر طراحی شده NavBar Styling NavBar

• روتر Vue Vue Router

• صفحه فعال سازی حساب کاربری Account Activation Page

• درخواست API فعال سازی حساب Account Activation API Request

• جزء اسپینر Spinner Component

لیست کاربران و صفحه کاربر Listing Users and User Page

• جزء User List UserList Component

• پاسخ های صفحه Refactor در تست ها Refactor Page Responses in Tests

• بعدی و قبلی در لیست کاربران Next and Previous in UserList

• پیوند به صفحه کاربری Link to UserPage

• تصویر نمایه پیش فرض Default Profile Image

• کلید در حلقه Key in Loop

• نشانگر پیشرفت لیست کاربر UserList Progress Indicator

• ترجمه ها Translations

• جزء کارت پروفایل ProfileCard Component

• نشانگر پیشرفت صفحه کاربر UserPage Progress Indicator

• مورد کاربر پیدا نشد User Not Found Case

احراز هویت Authentication

• فرم ورود Login Form

• فعل و انفعالات Interactions

• درخواست API Authentication Authentication API Request

• خطاهای احراز هویت Authentication Errors

• ترجمه ها Translations

• پیمایش پس از احراز هویت موفق Navigation After Successful Authentication

• ButtonWithProgress Component ButtonWithProgress Component

• جزء کارت Card Component

مدیریت دولت مشتری Client State Management

• Vuex Vuex

• مولفه NavBar NavBar Component

• با استفاده از LocalStorage Using LocalStorage

• LocalStorage Abstraction LocalStorage Abstraction

• رمزگذاری LocalStorage LocalStorage Encryption

• ذخیره سازی اعتبار Storing Credentials