آموزش توسعه فرانت‌اند وب با تایپ‌اسکریپت (TypeScript) - آخرین آپدیت

یکپارچه‌سازی تایپ‌اسکریپت در پروژه‌های فرانت‌اند Integrating TypeScript into Frontend Projects

• مرور کلی بر تخصص Specialization Overview

• معرفی دوره Course Introduction

• اهمیت تایپ‌اسکریپت در توسعه فرانت‌اند Importance of TypeScript in Frontend Development

• عملی: پیکربندی تایپ‌اسکریپت با Webpack Hands-On: Configuring TypeScript with Webpack

• عملی: راه‌اندازی تایپ‌اسکریپت با Vite و ESBuild Hands-On: Setting up TypeScript with Vite and ESBuild

• عملی: بهینه‌سازی ابزارهای Build برای تایپ‌اسکریپت Hands-On: Optimizing Build Tools for TypeScript

• عملی: پیاده‌سازی ES Modules و سیستم ماژول‌ها Hands-On: ES Modules and Module System Implementation

• فایل‌های Declaration و DefinitelyTyped Declaration Files and DefinitelyTyped

• پیکربندی tsconfig.json با حالت Strict و گزینه‌ها Configuring tsconfig.json with Strict Mode & Options

• عملی: ایجاد Declarations تایپ‌های سفارشی Hands-On: Creating Custom Type Declarations

• عملی: پیش‌تنظیمات پیکربندی برای React، Angular و Vue Hands-On: Configuration Presets for React, Angular, and Vue

• عملی: بهینه‌سازی عملکرد با گزینه‌های Compiler Hands-On: Performance Optimization with Compiler Options

ساخت فرانت‌اند با تایپ‌اسکریپت Building Frontend with TypeScript

• ویژگی‌های React و مقایسه با Angular/Vue React Features & Comparison with Angular/Vue

• عملی: راه‌اندازی یک پروژه React + TypeScript Hands-On: Setting up a React + TypeScript Project

• عملی: افزودن کامپوننت‌های کلاسیک و تابعی Hands-On: Adding Class & Functional Components

• عملی: تایپینگ متغیرها، Props و State Hands-On: Variables, Props, and State Typing

• عملی: متدهای Lifecycle در React با تایپینگ قوی Hands-On: React Lifecycle Methods with Strong Typing

• هوک‌ها (Hooks) با تایپ‌اسکریپت Hooks with TypeScript

• عملی: useState و useEffect با تایپ‌ها Hands-On: useState and useEffect with Types

• عملی: useRef و useContext با تایپ‌ها Hands-On: useRef and useContext with Types

• عملی: ساخت هوک‌های سفارشی با تایپ‌اسکریپت Hands-On: Building Custom Hooks with TypeScript

• عملی: هوک‌های تکمیلی: useReducer, useMemo, useCallback Hands-On: Additional Hooks: useReducer, useMemo, useCallback

• مفاهیم مدیریت رویدادها در React با تایپ‌اسکریپت Event Handling Concepts in React with Typescript

• عملی: نوشتن منطق رویداد-محور (Event-Driven) Hands-On: Writing Event-Driven Logic

• عملی: مدیریت فرم‌ها با تایپ‌های قوی Hands-On: Form Handling with Strong Types

• عملی: Material UI با تایپ‌اسکریپت Hands-On: Material UI with TypeScript

• عملی: Styled Components و Emotion با تایپ‌اسکریپت Hands-On: Styled Components and Emotion with TypeScript

• عملی: توسعه کتابخانه‌های کامپوننت (Chakra UI/Ant Design) Hands-On: Component Library Extensions (Chakra UI/Ant Design)

• عملی: اپلیکیشن مدیریت وظایف (Task Manager) Hands-On: Task Manager App

مدیریت وضعیت (State) و APIها در اپلیکیشن‌های تایپ‌اسکریپت Managing State and APIs in TypeScript Apps

• مفاهیم و مزایای Context API Context API Concepts and Benefits

• عملی: ایجاد Context Providerهای تایپ‌شده Hands-On: Creating Typed Context Providers

• عملی: مصرف Context با ایمنی تایپ Hands-On: Consuming Context with Type Safety

• مرور کلی بر Redux, Zustand و Jotai Redux, Zustand, and Jotai Overview

• عملی: راه‌اندازی Redux با تایپ‌اسکریپت Hands-On: Setting up Redux with TypeScript

• مدیریت فراخوانی‌های API و تایپ‌ها Handling API Calls and Types

• عملی: Fetch API با تایپینگ قوی Hands-On: Fetch API with Strong Typing

• عملی: یکپارچه‌سازی Axios با تایپ‌اسکریپت Hands-On: Axios Integration with TypeScript

• عملی: مدیریت خطاها و تایپ‌های پاسخ (Response Types) Hands-On: Error Handling and Response Types

• عملی: الگوهای دریافت داده‌های ایمن از نظر تایپ (Type Safe Data Fetching) Hands-On: Type-Safe Data Fetching Patterns

جمع‌بندی دوره و ارزیابی Course Wrap-Up and Assessment

• جمع‌بندی دوره: توسعه فرانت‌اند وب با تایپ‌اسکریپت Course Summary: Frontend Web Development with TypeScript