بوت کمپ جامع آموزش فول استک وب با هوش مصنوعی - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

• چگونه و چه کسانی باید این دوره را بگذرانند؟ How to and Who Should take This Course?

• دسترسی به منابع دوره Access Course Resources

• نحوه کار با تمرینات کدنویسی How To Work On Coding Exercises

• راه اندازی محیط توسعه Setting Up the Development Environment

• توصیه های غیرمتعارف Unconventional Advice

• آیا برنامه نویسان محکوم به فنا هستند؟ آیا هوش مصنوعی جایگزین می شود؟ Are Programmers Doomed? Is AI Taking Over?

• چگونه از هوش مصنوعی به نفع خود استفاده کنیم How To Use AI To Your Advantage

مبانی کامپیوتر و وب Basics Of Computing and Web

• درک یک کامپیوتر Understanding A Computer

• CPU چگونه کار می کند؟ باینری، ASCII How CPU Works? Binary, ASCII

• اینترنت چیست؟ What is the Internet

• سرورها و DNS Servers And DNS

• شماره پورت ها و چرخه درخواست-پاسخ Port Numbers and Request Response Lifecycle

• درک یک وب سایت Understanding A Website

مبانی HTML HTML Basics

• مقدمه ای بر HTML Introduction To HTML

• مبانی سند HTML Basics of HTML Document

• استفاده از Live Server برای HTML Using Live Server For HTML

• المان ها در مقابل تگ ها در HTML Elements Vs Tags in HTML

• المان های عنوان و پاراگراف Heading and Paragraph Elements

• تمرین کدنویسی عنوان و پاراگراف Heading And Paragraph Coding Exercise

• راه حل: تمرین عنوان و پاراگراف Solution: Heading and Paragraph Exercise

• کامنت ها در HTML HTML Comments

• قالب بندی متن با استفاده از HTML Text Formatting Using HTML

• نقل قول ها در HTML Quotations In HTML

• تمرین نقل قول در HTML Quotation in HTML Exercise

• راه حل: تمرین نقل قول ها در HTML Solution: Quotations In HTML Exercise

• تگ ها و صفات Tags and Attributes

• پیوند دادن صفحات با تگ Anchor Linking Pages With Anchor Tag

• تگ img برای تصاویر img Tag For Images

• فرمت های تصویری پرکاربرد Widely Used Image Formats

• المان Head - Favicon و عنوان صفحه Head Element - Favicon and Page Title

• ابزارهای توسعه دهنده Google Chrome Google Chrome Developer Tools

• تمرین عملی: مبانی HTML Practice Exercise: HTML Basics

• راه حل: تمرین کدنویسی مبانی HTML Solution: HTML Basics Coding Exercise

ساختار HTML HTML Structure

• المان های Block در مقابل Inline Block Vs. Inline Elements

• المان های Container: div و span Container Elements div and span

• موجودیت ها و نمادهای HTML HTML Entities And Symbols

• مقدمه ای بر لیست آیتم ها Introduction To List Items

• لیست های نامرتب Unordered Lists

• لیست های مرتب Ordered Lists

• لیست های توضیحی Description Lists

• ساختار HTML HTML Structure

• راه حل: تمرین ساختار HTML Solution: HTML Structure Exercise

• درک معناشناسی (Semantics) Understanding Semantics

• المان های معنایی عملی Practical Semantic Elements

• HTML معنایی Semantic HTML

• راه حل: HTML معنایی Solution: Semantic HTML

Git و GitHub Git and GitHub

• کنترل نسخه چیست؟ What is Version Control?

• درک Git و GitHub Understanding Git and GitHub

• نصب Git، Github Desktop Installing Git, Github Desktop

• رابط کاربری گرافیکی در مقابل رابط خط فرمان Graphical User Interface Command Line Interface

• اولین Repository گیت و Commits First Git Repository and Commits

• درک Branches Understanding Branches

• کار با Branches Working With Branches

• درک Merge Understanding Merge

• مثال عملی Merge گیت Git Merge Practical Example

• درک Conflict Understanding A Conflict

• نحوه حل Conflict ها How To Resolve Conflicts

• GitHub چیست؟ چرا باید از آن استفاده کرد؟ What is GitHub? Why Use it?

• راه اندازی یک Repository گیت Setting Up a Git Repository

• Git push, pull و fetch Git push, pull and fetch

مبانی CSS CSS Basics

• CSS چیست؟ Cascading Style Sheets What is CSS? Cascading Style Sheets

• درک رنگ ها در CSS Understanding Colors in CSS

• رنگ، پس زمینه و Border Color, Background and Border

• استفاده از رنگ ها در CSS Using Colors in CSS

• راه حل: استفاده از رنگ ها در CSS Solution: Using Colors in CSS

• قالب بندی متن - Alignment و Decoration Text Formatting - Alignment and Decoration

• تمرین قالب بندی متن Text Formatting Exercise

• راه حل: تمرین قالب بندی متن Solution: Text Formatting Exercise

• Text Transformation و Spacing Text Transformation and Spacing

• تمرین Text Transformation و Spacing Text Transformation and Spacing Exercise

• راه حل: تمرین Text Transformation و Spacing Solution: Text Transformation and Spacing Exercise

• واحدهای اندازه گیری رایج Common Units Of Measurement

• استفاده از واحدهای اندازه گیری مختلف Using Different Units of Measurement

• تمرین واحدهای اندازه گیری Units of Measurement Exercise

• راه حل: تمرین واحدهای اندازه گیری Solution: Units of Measurement Exercise

CSS Selectors CSS Selectors

• مروری بر CSS Selectors Overview of CSS Selectors

• استایل های Internal و External Stylesheets Internal Styles And External Stylesheets

• Id، Class و Universal Selectors Id, Class and Universal Selectors

• Combinator Selectors Combinator Selectors

• تمرین Combinator Selectors Combinator Selectors Excercise

• راه حل: تمرین Combinator Selectors Solution: Combinator Selectors Exercise

• مقدمه ای بر Pseudo-Classes Introduction To Pseudo-Classes

• Pseudo-Classes بیشتر More Pseudo-Classes

• تمرین Pseudo Classes Pseudo Classes Exercise

• راه حل: تمرین Pseudo-Classes Solution: Pseudo-Classes Exercise

• CSS Pseudo Elements CSS Pseudo Elements

• تمرین کدنویسی Pseudo Elements Pseudo Elements Coding Exercise

• راه حل: تمرین Pseudo Elements Solution: Pseudo Elements Exercise

• CSS Attribute Selectors CSS Attribute Selectors

• تمرین Attribute Selectors Attribute Selectors Exercise

• راه حل: تمرین Attribute Selectors Solution: Attribute Selectors Exercise

استایل دادن به المان ها با استفاده از CSS Styling Elements Using CSS

• درک فونت ها Understanding Fonts

• کار با فونت ها Working With Fonts

• غواصی عمیق در ویژگی های فونت Deep Dive Into Font Properties

• تمرین ویژگی های فونت Font Properties Exercise

• راه حل: تمرین ویژگی های فونت Solution: Font Properties Exercise

• استفاده از Google Fonts (Webfonts) Using Google Fonts (Webfonts)

• استفاده از Google Material Icons Using Google Material Icons

• استایل دادن به لیست آیتم ها Styling List Items

• تمرین استایل دادن به لیست آیتم ها Styling List Items Exercise

• راه حل: تمرین استایل دادن به لیست آیتم ها Solution: Styling List Items Exercise

• کار با Transitions Working With Transitions

• تمرین CSS Transitions CSS Transitions Exercise

• راه حل: تمرین CSS Transitions Solution: CSS Transitions Exercise

• مزاحمت Vendor Prefixes The Nuisance of Vendor Prefixes

• متغیرها در CSS Variables In CSS

• تمرین CSS Variables CSS Variables Exercise

• راه حل: تمرین CSS Variables Solution: CSS Variables Exercise

The Box Model The Box Model

• مقدمه ای بر Box Model Introduction To Box Model

• مبانی Padding، Border و Margin Padding, Border and Margin Basics

• تمرین Padding، Margin، Border Padding, Margin, Border Exercise

• راه حل: تمرین Padding، Border و Margin Solution: Padding, Border and Margin Exercise

• Block، Inline و Inline-Block Block, Inline and Inline-Block

• Display None و Inherit Display None and Inherit

• تمرین Display Display Exercise

• راه حل: تمرین Display Solution: Display Exercise

• درک Collapsing Margins Understanding Collapsing Margins

• گوشه های گرد Rounded Corners

• تمرین گوشه های گرد Rounded Corners Exercise

• راه حل: تمرین گوشه های گرد Solution: Rounded Corners Exercise

• ویژگی box-sizing The box-sizing Property

• ویژگی Overflow The Overflow Property

• ویژگی های Max و Min Max And Min Properties

• کار با Floats Working With Floats

• Positions در CSS Positions In CSS

• تمرین کدنویسی Positions Positions Coding Exercise

• راه حل: تمرین کدنویسی Positions Solution: Positions Coding Exercise

• Layers و z-index Layers and z-index

• تمرین z-index z-index Exercise

• راه حل: تمرین z-index Solution: z-index Exercise

Inheritance و The Cascade Inheritance and The Cascade

• درک Inheritance در CSS Understanding Inheritance In CSS

• کار با Basic Inheritance Working With Basic Inheritance

• درک The Cascade Understanding The Cascade

• Source Order of Styles Source Order of Styles

• Specificity در جزئیات Specificity in Detail

• اهمیت با !important Flag Importance With !important Flag

• The Cascade Algorithm The Cascade Algorithm

• تمرین کدنویسی Inheritance Inheritance Coding Exercise

• راه حل: تمرین Inheritance Solution: Inheritance Exercise

Responsive Web Design و Flexbox Responsive Web Design And Flexbox

• Responsive Web Design چیست؟ What is Responsive Web Design

• همه چیز درباره Media Queries All About Media Queries

• تمرین Media Queries Media Queries Exercise

• راه حل: تمرین Media Queries Solution: Media Queries Exercise

• Media Queries در Stylesheets جداگانه Media Queries in Separate Stylesheets

• Responsive Images Responsive Images

• Background Images با Responsive Design Background Images With Responsive Design

• مقدمه ای بر Flexbox Introduction To Flexbox

• Flex Display و Direction Flex Display and Direction

• Flex Wrap و Shorthand Flex Wrap and Shorthand

• توزیع با justify-content Distribute With justify-content

• align-items در امتداد محور عمودی align-items Along Vertical Axis

• توزیع محتوا به صورت عمودی align-content Distribute Content Vertically align-content

• اضافه کردن gaps به Rows و Columns Adding gaps to Rows and Columns

• Items Properties: order، grow و shrink Items Properties: order, grow and shrink

• استفاده از flex-basis برای Widths Using flex-basis For Widths

پروژه CSS Layout CSS Layout Project

• چه چیزی خواهیم ساخت What We Will Build

• مقدمه ای بر Figma Introduction To Figma

• ایجاد فایل HTML Creating The HTML File

• کار بر روی Header Working On The Header

• CSS برای Header CSS For The Header

• تکمیل Menu Items Completing The Menu Items

• کار بر روی Search Input Working On Search Input

• Search Icon و Responsive Header Search Icon and Responsive Header

• تصویر Hero Section The Hero Section Image

• مقاله Hero Section Hero Section Article

• استایل دادن به المان های Card مقاله Styling The Article Card Elements

• Card Alignment و Responsive View Card Alignment and Responsive View

• ساختاربندی Latest Posts Section Structuring The Latest Posts Section

• استایل دادن به Individual Posts Styling Individual Posts

• ایجاد دکمه View All Posts Creating View All Posts Button

• اضافه کردن Footer Adding Footer

فرم ها: HTML و CSS Forms: HTML and CSS

• مقدمه ای بر فرم ها Introduction To Forms

• شروع کار با Basic Fields Getting Started With Basic Fields

• اعتبارسنجی Input Fields Validating Input Fields

• تمرین Input Fields Input Fields Exercise

• راه حل: تمرین Input Fields Solution: Input Fields Exercise

• Date و Time Fields Date and Time Fields

• تمرین Date و Time Fields Date and Time Fields Exercise

• راه حل: تمرین Date و Time Fields Solution: Date and Time Fields Exercise

• Select Dropdown Fields Select Dropdown Fields

• تمرین Select Dropdown Select Dropdown Exercise

• راه حل: تمرین Select Dropdown Solution: Select Dropdown Exercise

• اضافه کردن Color Picker Adding a Color Picker

• Radio و Checkbox Radio and Checkbox

• تمرین Radio و Checkbox Radio and Checkbox Exercise

• راه حل: تمرین Radio و Checkbox Solution: Radio and Checkbox Exercise

جداول: HTML و CSS Tables: HTML and CSS

• مقدمه ای بر جداول Introduction to Tables

• ایجاد اولین جدول خود Creating Our First Table

• Table Column و Row Styling Table Column And Row Styling

• Vertical و Horizontal Headers Vertical and Horizontal Headers

• ادغام سلول ها با rowspan و colspan Merging Cells With rowspan and colspan

• تمرین HTML Tables HTML Tables Exercise

• راه حل: تمرین HTML Tables Solution: HTML Tables Exercise

شروع کار با JavaScript Getting Started With JavaScript

• مقدمه ای بر JavaScript Introduction to JavaScript

• متغیرها در JavaScript: var، let، const Variables In JavaScript: var, let, const

• انواع Primitive در JavaScript Primitive Types In JavaScript

• string، number و boolean string, number and boolean

• تمرین JavaScript Variables JavaScript Variables Exercise

• راه حل: تمرین JavaScript Variables Solution: JavaScript Variables Exercise

• Template Literals و String Interpolation Template Literals and String Interpolation

• مقادیر Primitive ویژه: null و undefined Special Primitive Values: null and undefined

• BigInt و Symbol در JavaScript BigInt and Symbol in JavaScript

• Arithmetic Operators Arithmetic Operators

• تمرین Arithmetic Operators Arithmetic Operators Exercise

• راه حل: تمرین Arithmetic Operators Solution: Arithmetic Operators Exercise

• Assignment Operators Assignment Operators

• تمرین Assignment Operators Assignment Operators Exercise

• راه حل: تمرین Assignment Operators Solution: Assignment Operators Exercise

• Comparison Operators Comparison Operators

• تمرین Comparison Operators Comparison Operators Exercise

• راه حل: تمرین Comparison Operators Solution: Comparison Operators Exercise

• Logical Operators Logical Operators

• تمرین Logical Operators Logical Operators Exercise

• راه حل: تمرین Logical Operators Solution: Logical Operators Exercise

Objects و Arrays Objects and Arrays

• مقدمه ای بر Objects Introduction to Objects

• تمرین Objects Objects Exercise

• راه حل: تمرین Objects Solution: Objects Exercise

• The new Object() The new Object()

• Mutability و Spread Operator Mutability and Spread Operator

• تمرین Spread Operator Spread Operator Exercise

• راه حل: تمرین Spread Operator Solution: Spread Operator Exercise

• Nested Objects Nested Objects

• تمرین Nested Objects Nested Objects Exercise

• راه حل: تمرین Nested Objects Solution: Nested Objects Exercise

• مقدمه ای بر Arrays Introduction To Arrays

• استخراج مقادیر از یک Array Extracting Values From an Array

• تمرین Arrays Arrays Exercise

• راه حل: تمرین Arrays Solution: Arrays Exercise

• new Array() و اضافه کردن آیتم ها new Array() and Adding Items

Control Flow: Conditionals و Loops در JavaScript Control Flow: Conditionals and Loops in JavaScript

• مقدمه ای بر Conditional Statements Introduction To Conditional Statements

• تمرین Conditional Statements Conditional Statements Exercise

• راه حل: تمرین Conditional Statements Solution: Conditional Statements Exercise

• Switch Statements Switch Statements

• تمرین Switch Statement Switch Statement Exercise

• راه حل: تمرین Switch Statements Solution: Switch Statements Exercise

• معرفی Loops: The for Loop Introducing Loops: The for Loop

• The for Loop Continued The for Loop Continued

• تمرین for Loop for Loop Exercise

• راه حل: تمرین for Loop Solution: for Loop Exercise

• for in Loop for in Loop

• تمرین for in loop for in loop Exercise

• راه حل: تمرین for in Loop Solution: for in Loop Exercise

• for of Loop for of Loop

• تمرین for of Loop for of Loop Exercise

• راه حل: تمرین for of Loop Solution: for of Loop Exercise

• The while و do while Loop The while and do while Loop

• تمرین while و do while Loop while and do while Loop Exercise

• راه حل: تمرین while و do whileLoop Solution: while and do whileLoop Exercise

Functions و Methods Functions and Methods

• مقدمه ای بر Functions Introduction To Functions

• مقدمه ای بر Lexical Scopes Introduction to Lexical Scopes

• درک Variables Scopes Understanding Variables Scopes

• Function Declarations، Expression و Arrow Functions Function Declarations, Expression and Arrow Functions

• تمرین Function Declaration Function Declaration Exercise

• راه حل: تمرین Function Declaration Solution: function Declaration Exercise

• درک Methods Understanding Methods

• تمرین Methods Methods Exercise

• راه حل: تمرین Methods Solution: Methods Exercise

• غواصی عمیق تر در this Keyword Deeper Dive into this Keyword

• Autoboxing و string Methods Autoboxing and string Methods

• تمرین String Methods String Methods Exercise

• راه حل: تمرین String Methods Solution: String Methods Exercise

• number Methods number Methods

• تمرین Number Methods Number Methods Exercise

• راه حل: تمرین Number Methods Solution: Number Methods Exercise

• Array Methods Array Methods

• تمرین Array Methods Array Methods Exercise

• راه حل: تمرین Array Methods Solution: Array Methods Exercise

• Math Object Math Object

• تمرین کدنویسی Math Object Math Object Coding Exercise

• راه حل: تمرین Math Object Solution: Math Object Exercise

• Date Object Date Object

• تمرین Date Object Date Object Exercise

• راه حل: تمرین Date Object Solution: Date Object Exercise

• Constructor Functions Constructor Functions

• تمرین کدنویسی Constructor Function Constructor Function Coding Exercise

• راه حل: تمرین Constructor Function Solution: Constructor Function Exercise

• Javascript Built In Constructors و Objects Javascript Built In Constructors and Objects

JavaScript Advanced Techniques JavaScript Advanced Techniques

• Spread Operator با Arrays Spread Operator with Arrays

• تمرین Array Spread Operator Array Spread Operator Exercise

• راه حل: تمرین Array Spread Operator Solution: Array Spread Operator Exercise

• Spread Operator با Objects Spread Operator with Objects

• تمرین Object Spread Operator Object Spread Operator Exercise

• راه حل: تمرین Object Spread Operator Solution: Object Spread Operator Exercise

• استفاده از Default Parameters Using Default Parameters

• تمرین Default Parameters Default Parameters Exercise

• راه حل: تمرین Default Parameters Solution: Default Parameters Exercise

• The Spread Operator در Function Calls The Spread Operator in Function Calls

• تمرین Spread Operator Function Calls Spread Operator Function Calls Exercise

• راه حل: تمرین Spread Operator Function Calls Solution: Spread Operator Function Calls Exercise

• Rest Parameters Rest Parameters

• تمرین Rest Parameters Rest Parameters Exercise

• راه حل: تمرین Rest Parameters Solution: Rest Parameters Exercise

• Destructuring Arrays Destructuring Arrays

• Destructuring Objects Destructuring Objects

• Destructuring Function Parameters Destructuring Function Parameters

• تمرین Destructuring Arrays Destructuring Arrays Exercise

• راه حل: تمرین Destructuring Arrays Solution: Destructuring Arrays Exercise

• تمرین Destructuring Objects Destructuring Objects Exercise

• راه حل: تمرین Destructuring Objects Solution: Destructuring Objects Exercise

• کار با map() Method Working With map() Method

• تمرین map() map() Exercise

• راه حل: تمرین map() Solution: map() Exercise

• درک The filter() Method Understanding The filter() Method

• تمرین filter() filter() Exercise

• راه حل: تمرین filter() Solution: filter() Exercise

• معرفی The reduce() Method Introducing The reduce() Method

• تمرین reduce() reduce() Exercise

• راه حل: تمرین reduce() Solution: reduce() Exercise

کار با The Document Object Model DOM Working With The Document Object Model DOM

• مقدمه ای بر The Document Object Model (DOM) Introduction To The Document Object Model (DOM)

• Render Blocking، Async And Defer Scripts Render Blocking, Async And Defer Scripts

• انتخاب DOM Elements با استفاده از Selectors Selecting DOM Elements Using Selectors

• تمرین انتخاب DOM Elements Selecting DOM Elements Exercise

• راه حل: تمرین انتخاب DOM Elements Solution: Selecting DOM Elements Exercise

• querySelector و querySelectorAll querySelector and querySelectorAll

• تمرین querySelector() querySelector() Exercise

• راه حل: تمرین querySelector() Solution: querySelector() Exercise

• The InnerHtml() و Risks The InnerHtml() and Risks

• کار با getAttribute و setAttribute Working with getAttribute and setAttribute

• تمرین getAttribute و setAttribute getAttribute and setAttribute Exercise

• راه حل: تمرین getAttribute و setAttribute Solution: getAttribute and setAttribute Exercise

• تنظیم Styles با .style و Classes Setting Styles with .style and Classes

DOM Traversal DOM Traversal

• تفاوت بین Nodes و Elements Difference Between Nodes and Elements

• انتخاب یک Parent با parentNode در مقابل parentElement Selecting a Parent with parentNode vs parentElement

• تمرین Parent Node و Parent Element Parent Node and Parent Element Exercise

• راه حل: تمرین parentNode و parentElement Solution: parentNode and parentElement Exercise

• انتخاب Elements با childNodes در مقابل children Selecting Elements with childNodes vs children

• تمرین childNodes و children childNodes and children Exercise

• راه حل: تمرین childNodes و children Solution: childNodes and children Exercise

• انتخاب First یا Last Child/Element Selecting the First or Last Child/Element

• انتخاب یک Sibling از Nodes در DOM Selecting a Sibling of Nodes in the DOM

• تمرین Sibling Of Node Sibling Of Node Exercise

• راه حل: تمرین Sibling of Nodes Solution: Sibling of Nodes Exercise

• nodeName و nodeType nodeName and nodeType

DOM Events DOM Events

• مقدمه ای بر DOM Events Introduction To DOM Events

• سه راه برای Register Events در JavaScript Three Ways to Register Events in JavaScript

• تمرین Register Events Register Events Exercise

• راه حل: تمرین Register Events Solution: Register Events Exercise

• Important Properties Of Event Object Important Properties Of Event Object

• تمرین Event Object Properties Event Object Properties Exercise

• راه حل: تمرین Event Object Properties Solution: Event Object Properties Exercise

• this Keyword در Event Handlers this Keyword In Event Handlers

• کار با Mouse Events Working With Mouse Events

• تمرین Mouse Events Mouse Events Exercise

• راه حل: تمرین Mouse Events Solution: Mouse Events Exercise

• The Keyboard Events The Keyboard Events

• تمرین عملی Keyboard Events Keyboard Events Practice Exercise

• راه حل: تمرین Keyboard Events Solution: Keyboard Events Exercise

• استفاده از Form Events Using Form Events

• تمرین Form Events Form Events Exercise

• راه حل: تمرین Form Events Solution: Form Events Exercise

• کار با Window Events Working With Window Events

• Event Bubbling، Capture و Stopping Propagation Event Bubbling, Capture and Stopping Propagation

• Event Bubbling و Capture در عمل Event Bubbling and Capture in Action

• Event Bubbling و Capture در عمل Event Bubbling and Capture in Action

• راه حل: تمرین Event Bubbling و Capture Solution: Event Bubbling and Capture Exercise

• Event Delegation با استفاده از Event Bubbling Event Delegation Using Event Bubbling

Browser Object Model (BOM) Browser Object Model (BOM)

• معرفی Browser Object Model (BOM) Introducing Browser Object Model (BOM)

• The Window Object The Window Object

• The location Object The location Object

• تمرین Window Object Window Object Exercise

پروژه JavaScript Calculator JavaScript Calculator Project

• مروری بر پروژه Project Overview

• اضافه کردن Number Values Adding Number Values

• اضافه کردن Functionality برای استفاده از Operators Adding Functionality To Use Operators

• Decimal And Reset Decimal And Reset

JavaScript Modules JavaScript Modules

• درک JavaScript Modules Understanding JavaScript Modules

• Named Vs Default Exports Named Vs Default Exports

• درک Live Bindings Understanding Live Bindings

• Module Scope و globalThis Module Scope and globalThis

• Modularizing The Calculator App Modularizing The Calculator App

• Create a Module و Functions For Values Create a Module and Functions For Values

• Module For Selectors و addNumberValue Module For Selectors and addNumberValue

• Modules For useOperator و addDecimal Modules For useOperator and addDecimal

• Import Modules And Test Import Modules And Test

• Add Reset For Values Add Reset For Values

خط فرمان لینوکس The Linux Command Line

• یونیکس در مقابل شبه یونیکس در مقابل ویندوز Unix vs Unix-Like vs Windows

• ترمینال در مقابل شل در مقابل کرنل Terminal Vs Shell Vs Kernel

• چرا از خط فرمان استفاده کنیم؟ Why Use The Command Line?

• استفاده از ترمینال و ساختار دستورات Using Terminal And Structure of Commands

• پیمایش در سیستم فایل Navigating The File System

• کار با فایل ها و دایرکتوری ها Working With Files And Directories

• کپی و انتقال فایل ها Copying and Moving Files

• حذف فایل ها و دایرکتوری ها Deleting Files and Directories

• استفاده از راهنما، صفحات Man و Flagها Using Help, Man Pages and Flags

جاوا اسکریپت غیر همزمان Async JavaScript

• درک ترتیب اجرا Understanding Execution Sequence

• توابع Callback در جاوا اسکریپت Callback Functions In JavaScript

• وظایف غیر همزمان Asynchronous Tasks

• کار با Promises Working With Promises

• درک Call Stack و Event Loop Understanding Call Stack and Event Loop

• کد تمیزتر با Fetch Cleaner Code With fetch

• Async و Await Async and Await

• Try و Catch Try and Catch

• JSON (JavaScript Object Notation) چیست؟ What is JSON (JavaScript Object Notation)

مقدمه ای بر Node.js Introduction To Node.js

• Node.js چیست و چرا به آن نیاز داریم؟ What is Node.js And Why We Need It?

• همکاری Back-End و Front-End Back-End And Front-End Working Together

• چه چیزی می خواهیم بسازیم What Are We Going To Build

• نصب Node.js و npm Install Node.js and npm

• Hello World در Node.js Hello World in Node.js

• معرفی Node Package Manager (npm) Introducing Node Package Manager (npm)

• ایجاد یک پروژه جدید Node.js Create a New Node.js Project

• اولین بسته npm First npm Package

• ماژول Node.js - fs (سیستم فایل) Node.js Module - fs (File System)

شروع کار با Express Getting Started With Express

• درک REST APIs Understanding REST APIs

• تست یک API (راه اندازی httpYac) Testing An API (httpYac Setup)

• Express چیست What is Express

• راه اندازی سرور Express (شروع با پروژه) Setting Up Express Server (Starting With Project)

• استفاده از Nodemon برای توسعه Using Nodemon For Development

• نگاهی عمیق تر به Request و Response A Deeper Look Request and Response

• شروع کار با Routing Getting Started With Routing

• درک Route Params و Query Params Understanding Route Params and Query Params

• الگوهای مسیر URL URL Path Patterns

• ایجاد Tasks Router Creating The Tasks Router

Middleware در Express Express Middleware

• درک Middleware چیست Understanding What is Middleware

• Middleware و تجزیه بدنه درخواست Middleware And Parsing Request Body

• گزارش فعالیت با Morgan Activity Logging With Morgan

• درک (CORS) اشتراک منابع متقابل مبدا Understanding (CORS) Cross Origin Resource Sharing

Controller The Controller

• Controller چیست What is a Controller

• ایجاد Tasks Controller Creating Tasks Controller

• پاسخ به درخواست GET Tasks Response For GET Tasks Request

• درک کدهای وضعیت HTTP Understanding HTTP Status Codes

• استفاده از http-status-codes Using http-status-codes

• ایجاد Middleware فرمت کننده پاسخ Creating Response Formatter Middleware

• منابع یافت نشد - پیش فرض 404 Resources Not Found - Default 404

• ایجاد auth Controllers Creating auth Controllers

• ایجاد User Controllers Creating User Controllers

شروع کار با MongoDB Getting Started With MongoDB

• معرفی پایگاه های داده SQL در مقابل NoSQL Introduction To Databases SQL Vs. NoSQL

• مزایای استفاده از MongoDB Advantages Of Using MongoDB

• MongoDB Cloud، Shell و Compass MongoDB Cloud, Shell and Compass

• درج داده ها در MongoDB Inserting Data in MongoDB

• یافتن داده ها در MongoDB Finding Data in MongoDB

• به روز رسانی داده ها در MongoDB Updating Data in MongoDB

• حذف داده ها در MongoDB Deleting Data in MongoDB

Schema، Model و Mongoose Schema, Model and Mongoose

• درک Mongoose چیست Understanding What is Mongoose

• کار با Schema و Model Working With Schema And Model

• مروری بر انواع Schema در Mongoose Schema Types Overview In Mongoose

• یکپارچه سازی Mongoose با Express Integrating Mongoose With Express

• ایجاد اولین Schema Creating The First Schema

• ایجاد یک Model Creating a Model

• تقسیم Controllerها به Providers Dividing Controllers into Providers

• واکشی اسناد از پایگاه داده Fetch Documents From The Database

• به روز رسانی یک Task Updating a Task

• حذف یک Task Deleting a Task

• Schema و Model برای یک کاربر جدید Schema and Model For a New User

• New User Provider New User Provider

اعتبارسنجی و مدیریت خطا Validation and Error Handling

• چرا اعتبارسنجی اضافی مورد نیاز است Why is Additional Validation Needed

• شروع کار با express-validator Getting Started With express-validator

• ایجاد فایل های Validator Creating Validator Files

• دریافت داده های پاکسازی شده Getting Sanitized Data

• مدیریت خطاهای تعامل با پایگاه داده Error Handle Database Interactions

• ثبت خطا با استفاده از Winston Error Logging Using Winston

• ثبت خودکار خطا با express-winston Auto Error Logging With express-winston

• ثبت اختصاصی خطاها در error.log Specifically Logging Errors to error.log

• ایجاد یک Helper ثبت کننده خطا Creating a Error Logger Helper

• اعتبارسنجی پارامترهای Query Validating Query Parameters

• اعتبارسنجی درخواست Patch Validating Patch Request

• اعتبارسنجی درخواست Delete Validating Delete Request

• اعتبارسنجی مسیر ایجاد کاربر Validating Create User Route

محیط و پیکربندی Node Node Environment and Configuration

• درک محیط Node Understanding the Node Environment

• تنظیم NODE_ENV Setting NODE_ENV

• فایل های env. برای متغیرهای محیطی .env Files For Environment Variables

• انتقال متغیرها به فایل های Env Moving Variables to Env Files

• ایجاد یک فایل پیکربندی Create a Configuration File

صفحه بندی و فیلتر کردن Pagination and Filtering

• معرفی صفحه بندی Introduction to Pagination

• به روز رسانی پرس و جو صفحه بندی Updating the Pagination Query

• ساخت شی صفحه بندی Building the Pagination Object

• تنظیم مقادیر پیش فرض Setting Default Values

• مرتب سازی داده های نهایی Sorting Final Data

• بازسازی داده های نهایی Refactor Final Data

• فیلتر و شمارش بر اساس وضعیت Filter And Count Based On Status

احراز هویت کاربر و روابط User Authentication And Relationships

• معرفی روابط با Sub Documents Introducing Relationships With Sub Documents

• افزودن رابطه بین کاربر و Tasks Adding Relationship Between User and Tasks

• معرفی احراز هویت کاربر Introduction To User Authentication

• هش کردن و Salting رمزهای عبور Hashing And Salting Passwords

• استفاده از bCrypt برای هش کردن Using bCrypt for Hashing

• بررسی ایمیل منحصر به فرد Check For Unique Email

• Controller و Validator ورود کاربر User Login Controller and Validator

• مقایسه رمز عبور با Hash Comparing Password To Hash

• درک (JWTs) JSON Web Tokens Understanding (JWTs) JSON Web Tokens

• تولید JWT Generate JWT

• محافظت از Routes با Middleware Guarding Routes With Middleware

• اختصاص کاربران احراز هویت شده به Tasks Assigning Authenticated Users To Tasks

مستندسازی API Documenting API

• معرفی Open API Specification و Swagger Introducing Open API Specification and Swagger

• پیکربندی Swagger Configuring Swagger

• مستندسازی Task Schema Documenting Task Schema

• مستندسازی Task POST Endpoint Documenting Task POST Endpoint

• مستندسازی Task GET Endpoint Documenting Task GET Endpoint

• مستندسازی Task PATCH Endpoint Documenting Task PATCH Endpoint

• مستندسازی Task DELETE Endpoint Documenting Task DELETE Endpoint

• مستندسازی User Endpoints Documenting User Endpoints

• مستندسازی Auth Endpoints Documenting Auth Endpoints

معرفی React Introduction To React

• چرا به React نیاز داریم Why Do We Need React

• Hello World در React Hello World in React

• معرفی JSX Introduction To JSX

• ایجاد React Components Creating React Components

• React Props و Attributes React Props And Attributes

• عبارات جاوا اسکریپت در JSX JavaScript Expressions in JSX

• React Fragments React Fragments

مبانی React React Basics

• روش بهتر برای ایجاد یک برنامه React Better Way To Create a React App

• درک یک برنامه تک صفحه ای Understanding a Single Page Application

• ساختار Vite و پاکسازی Vite Structure and Cleanup

• ایجاد اولین Component Creating First Component

• درک CSS Modules Understanding CSS Modules

• کار با Props Working With Props

• اختصاص مقادیر پیش فرض به Props Assigning Default Values To Props

• LikeButton Component و Events در React LikeButton Component and Events in React

• اولین React Hook useState() First React Hook useState()

Tailwind CSS Tailwind CSS

• معرفی Tailwindcss Introduction To Tailwindcss

• نصب و پیکربندی Tailwindcss Install and Configure Tailwindcss

• استایل دادن به عناصر با Tailwindcss Styling Elements with Tailwindcss

React Router React Router

• معرفی React Router Introduction To React Router

• نصب React Router Installing React Router

• ایجاد چند Route اول Creating First Few Routes

• ایجاد صفحات Creating Pages

• تعریف Routes برای صفحات Defining Routes For Pages

• Route صفحه 404 یافت نشد 404 Page Not Found Route

Layout و shadcn/ui Layout and shadcn/ui

• معرفی Shadcn/ui Introduction To Shadcn/ui

• نصب Shadcn/ui Installing Shadcn/ui

• برنامه ریزی توسعه رابط کاربری Planning User Interface Development

• فعال کردن حالت Dark Enable Dark Mode

• Layout صفحه Signup Signup Page Layout

• ایجاد فرم Signup Creating Signup Form

• ایجاد صفحه Login Creating Login Page

• تنظیم Layout برای صفحه Tasks Setting Layout For Tasks Page

• Tasks Counter Component Tasks Counter Component

• Props برای TasksCounter Props For TasksCounter

• ایجاد Filter Bar Creating Filter Bar

• ایجاد Task Component Creating Task Component

• افزودن Props به Task Component Adding Props To Task Component

• ایجاد Form Layout Creating Form Layout

• User Profile Component User Profile Component

• ایجاد TaskForm و Logout Create TaskForm and Logout

اعتبارسنجی + ZOD + React Hook Form Validation + ZOD + React Hook Form

• همگام سازی Client Server چیست What is Client Server Synchronization

• استفاده از Zod برای اعتبارسنجی فرم Using Zod For Form Validation

• استفاده از react-hook-form با shadcn/ui Using react-hook-form With shadcn/ui

• اعتبارسنجی فرم Login Validating Login Form

• مدیریت Controlled Components Handling Controlled Components

• اعتبارسنجی فرم ایجاد Task Validating Create Task Form

همگام سازی Client Server Client Server Synchronization

• معرفی Tanstack Query Introducing Tanstack Query

• راه اندازی Tanstack Query Setup Tanstack Query

• ایجاد Signup Mutation Hook Creating Signup Mutation Hook

• مدیریت Side Effects با useEffect() Managing Side Effects With useEffect()

• ایجاد Login Mutation Hook Creating Login Mutation Hook

• افزودن Bearer Token به Cookies Adding Bearer Token To Cookies

• پیاده سازی Private Routes Implementing Private Routes

• Mutation Hook برای ایجاد Task جدید Mutation Hook For Creating New Task

• Query Hook برای دریافت تمام Tasks Query Hook To Get All Tasks

• بارگیری Tasks در صفحه Task Loading Tasks On Task Page

• نمایش Tasks در صفحه Displaying Tasks On The Page

• پیاده سازی رفتار Logout Implement Logout Behaviour

Context API و Global State Context API and Global State

• معرفی Context API Introducing The Context API

• ایجاد TasksContext Creating the TasksContext

• Query Params برای صفحه بندی Query Params For Pagination

• استفاده از Context برای تنظیم لینک های صفحه بندی Using Context To Set Pagination Links

• تکمیل صفحه بندی Completing Pagination

• مرتب سازی Tasks بر اساس Order Sorting Tasks By Order

• بهبود شرایط Query String Improving Query String Conditions

• Refetch Query در ایجاد Tasks Refetch Query On Create Tasks

• دکمه inProgress در Tasks inProgress Button On Tasks

• علامت گذاری یک Task به عنوان Completed Mark a Task as Complete

• به روز رسانی Counters Updating The Counters

• Transitions صفحه بندی روان Smooth Pagination Transitions

• پر کردن Profile Avatar Populating Profile Avatar

استقرار برنامه Deploying Application

• درک زیرساخت سرور Understanding Server Infrastructure

• ایجاد یک سرور در AWS Creating A Server On AWS

• اشاره DNS Records به سرور Pointing DNS Records To Server

• نصب و پیکربندی Nginx Installing And Configuring Nginx

• ایمن سازی اتصالات با SSL Securing Connections With SSL

• نصب برنامه React Installing React Application

• نصب برنامه NodeJS Installing NodeJS Application

• درک و پیکربندی PM2 Understanding And Configuring PM2