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

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

معرفی Introduction

• معرفی Introduction

• روش شناسی Methodology

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

• اجرای برنامه Running the App

• هشدار پیکربندی وابستگی تست Test Dependency Configuration Warning

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

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

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

• منابع Resources

ثبت نام Sign Up

• ثبت نام Sign Up

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

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

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

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

• مسخره Mocking

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

• طراحی ظاهر Styling

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

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

• تست های Refactor Refactor Tests

• مشکل ترتیب تست را برطرف کنید Fix Test Order Problem

اعتبار سنجی Validation

• اعتبار سنجی Validation

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

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

• جزء ورودی Input Component

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

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

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

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

• Refactor Refactor

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

• بین المللی - i18n Internationalization - i18n

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

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

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

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

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

• Refactor Refactor

مسیریابی Routing

• مسیریابی Routing

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

• نوار نوار NavBar

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

• مسیریابی دکلراتیو Declerative Routing

• کتابخانه مسیریابی Svelte Svelte Routing Library

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

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

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

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

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

• فهرست کاربران UserList

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

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

• طراحی ظاهر Styling

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

• اقدامات Actions

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

• هر کدام را کلید زد Keyed Each

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

• ترجمه ها Translations

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

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

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

احراز هویت Authentication

• احراز هویت Authentication

• فرم ورود Login Form

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

• درخواست احراز هویت به Backend Authentication Request to Backend

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

• ترجمه ها Translations

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

• ButtonWithProgress Component ButtonWithProgress Component

• جزء کارت Card Component

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

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

• وارد Layout شده‌اید Logged in Layout

• مولفه NavBar NavBar Component

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

• LocalStorage Abstraction LocalStorage Abstraction

• تمرین فروشگاه Svelte Svelte Store Practice

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

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