اسولت (Svelte) با توسعه‌ی مبتنی بر آزمون (TDD) - آخرین آپدیت

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

مقدمه 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

• به روز رسانی Mock Service Worker Mock Service Worker Update

• مسخره Mocking

• Mocking Mocking

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

• طراحی ظاهر Styling

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

• استایل دهی Styling

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

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

• نشانگر پیشرفت Progress Indicator

• تست های Refactor Refactor Tests

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

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

• بازسازی تست ها 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

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

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

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

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

• کامپوننت انتخابگر زبان Language Selector Component

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

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

• بازسازی Refactor

مسیریابی Routing

• مسیریابی Routing

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

• نوار ناوبری (NavBar) 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 UserList

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

• بعدی و قبلی در UserList Next and Previous in UserList

• استایل دهی Styling

• لینک به UserPage Link to UserPage

• اقدامات Actions

• تصویر پروفایل پیش فرض Default Profile Image

• Keyed Each Keyed Each

• نشانگر پیشرفت UserList UserList Progress Indicator

• ترجمه ها Translations

• کامپوننت ProfileCard ProfileCard Component

• نشانگر پیشرفت UserPage 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 ButtonWithProgress Component

• کامپوننت Card Card Component

مدیریت وضعیت Client Client State Management

• مدیریت وضعیت Client Client State Management

• طرح بندی ورود به سیستم Logged in Layout

• کامپوننت NavBar NavBar Component

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

• Abstraction LocalStorage LocalStorage Abstraction

• تمرین Svelte Store Svelte Store Practice

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

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