آموزش جاوا اسکریپت و تایپ اسکریپت: راهنمای جامع (Vite و Node) - آخرین آپدیت

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

Introduction-فصل ۱-مقدمه Introduction

• Introduction-ویدیو ۱-۱-مقدمه Introduction

• What does this course include?-ویدیو ۱-۲-این دوره شامل چه مواردی است؟ What does this course include?

• What is JavaScript?-ویدیو ۱-۳-جاوا اسکریپت چیست؟ What is JavaScript?

• What is TypeScript?-ویدیو ۱-۴-تایپ اسکریپت چیست؟ What is TypeScript?

• Installing Node.js-ویدیو ۱-۵-نصب Node.js Installing Node.js

• Installing Visual Studio Code (VSCode) & Setting up the Dev Evnironment-ویدیو ۱-۶-نصب Visual Studio Code (VSCode) و راه اندازی محیط توسعه Installing Visual Studio Code (VSCode) & Setting up the Dev Evnironment

Lexical Structure-فصل ۲-ساختار لغوی Lexical Structure

• What is the lexical structure?-ویدیو ۲-۱-ساختار لغوی چیست؟ What is the lexical structure?

• Defining Variables-ویدیو ۲-۲-تعریف متغیرها Defining Variables

• Naming Conventions & Best Practices-ویدیو ۲-۳-قواعد نامگذاری و بهترین روش ها Naming Conventions & Best Practices

• Primitive Types and Unions in TypeScript-ویدیو ۲-۴-انواع اولیه و اجتماع در تایپ اسکریپت Primitive Types and Unions in TypeScript

• Challenge: Primitive Types and Unions-ویدیو ۲-۵-چالش: انواع اولیه و اجتماع Challenge: Primitive Types and Unions

• Arithmetic Operators, Unary Operators, and NaN-ویدیو ۲-۶-عملگرهای حسابی، عملگرهای یکانی و NaN Arithmetic Operators, Unary Operators, and NaN

• Coercing to a Number-ویدیو ۲-۷-تبدیل اجباری به عدد Coercing to a Number

• Infinity-ویدیو ۲-۸-بی نهایت Infinity

• Compound Assignment Operators-ویدیو ۲-۹-عملگرهای انتساب ترکیبی Compound Assignment Operators

• Wrap-up Challenge-ویدیو ۲-۱۰-چالش پایانی Wrap-up Challenge

Control Statements-فصل ۳-دستورات کنترلی Control Statements

• If Statements and Conditional Operators-ویدیو ۳-۱-دستورات If و عملگرهای شرطی If Statements and Conditional Operators

• Challenge: If Statements and Conditional Operators-ویدیو ۳-۲-چالش: دستورات If و عملگرهای شرطی Challenge: If Statements and Conditional Operators

• Truthy and Falsy Values-ویدیو ۳-۳-مقادیر Truthy و Falsy Truthy and Falsy Values

• Logical Operators && (AND) and || (OR)-ویدیو ۳-۴-عملگرهای منطقی && (AND) و || (OR) Logical Operators && (AND) and || (OR)

• Challenge: Logical Operators-ویدیو ۳-۵-چالش: عملگرهای منطقی Challenge: Logical Operators

• Compiling TypeScript to JavaScript-ویدیو ۳-۶-کامپایل تایپ اسکریپت به جاوا اسکریپت Compiling TypeScript to JavaScript

• While Loop-ویدیو ۳-۷-حلقه While While Loop

• Do While Loop-ویدیو ۳-۸-حلقه Do While Do While Loop

• Challenge: While Loop-ویدیو ۳-۹-چالش: حلقه While Challenge: While Loop

• Switch Statement-ویدیو ۳-۱۰-دستور Switch Switch Statement

• Challenge: Switch Statement-ویدیو ۳-۱۱-چالش: دستور Switch Challenge: Switch Statement

• For Loop-ویدیو ۳-۱۲-حلقه For For Loop

• Challenge: For Loop-ویدیو ۳-۱۳-چالش: حلقه For Challenge: For Loop

• Ternary Operator-ویدیو ۳-۱۴-عملگر سه تایی Ternary Operator

• Challenge: Fizz Buzz-ویدیو ۳-۱۵-چالش: Fizz Buzz Challenge: Fizz Buzz

• Block Scoping and Hoisting-ویدیو ۳-۱۶-محدوده بلوکی و Hoisting Block Scoping and Hoisting

Functions and Types-فصل ۴-توابع و انواع Functions and Types

• Introduction to Functions-ویدیو ۴-۱-مقدمه ای بر توابع Introduction to Functions

• Guard Clauses-ویدیو ۴-۲-Guard Clauses Guard Clauses

• Challenge: Functions-ویدیو ۴-۳-چالش: توابع Challenge: Functions

• Parameters Passed by Value-ویدیو ۴-۴-پارامترهای ارسالی با مقدار Parameters Passed by Value

• Anonymous Functions-ویدیو ۴-۵-توابع ناشناس Anonymous Functions

• Arrow Functions-ویدیو ۴-۶-توابع Arrow Arrow Functions

• Typing Functions in Variables-ویدیو ۴-۷-تعیین نوع توابع در متغیرها Typing Functions in Variables

• Challenge: Types of Functions-ویدیو ۴-۸-چالش: انواع توابع Challenge: Types of Functions

• Functions Returning Functions & Type Aliases-ویدیو ۴-۹-توابعی که توابع را برمی گردانند و Type Aliases Functions Returning Functions & Type Aliases

• Challenge: Functions Returning Functions & Type Aliases-ویدیو ۴-۱۰-چالش: توابعی که توابع را برمی گردانند و Type Aliases Challenge: Functions Returning Functions & Type Aliases

• Immediately Invoked Function Expression (IIFE)-ویدیو ۴-۱۱-Immediately Invoked Function Expression (IIFE) Immediately Invoked Function Expression (IIFE)

• Functions as Function Arguments (Callbacks)-ویدیو ۴-۱۲-توابع به عنوان آرگومان توابع (Callbacks) Functions as Function Arguments (Callbacks)

Objects-فصل ۵-اشیاء Objects

• Introduction to Objects-ویدیو ۵-۱-مقدمه ای بر اشیاء Introduction to Objects

• Adding, Removing, and Modifying Properties-ویدیو ۵-۲-افزودن، حذف و ویرایش خصوصیات Adding, Removing, and Modifying Properties

• Objects Challenge & Passing By Reference-ویدیو ۵-۳-چالش اشیاء و Passing By Reference Objects Challenge & Passing By Reference

• Destructuring Assignment of Objects-ویدیو ۵-۴-Destructuring Assignment اشیاء Destructuring Assignment of Objects

• Optional Chaining (?.) & Nullish Coalescing Operator (??)-ویدیو ۵-۵-Optional Chaining (?.) و Nullish Coalescing Operator (??) Optional Chaining (?.) & Nullish Coalescing Operator (??)

• Non-Null Assertion Operator-ویدیو ۵-۶-عملگر Non-Null Assertion Non-Null Assertion Operator

• Readonly Objects-ویدیو ۵-۷-اشیاء Readonly Readonly Objects

Arrays-فصل ۶-آرایه ها Arrays

• Introduction to Arrays-ویدیو ۶-۱-مقدمه ای بر آرایه ها Introduction to Arrays

• Basic Properties and Methods of Arrays-ویدیو ۶-۲-ویژگی ها و متدهای اساسی آرایه ها Basic Properties and Methods of Arrays

• Challenge: Shopping Cart-ویدیو ۶-۳-چالش: سبد خرید Challenge: Shopping Cart

• Nesting Arrays-ویدیو ۶-۴-آرایه های تو در تو Nesting Arrays

• Tuples with TypeScript & Destructuring Assignment-ویدیو ۶-۵-تاپل ها با تایپ اسکریپت و Destructuring Assignment Tuples with TypeScript & Destructuring Assignment

• Rest and Spread Operators-ویدیو ۶-۶-عملگرهای Rest و Spread Rest and Spread Operators

• Iterating over Arrays Imperatively w/ for...of-ویدیو ۶-۷-تکرار روی آرایه ها به صورت دستوری با for...of Iterating over Arrays Imperatively w/ for...of

• Challenge: Removing Items from Shopping Cart-ویدیو ۶-۸-چالش: حذف آیتم ها از سبد خرید Challenge: Removing Items from Shopping Cart

• .forEach() Method with Challenge-ویدیو ۶-۹-متد .forEach() با چالش .forEach() Method with Challenge

• .map() Method with Challenge-ویدیو ۶-۱۰-متد .map() با چالش .map() Method with Challenge

• .find() Method with Challenge-ویدیو ۶-۱۱-متد .find() با چالش .find() Method with Challenge

• .filter() Method with Challenge-ویدیو ۶-۱۲-متد .filter() با چالش .filter() Method with Challenge

• .every() & .some() Methods with Challenge-ویدیو ۶-۱۳-متدهای .every() و .some() با چالش .every() & .some() Methods with Challenge

• .reduce() Method with Challenge-ویدیو ۶-۱۴-متد .reduce() با چالش .reduce() Method with Challenge

• Guide: When to Use Each Method-ویدیو ۶-۱۵-راهنما: چه زمانی از هر متد استفاده کنیم Guide: When to Use Each Method

• Making Objects Iterable-ویدیو ۶-۱۶-تبدیل اشیاء به Iterable Making Objects Iterable

Collections (Maps & Sets) and OOP (Object-Oriented Programming)-فصل ۷-مجموعه ها (Maps & Sets) و OOP (برنامه نویسی شی گرا) Collections (Maps & Sets) and OOP (Object-Oriented Programming)

• Introduction to OOP-ویدیو ۷-۱-مقدمه ای بر OOP Introduction to OOP

• Inheritance-ویدیو ۷-۲-وراثت Inheritance

• Challenge: Classes-ویدیو ۷-۳-چالش: کلاس ها Challenge: Classes

• Polymorphism-ویدیو ۷-۴-چند شکلی Polymorphism

• Interface (TypeScript)-ویدیو ۷-۵-Interface (تایپ اسکریپت) Interface (TypeScript)

• Access Modifiers (public, protected & private)-ویدیو ۷-۶-Access Modifiers (public, protected & private) Access Modifiers (public, protected & private)

• Encapsulation-ویدیو ۷-۷-Encapsulation Encapsulation

• Introduction to Generics-ویدیو ۷-۸-مقدمه ای بر Generics Introduction to Generics

• Type Assertion (as type)-ویدیو ۷-۹-Type Assertion (as type) Type Assertion (as type)

• Challenge: Trim Strings-ویدیو ۷-۱۰-چالش: حذف فضاهای خالی رشته ها Challenge: Trim Strings

• Generics with Classes, Optional Function Arguments, and Setters & Getters-ویدیو ۷-۱۱-Generics با کلاس ها، آرگومان های اختیاری تابع و Setters & Getters Generics with Classes, Optional Function Arguments, and Setters & Getters

• Sets + Challenge-ویدیو ۷-۱۲-Sets + چالش Sets + Challenge

• Maps + Challenge-ویدیو ۷-۱۳-Maps + چالش Maps + Challenge

Advanced Techniques in TypeScript-فصل ۸-تکنیک های پیشرفته در تایپ اسکریپت Advanced Techniques in TypeScript

• Generic Constraints with extends-ویدیو ۸-۱-Generic Constraints با extends Generic Constraints with extends

• Indexed Access-ویدیو ۸-۲-Indexed Access Indexed Access

• Keyof Operator-ویدیو ۸-۳-عملگر Keyof Keyof Operator

• Challenge: Keyof Operator-ویدیو ۸-۴-چالش: عملگر Keyof Challenge: Keyof Operator

• Intersections (&)-ویدیو ۸-۵-Intersections (&) Intersections (&)

• Challenge: Intersections-ویدیو ۸-۶-چالش: Intersections Challenge: Intersections

• Utility Types-ویدیو ۸-۷-Utility Types Utility Types

• Mapped Types & Modifiers-ویدیو ۸-۸-Mapped Types و Modifiers Mapped Types & Modifiers

• Challenge: Recreate the Utility Types-ویدیو ۸-۹-چالش: بازسازی Utility Types Challenge: Recreate the Utility Types

• Const Assertion & Satisfies Operator-ویدیو ۸-۱۰-Const Assertion و Satisfies Operator Const Assertion & Satisfies Operator

DOM Manipulation: Mini Project & Introduction to Vite-فصل ۹-دستکاری DOM: پروژه کوچک و معرفی Vite DOM Manipulation: Mini Project & Introduction to Vite

• Initializing the Project-ویدیو ۹-۱-راه اندازی پروژه Initializing the Project

• Fundamentals of the DOM-ویدیو ۹-۲-مبانی DOM Fundamentals of the DOM

• Querying DOM Elements-ویدیو ۹-۳-پرس و جوی عناصر DOM Querying DOM Elements

• Get List of Elements using querySelectorAll-ویدیو ۹-۴-دریافت لیست عناصر با استفاده از querySelectorAll Get List of Elements using querySelectorAll

• Event Listeners and onEvent-ویدیو ۹-۵-Event Listeners و onEvent Event Listeners and onEvent

• Challenge: Implement the Logic-ویدیو ۹-۶-چالش: پیاده سازی منطق Challenge: Implement the Logic

• Manipulating DOM Elements-ویدیو ۹-۷-دستکاری عناصر DOM Manipulating DOM Elements

• Import JavaScript Files-ویدیو ۹-۸-وارد کردن فایل های جاوا اسکریپت Import JavaScript Files

• Introduction to Vite.js-ویدیو ۹-۹-مقدمه ای بر Vite.js Introduction to Vite.js

• Migrating the Project from JavaScript to TypeScript-ویدیو ۹-۱۰-انتقال پروژه از جاوا اسکریپت به تایپ اسکریپت Migrating the Project from JavaScript to TypeScript

• Client-Side Rendering (CSR)-ویدیو ۹-۱۱-Client-Side Rendering (CSR) Client-Side Rendering (CSR)

• Import & Export (ES Modules)-ویدیو ۹-۱۲-Import & Export (ES Modules) Import & Export (ES Modules)

Project: Todo List-فصل ۱۰-پروژه: لیست Todo Project: Todo List

• General View of the Project & Challenge-ویدیو ۱۰-۱-نمای کلی پروژه و چالش General View of the Project & Challenge

• Scaffolding the Project-ویدیو ۱۰-۲-Scaffolding پروژه Scaffolding the Project

• Create Todo Form-ویدیو ۱۰-۳-ایجاد فرم Todo Create Todo Form

• Rendering the Todos-ویدیو ۱۰-۴-Render کردن Todos Rendering the Todos

• Marking Todos as Complete & Deleting Todos-ویدیو ۱۰-۵-علامت گذاری Todos به عنوان کامل شده و حذف Todos Marking Todos as Complete & Deleting Todos

• Project Repository-ویدیو ۱۰-۶-مخزن پروژه Project Repository

Project: Where in the World-فصل ۱۱-پروژه: Where in the World Project: Where in the World

• Project Overview-ویدیو ۱۱-۱-بررسی اجمالی پروژه Project Overview

• What is an API?-ویدیو ۱۱-۲-API چیست؟ What is an API?

• What is JSON? (& unknown in TypeScript)-ویدیو ۱۱-۳-JSON چیست؟ (& unknown در تایپ اسکریپت) What is JSON? (& unknown in TypeScript)

• Overview of the Countries API-ویدیو ۱۱-۴-بررسی اجمالی Countries API Overview of the Countries API

• Initializing the Project-ویدیو ۱۱-۵-راه اندازی پروژه Initializing the Project

• XML HTTP Request-ویدیو ۱۱-۶-XML HTTP Request XML HTTP Request

• Creating Promises-ویدیو ۱۱-۷-ایجاد Promises Creating Promises

• Challenge: Manage the Fetch States-ویدیو ۱۱-۸-چالش: مدیریت حالات Fetch Challenge: Manage the Fetch States

• Defining API Response Types-ویدیو ۱۱-۹-تعریف انواع پاسخ API Defining API Response Types

• Challenge: Render the Countries-ویدیو ۱۱-۱۰-چالش: Render کردن کشورها Challenge: Render the Countries

• Asynchronous Programming with Async/Await (& Try/Catch Blocks)-ویدیو ۱۱-۱۱-برنامه نویسی Asynchronous با Async/Await (& Try/Catch Blocks) Asynchronous Programming with Async/Await (& Try/Catch Blocks)

• fetch() Function-ویدیو ۱۱-۱۲-تابع fetch() fetch() Function

• Challenge: Learn More Button-ویدیو ۱۱-۱۳-چالش: دکمه Learn More Challenge: Learn More Button

• Challenge: Borders Logic-ویدیو ۱۱-۱۴-چالش: منطق Borders Challenge: Borders Logic

• Challenge: Reducing API Calls (Local vs Session Storage)-ویدیو ۱۱-۱۵-چالش: کاهش تماس های API (Local vs Session Storage) Challenge: Reducing API Calls (Local vs Session Storage)

• Implementing Local Storage-ویدیو ۱۱-۱۶-پیاده سازی Local Storage Implementing Local Storage

• Refactoring API Calls to Local Storage-ویدیو ۱۱-۱۷-Refactoring تماس های API به Local Storage Refactoring API Calls to Local Storage

• Project Repository-ویدیو ۱۱-۱۸-مخزن پروژه Project Repository

• Event Loop & Asynchronous Programming-ویدیو ۱۱-۱۹-Event Loop و برنامه نویسی Asynchronous Event Loop & Asynchronous Programming

Introduction to the Back-end and Express.js-فصل ۱۲-مقدمه ای بر Back-end و Express.js Introduction to the Back-end and Express.js

• Scaffolding an Express.js Project-ویدیو ۱۲-۱-Scaffolding یک پروژه Express.js Scaffolding an Express.js Project

• GET Requests-ویدیو ۱۲-۲-درخواست های GET GET Requests

• HTTP Methods & Codes-ویدیو ۱۲-۳-HTTP Methods و Codes HTTP Methods & Codes

• Introduction to Zod-ویدیو ۱۲-۴-مقدمه ای بر Zod Introduction to Zod

• Middlewares-ویدیو ۱۲-۵-Middlewares Middlewares

• Route Parameters-ویدیو ۱۲-۶-Route Parameters Route Parameters

• Checking Out the Official Express Documentation-ویدیو ۱۲-۷-بررسی مستندات رسمی Express Checking Out the Official Express Documentation

• Query Parameters-ویدیو ۱۲-۸-Query Parameters Query Parameters

• Generating Unique Identifiers (CUID2 & UUID)-ویدیو ۱۲-۹-تولید Unique Identifiers (CUID2 & UUID) Generating Unique Identifiers (CUID2 & UUID)

• Routers & Project Structure-ویدیو ۱۲-۱۰-Routers و ساختار پروژه Routers & Project Structure

Full-stack Application-فصل ۱۳-برنامه Full-stack Full-stack Application

• Monorepos with Turborepo and PNPM Workspaces-ویدیو ۱۳-۱-Monorepos با Turborepo و PNPM Workspaces Monorepos with Turborepo and PNPM Workspaces

• Configuring Prettier & ESLint in Monorepos-ویدیو ۱۳-۲-پیکربندی Prettier و ESLint در Monorepos Configuring Prettier & ESLint in Monorepos

• Calling the Server in the Client & CORS-ویدیو ۱۳-۳-فراخوانی سرور در Client و CORS Calling the Server in the Client & CORS

• Challenge: Fullstack Todo Application-ویدیو ۱۳-۴-چالش: برنامه Fullstack Todo Challenge: Fullstack Todo Application

• Reading & Writing Files with Node.js-ویدیو ۱۳-۵-خواندن و نوشتن فایل ها با Node.js Reading & Writing Files with Node.js

• Refactoring for Better Error Handling-ویدیو ۱۳-۶-Refactoring برای مدیریت بهتر خطا Refactoring for Better Error Handling

• Introduction to Testing with Vitest-ویدیو ۱۳-۷-مقدمه ای بر تست با Vitest Introduction to Testing with Vitest

• Challenge Solution: Implementing the Remaining Tests-ویدیو ۱۳-۸-راه حل چالش: پیاده سازی تست های باقیمانده Challenge Solution: Implementing the Remaining Tests

• Creating the Error Handler Middleware & Defining the HttpError Exception-ویدیو ۱۳-۹-ایجاد Error Handler Middleware و تعریف HttpError Exception Creating the Error Handler Middleware & Defining the HttpError Exception

• Defining the Routers and Endpoints-ویدیو ۱۳-۱۰-تعریف Routers و Endpoints Defining the Routers and Endpoints

• Integrating the Data Access Layer-ویدیو ۱۳-۱۱-یکپارچه سازی Data Access Layer Integrating the Data Access Layer

• GitHub Repository-ویدیو ۱۳-۱۲-مخزن GitHub GitHub Repository

Bonus-فصل ۱۴-جایزه Bonus

• Bonus Lecture-ویدیو ۱۴-۱-جلسه جایزه Bonus Lecture