آموزش دوره کامل جاوا اسکریپت فول استک ۲۰۲۵ از الف تا ی - آخرین آپدیت

دانلود Complete JavaScript Full Stack Course 2025 From A - Z

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

جامع‌ترین دوره جاوا اسکریپت برای همه!

جاوا اسکریپت پرطرفدارترین زبان برنامه‌نویسی برای توسعه وب فرانت‌اند و بک‌اند است. کاربردهای جاوا اسکریپت از وب‌سایت‌های تعاملی گرفته تا اینترنت اشیاء گسترده است و آن را به گزینه‌ای عالی برای مبتدیان و توسعه‌دهندگان باتجربه که به دنبال یادگیری یک زبان برنامه‌نویسی جدید هستند، تبدیل می‌کند.

با این دوره، شما فراتر از مبانی پایه‌ای مانند اکثر دوره‌های آنلاین خواهید آموخت. شما نه تنها الگوها، تکنیک‌ها و بهترین شیوه‌ها را یاد خواهید گرفت.

مهم‌تر از همه، با عبور از مبانی سطحی که بسیاری از دوره‌ها پوشش می‌دهند، به 10% برتر توسعه‌دهندگان جاوا اسکریپت تبدیل خواهید شد. ما عمیقاً وارد جزئیات می‌شویم و شما را به عنوان یک توسعه‌دهنده پیشرفته جاوا اسکریپت مطمئن بیرون می‌آوریم. تضمین می‌کنیم! چه شما یک توسعه‌دهنده وب، یک توسعه‌دهنده React یا Vue.js (توسعه‌دهنده فرانت‌اند)، یا یک توسعه‌دهنده بک‌اند Node.js باشید، از این دوره بهره‌مند خواهید شد زیرا جاوا اسکریپت در هسته این مشاغل قرار دارد.

در این دوره، تقریباً تمام مباحث جاوا اسکریپت را با مثال‌های زنده به اشتراک گذاشته‌ام. ابتدا مفاهیم پایه را می‌آموزید و سپس با استفاده از این تجربه یک پروژه ایجاد می‌کنید. فکر می‌کنم این بهترین راه برای یادگیری هر زبان برنامه‌نویسی است.

این دوره شامل ویژگی‌های فراوانی است، اما می‌خواهم برخی از آنها را با شما در میان بگذارم.

در این دوره، تقریباً همه چیز را یاد خواهید گرفت، از جمله:

  • متغیرهای جاوا اسکریپت
  • عملگرهای جاوا اسکریپت
  • دستورات شرطی
  • حلقه‌های جاوا اسکریپت
  • رشته‌ها در جاوا اسکریپت
  • اشیاء جاوا اسکریپت
  • توابع جاوا اسکریپت
  • آرایه‌ها در جاوا اسکریپت
  • ویژگی‌های ES6، ES7 و ES8
  • مدیریت خطا در جاوا اسکریپت
  • عبارات با قاعده (Regular Expressions)
  • جاوا اسکریپت شیءگرا
  • توابع ناهمزمان (Asynchronous Functions)
  • DOM
  • Web Storage API
  • MongoDB
  • REST API با Mongoose
  • احراز هویت و مجوز کاربر
  • Node JS با پروژه
  • Express JS با پروژه
  • React JS با پروژه
  • و خیلی موارد دیگر!

در این دوره، فقط یاد نمی‌گیرید، بلکه عملاً انجام می‌دهید. با من همراه شوید و این مفاهیم را روی یک پروژه زنده پیاده کنید.

عالی به نظر می‌رسد، درست است؟

همین حالا روی دکمه "ثبت نام کنید" در بالا کلیک کنید!

مشتاق دیدار شما در دوره هستم!

با احترام،

کازی آریان

پیش‌نیازها:

  • نیازمند یک کامپیوتر مبتنی بر ویندوز، مک‌اواس یا لینوکس
  • آشنایی اولیه با HTML و CSS

تبدیل به استاد جاوا اسکریپت با ساخت بیش از ۱۰ پروژه واقعی!

این دوره جامع به شما کمک می‌کند تا در زبان برنامه‌نویسی جاوا اسکریپت به سطح استادی برسید. با تمرکز بر پروژه‌های عملی، شما مهارت‌های لازم برای ساخت اپلیکیشن‌های وب پویا و قدرتمند را کسب خواهید کرد.


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

مقدمه Introduction

  • مقدمه Introduction

  • به دوره خوش آمدید Welcome to the Course

  • چگونه بیشترین بهره را از این دوره ببریم How to Get The Most Out Of This Course

  • نیاز به حمایت شما داریم Need Your Support

  • کد منبع کامل پروژه و فایل تمرین Total Project Source Code and Excise File

متغیرها و انواع داده Variables and Data Types

  • اعلام یک متغیر Declare a Variable

  • استفاده از let و const Uses of Let and Const

  • انواع داده اولیه Primitive Data types

  • انواع ارجاعی: اشیاء (مبانی) Reference types: Object (Basics)

  • انواع ارجاعی: آرایه (مبانی) Reference types: Array (Basics)

  • انواع ارجاعی: تابع (مبانی) Reference types: Function (Basics)

  • قالب رشته ها Template Literals

  • تمرین - شیء شخص Exercise - Person Object

عملگرهای جاوا اسکریپت JavaScript Operators

  • عملگرهای حسابی Arithmetic Operators

  • عملگرهای انتساب Assignment Operators

  • عملگرهای مقایسه‌ای Comparison Operators

  • عملگرهای منطقی Logical Operators

  • عملگرهای تساوی Equality Operators

  • تمرین مبادله دو عدد Exercise Swap two numbers

دستورات شرطی Conditional Statements

  • اگر سپس If else

  • دستورات switch case Switch case

  • عملگرهای سه‌گانه Ternary Operators

  • تمرین Fizz Buzz Exercise Fizz Buzz

  • تمرین Fizz Buzz (با عملگرهای سه‌گانه) Exercise Fizz Buzz (With Ternary Operators)

  • تمرین سیستم نمره‌دهی ما Exercise Our Grading System

  • دستورات switch case با عملگرهای منطقی متعدد Switch case with multiple logical operators

حلقه های جاوا اسکریپت JavaScript Loops

  • حلقه for For loop

  • حلقه while While loop

  • حلقه do while Do while loop

  • حلقه for in For in loop

  • حلقه for of For of loop

  • دستورات break و continue Break and continue

  • حلقه های بی نهایت Infinite loops

  • حلقه های تودرتو Nested Loops

رشته در جاوا اسکریپت String in JavaScript

  • مبانی رشته String Basics

  • متدهای رشته: charAt, toUpperCase, toLowerCase, includes, startsWith, endsWith String Methods: charAt, toUpperCase, toLowerCase, includes, startsWith, endsWith

  • متدهای رشته: جستجو، indexOf, lastIndexOf String Methods: Search, IndexOf, lastIndexOf

  • متدهای رشته: toString, concat, split String Methods: toString, Concat, split

  • متدهای رشته: slice, subStr, subString String Methods: slice, subStr, subString

  • دنباله‌های گریز Escape Sequences

  • تغییرناپذیری رشته String Immutability

اشیاء - هسته جاوا اسکریپت و JSON Objects - The Core of Javascript & JSON

  • مبانی اشیاء با نقطه و براکت notation Object Basics with Dot Bracket Notation

  • افزودن، تغییر و حذف خصوصیات Adding, Modifying Deleting Properties

  • متدهای اشیاء و کلمه کلیدی this Object Methods This Keyword

  • پیمایش ورودی‌های شیء Traversing Object Entries

  • تمرین حقوق کل Exercise Total Salary

  • شکستن ساختار شیء Object Destructuring

  • کپی کردن یک شیء Cloning an object

  • شیء Math Math Object

  • قالب داده JSON JSON Data Format

توابع جاوا اسکریپت JavaScript Functions

  • مبانی تابع Function Basics

  • پارامترهای پیش‌فرض Default Parameters

  • تابع به عنوان عبارت Function as an Expression

  • توابع فلش Arrow Functions

  • پارامتر rest Rest Parameter

آرایه های جاوا اسکریپت JavaScript Arrays

  • مبانی آرایه Array Basics

  • افزودن عناصر Adding Elements

  • حذف عناصر Removing Elements

  • یافتن عناصر (نوع اولیه) Finding Elements (Primitive Type)

  • یافتن عناصر (نوع ارجاعی) Finding Elements (Reference Type)

  • پیمایش یک آرایه Iterating an array

  • مرتب‌سازی و معکوس کردن یک آرایه Sorting and Reversing an array

  • آزمون عناصر آرایه Testing the elements of the array

  • ترکیب و برش آرایه Combining and Slicing the array

  • عملگرهای Spread Spread Operators

  • پیوستن آرایه Joining Array

  • نگاشت یک آرایه Mapping an array

  • فیلتر کردن یک آرایه Filtering an array

  • کاهش یک آرایه Reducing an array

دیگر ویژگی های ES6، ES7 و ES8 Other ES6, ES7 and ES8 Features

  • شکستن ساختار آرایه و شیء Array Object Destructuring

  • ساختار داده: Set Data Structure: Set-

  • ساختار داده: Map Data Structure: Map

  • Weak Set + Weak Map Weak Set + Weak Map

  • ماژول (Import و Export) Module (Import Export)

  • padStart, padEnd TrimStart, TrimEnd padStart, padEnd TrimStart, TrimEnd

مدیریت خطا در جاوا اسکریپت Error Handlings in JavaScript

  • انواع مختلف خطا در جاوا اسکریپت (خطای نحو، ارجاع، نوع، دامنه) Different types of errors in JavaScript. (Syntax, Reference, Type, Range Error,

  • تمرین پرتاب کردن شیء خطای سفارشی Exercise Throw Custom Error Object

  • مدیریت خطا با بلوک‌های try، catch و finally Handle Errors with try, catch, and finally block

عبارات باقاعده Regular Expression

  • عبارت باقاعده چیست و چرا مفید است What is Regular Expression and why is it useful

  • ساختار RegExp و آزمایش برخی از آنها Structure of RegExp and Testing some of them

  • اصلاح‌کننده‌های RegExp و متدهای شیء RegExp Modifiers and Object Methods

جاوا اسکریپت شیء گرا Object Oriented JavaScript

  • توابع کارخانه Factory Functions-

  • توابع سازنده و کلمه کلیدی this Constructor Functions this keyword

  • تمرین: آدرس خانه (با توابع سازنده کارخانه) Exercise: Home Address (with Factory Constructor functions)

جاوا اسکریپت ناهمزمان، Ajax و Fetch API Asynchronous JavaScript, Ajax & Fetch API

  • کد ناهمزمان غیر مسدود کننده چیست What is Asynchronous Non-blocking Code

  • Callback چیست What is Callback

  • Callback Hell Callback Hell

  • Promise ها Promises

  • کار با چندین Promise Dealing with Multiple Promises

  • انجام تماس Ajax با Fetch API (و Promises) Making Ajax call with Fetch API (and Promises)

  • انجام تماس Ajax با Fetch API (و AsyncAwait) Making Ajax call with Fetch API (and AsyncAwait)

DOM (مدل شیء سند) DOM (Document Object Model)

  • مقدمه DOM و راه‌اندازی پروژه DOM Introduction Project Setup

  • مشاهده شیء سند Observing Document Object

  • انتخاب‌گرهای DOM (برای عناصر تکی) DOM Selectors (For Single Elements)

  • انتخاب‌گرهای DOM (برای عناصر متعدد) DOM Selectors (For Multiple Elements)

  • مشاهده خصوصیات والد، فرزندان و همسایه Observing parent, children, sibling properties

  • ایجاد عناصر با DOM Create Elements with DOM

  • شنونده‌های مختلف رویداد Various Event Listeners

  • مشاهده شیء رویداد Observing the event object

Web Storage API Web Storage API

  • مرور بخش Section Overview

  • ذخیره، دریافت و به‌روزرسانی داده‌ها از حافظه محلی Storing, Getting and Updating data from local storage

  • حذف و پاک کردن داده‌ها از حافظه محلی Deleting and Clear out the data from Local storage

  • تبدیل به رشته و تجزیه داده‌ها از حافظه محلی Stringify and Parsing data from local storage

  • حافظه جلسه و تفاوت بین حافظه محلی و حافظه جلسه Session Storage and the difference between local storage and session storage

پروژه ۱ - شکارچی هیولا (DOM + Module) Project 1 - Monster Finder (DOM + Module)

  • معرفی پروژه و راه‌اندازی رابط کاربری Project intro User Interface Setup

  • ایجاد عناصر با DOM Create elements with DOM

  • دریافت هیولاها با استفاده از ماژول ES6 Get Monsters using ES6 Module

  • فیلتر کردن هیولاها Filter the monsters

  • نمایش 404 و جمع‌بندی Show 404 and Wrap Up

پروژه ۲ - برنامه کیف پول الکترونیکی (DOM + LocalStorage) Project 2 - E-Wallet App (DOM + LocalStorage)

  • معرفی پروژه و راه‌اندازی رابط کاربری Project intro UI Setup

  • ارسال و بازنشانی فرم قسمت ۱ Submit and Reset Form Part 1

  • ارسال و بازنشانی فرم قسمت ۲ Submit and Reset Form Part 2

  • دریافت زمان قالب‌بندی شده Get Formatted Time

  • ذخیره داده‌ها در LocalStorage Store data into LocalStorage

  • نمایش داده‌ها از LocalStorage Show data from LocalStorage

  • محاسبه کل درآمدها و هزینه‌ها Calculate total Incomes and Expenses

  • محاسبه مبالغ کل Calculate total amounts

  • افزودن جداکننده Add Separator

پروژه ۳ - ProFinder (DOM + Async) Project 3 - ProFinder (DOM + Async)

  • معرفی پروژه و راه‌اندازی رابط کاربری Project intro UI Setup

  • دریافت اطلاعات از API Get Information from API

  • جستجو و نمایش کاربران Search Show Users

  • نمایش مخازن Show Repositories

  • نمایش بارگذارها، مدیریت خطا و جمع‌بندی! Show Loaders, Handling Error Wrap Up!

پروژه ۴ - اعتبارسنجی فرم Project 4 - Form Validator

  • راه‌اندازی پروژه Project Setup

  • ساخت یک قالب پایه برای اعتبارسنجی فرم Build a basic template for Form validator

  • کلید واژه برای هر فیلد ورودی Keyword for each Input Field

  • حداقل طول، حداکثر طول، regex در الگو، و عنوان به عنوان صفت Minlength, Maxlength, regex in pattern, and title as attribute

  • API اعتبارسنجی محدودیت‌ها Constraint Validation API

  • اعتبارسنجی رمز عبور و نمایش شیء نهایی Validate password and show final Object

پروژه ۵ - لیست وظایف (برنامه کاربردی CRUD مبتنی بر OOP) Project 5 - Task List (OOP Based Project CRUD Application)

  • معرفی پروژه Project intro

  • معرفی پروژه و راه‌اندازی رابط کاربری Project intro and UI Setup

  • ایجاد ۳ تابع سازنده، نمایش وظیفه و بازنشانی فرم قسمت ۱ Create 3 Constructor Functions, Show Task and Reset Form Part 1

  • ایجاد ۳ تابع سازنده، نمایش وظیفه و بازنشانی فرم قسمت ۲ Create 3 Constructor Functions, Show Task and Reset Form Part 2

  • ایجاد ۳ تابع سازنده، نمایش وظیفه و بازنشانی فرم قسمت ۳ Create 3 Constructor Functions, Show Task and Reset Form Part 3

  • حذف وظیفه و علامت‌گذاری وظیفه کامل شده با استفاده از Prototype های ES5 قسمت ۱ Delete Task and Mark Task Completed using ES5 Prototypes Part 1

  • حذف وظیفه و علامت‌گذاری وظیفه کامل شده با استفاده از Prototype های ES5 قسمت ۲ Delete Task and Mark Task Completed using ES5 Prototypes Part 2

  • خواندن و ذخیره وظیفه در Local Storage Local Storage Read and Store Task

  • حذف و علامت‌گذاری کامل شده در LocalStorage قسمت ۱ Delete and Mark Completed in LocalStorage Part 1

  • حذف و علامت‌گذاری کامل شده در LocalStorage قسمت ۲ Delete and Mark Completed in LocalStorage Part 2

  • نمایش لیست وظایف از LocalStorage Show List of tasks from LocalStorage

  • مقداردهی اولیه به‌روزرسانی و ذخیره شناسه وظیفه در فیلد مخفی Initiate the Update and store Task ID in Hidden Field

  • به‌روزرسانی وظایف قسمت ۱ Update Tasks Part 1

  • به‌روزرسانی وظایف قسمت ۲ Update Tasks Part 2

یادگیری Node.js از ابتدا Learn Node.js From Scratch

  • NodeJS چیست What is NodeJS

  • مقدمه‌ای بر NodeJS Introduction to NodeJS

  • شروع کار Getting Started

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

  • درک ماژول‌ها Understanding Modules

  • تمرین ماشین حساب کوچک (با آرگومان‌های خط فرمان) Exercise MiniCalculator (with Command Line Arguments)

  • ماژول سیستم فایل (با Callback ها) File System Module (With Callbacks)

  • تمرین خواندن و نوشتن همزمان فایل Exercise Read and Write File Simultaneously

  • ماژول HTTP HTTP Module

  • تمرین نمایش HTML به عنوان پاسخ Exercise Rendering HTML as a Response

  • توضیح ماژول URL URL Module Explained

  • وارد کردن ماژول‌های NPM Importing NPM Modules

پروژه ۶ - فروشگاه دوچرخه (ساخت سرور وب با Node خالص) Project 6 - The Bicycle Shop (Build a Web Server with Pure Node JS)

  • مقدمه بخش Section Introduction

  • معرفی پروژه و راه‌اندازی رابط کاربری Project Intro and UI Setup

  • ساختار پوشه و ایجاد سرور HTTP Folder Structure and Create HTTP Server

  • تجزیه URL و رشته پرس‌وجو Parsing URL and Query String

  • اعلام مسیرها و نمایش HTML Declaring Routes and Rendering HTML

  • نمایش فایل‌های CSS، تصاویر، SVG Rendering CSS, Images, SVG Files

  • نمایش داده‌های پویا برای صفحه نمای کلی Rendering Dynamic Data for Overview Page

  • ایجاد بلوک‌های پویا در صفحه اصلی Create Dynamic blocks in Homepage

  • نمایش داده‌های پویا برای صفحه اصلی قسمت ۱ Rendering Dynamic Data for Homepage Part 1

  • نمایش داده‌های پویا برای صفحه اصلی قسمت ۲ Rendering Dynamic Data for Homepage Part 2

یادگیری Express JS از ابتدا Learn Express JS From Scratch

  • Express چیست؟ چرا باید از آن استفاده کنیم؟ What is Express? Why should we use this?

  • ایجاد یک سرور ساده با Express.js Create a simple server with Express.js

  • نصب و استفاده از POSTMAN برای تست تماس‌های API Install and Use POSTMAN to test API Calls

  • پردازش درخواست POST با Body Parser Processing POST Request with Body Parser

  • معرفی Middleware Introducing Middleware

  • معرفی Middleware Introducing Middleware

پروژه ۷ - یادگیری EJS با یک پروژه کامل Project 7 - Learn EJS with a Complete Project

  • مرور کلی پروژه Express Js Express Js Project Overview

  • ساختار پوشه خاص برای پروژه Express + EJS Specific Folder Structure for an Express + EJS Project

  • راه‌اندازی سرور با اعلام تمام مسیرها با Express قسمت ۱ Server Setup with Declaring all the Routes with Express Part 1

  • راه‌اندازی سرور با اعلام تمام مسیرها با Express قسمت ۲ Server Setup with Declaring all the Routes with Express Part 2

  • نمایش اولین قالب EJS ما Rendering our First EJS Template

  • مدیریت فایل‌های استاتیک Handle Static Files

  • نمایش داده‌های پویا برای صفحه نمای کلی Render dynamic data for Overview Page

  • نمایش داده‌های پویا برای صفحه اصلی Render dynamic data for Home Page

پروژه ۸ - ساخت API RESTFUL خودتان از ابتدا Project 8 - Build your own RESTFUL API from Scratch

  • پیش‌نیازهای بخش Section Prerequisites

  • API REST چیست؟ What is REST API?

  • ایجاد یک REST API CRUD با Node و Express.js Create a CRUD Rest API with Node and Express.js

  • راه‌اندازی سرور پایه با EXPRESS و POSTMAN Basic Server Setup with EXPRESS and POSTMAN

  • دریافت تمام محصولات، در POSTMAN GET All Products, in POSTMAN

  • دریافت یک محصول خاص با پارامترهای Query GET a Specific Product with Query Parameters

  • ارسال یک محصول جدید POST a New Product

  • اعتبارسنجی بدنه درخواست با Joi Validate the body of the request with Joi

  • به‌روزرسانی اطلاعات محصول با متد PUT Update a Product Information with PUT Method

  • به‌روزرسانی اطلاعات محصول با متد PATCH Update a Product Information with PATCH Method

  • حذف یک محصول خاص DELETE a Specific Product

  • حذف تمام محصولات DELETE all the products

  • بیایید برخی کدهای وضعیت را یاد بگیریم Let’s Learn some Status Code

استقرار سرور وب Web Server Deployment

  • مرور بخش Section Overview

  • استقرار پروژه در وب سرور Deploy Project to WebServer

MongoDB - یک پایگاه داده NoSQL MongoDB - A NoSQL Database

  • مقدمه‌ای بر MongoDB Introduction to MongoDB

  • نصب MongoDB و Compass Installing MongoDB and Compass

  • اتصال به MongoDB Connecting to MongoDB

  • طرح و مدل‌ها Schema and Models

  • ایجاد و ذخیره یک سند Create and Save a document

  • یافتن اسناد به روش‌های متعدد Find documents in multiple ways

  • Query API - انتخاب، مرتب‌سازی، محدودیت، شمارش اسناد Query API Select, Sort, Limit, Count Documents

  • پرس و جو پیچیده - عملگرهای مقایسه‌ای Complex Query Comparison Operators

  • پرس و جو پیچیده - عملیات And، Or Complex Query And, Or Operations

  • تمرین پرس و جو پیشرفته Exercise Advanced Query

  • به‌روزرسانی یک سند (روش ۱) Update a document (Way 1)

  • به‌روزرسانی یک سند (روش ۲) Update a document (Way 2)

  • حذف اسناد در ۳ روش Delete documents in 3 ways

پروژه ۹ - همه در یک (API REST و Mongoose) Project 9 - All in One (REST API and Mongoose)

  • اتصال Mongoose، ایجاد مدل کاربر و وظیفه با ساختار پوشه مناسب Mongoose Connection, Create User and Task Model with Proper Folder Structure

  • اعتبارسنجی و پاکسازی داده‌ها در مدل کاربر قسمت ۱ Data Validation and Sanitization in User Model Part 1

  • اعتبارسنجی و پاکسازی داده‌ها در مدل کاربر قسمت ۲ Data Validation and Sanitization in User Model Part 2

  • اعتبارسنجی و پاکسازی داده‌ها در مدل وظیفه Data Validation and Sanitization in Task Model

  • طراحی API REST با Express REST API Design with Express

  • ذخیره اطلاعات کاربر و وظیفه قسمت ۱ Store User and Task Information Part 1

  • ذخیره اطلاعات کاربر و وظیفه قسمت ۲ Store User and Task Information Part 2

  • دریافت تمام اطلاعات کاربران و وظایف از پایگاه داده Fetch all users and tasks information from Database

  • دریافت یک کاربر و وظیفه از پایگاه داده Fetch a single user and task from Database

  • به‌روزرسانی اسناد کاربر و وظیفه Update User and Task Documents

  • حذف اسناد کاربر و وظیفه Delete User and Task Documents

  • سازماندهی مسیرها با Express Router Organize Routes with Express Router

  • جداسازی قابلیت‌ها از مسیرها و ایجاد کنترلرها Separate Functionalities from Routes and Create Controllers

امنیت رمز عبور، احراز هویت و مجوز Password Security, Authentication and Authorization

  • مرور بخش Section Overview

  • هش کردن رمز عبور متنی ساده Hash the plain text password

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

  • هش کردن رمز عبور در نقطه پایانی به‌روزرسانی کاربر Hashing password in update user endpoint

  • ورود کاربران Logging in users

React - یک کتابخانه جاوا اسکریپت React - A JavaScript Library

  • React چیست؟ What is React?

  • کد منبع پروژه React و فایل‌ها - منبع قابل دانلود. React Project Source Code and Files - Downloadable Resource.

  • دلایل اصلی چرا باید همین الان React را یاد بگیرید Top Reasons Why You Should Learn React Right Now

  • چه چیزهایی را یاد خواهیم گرفت؟ What will we learn?

مبانی و نحو Basic Features and Syntax

  • نصب Create-React-App Install Create-React-App

  • ساختار پوشه پروژه Project Folder Structure

  • مبانی کامپوننت React React Component Basic

  • JSX نحو JSX Syntax

  • نوشتن کامپوننت کلاس Writing Class Component

  • کامپوننت تابعی پویا Dynamic Functional Component

  • کامپوننت کلاس پویا Dynamic Class Component

  • نوشتن یک کامپوننت جدید Writing a new Component

  • وضعیت یک کامپوننت State of a Component

  • تغییر وضعیت با رویداد JS Changing State with JS event

  • انتقال متد در props Pass Method in props

  • تغییر وضعیت با عناصر ورودی Change State With Input Elements

  • استایل دادن به کامپوننت‌ها Styling Components

لیست کامپوننت‌ها Component Lists

  • ایجاد لیست کامپوننت Creating Component List

  • تغییر وضعیت Change state

  • کلید فرزندان لیست Key of List Children

  • انعطاف‌پذیر کردن لیست‌ها Make Lists Flexible

رندر شرطی Conditional Rendering

  • رندر شرطی Render Conditionally

  • راه حل بهتر Better Solution

پروژه رستوران (مبانی) Restaurant Project (Basics)

  • راه‌اندازی پوشه پروژه Setup Project Folder

  • درخت کامپوننت Component Tree

  • نوار ناوبری با استفاده از Reactstrap Navigation bar using Reactstrap

  • ایجاد کامپوننت منو Creating Menu Component-

  • طراحی آیتم منو Designing Menu Item

  • کامپوننت جزئیات غذا قسمت ۱ DishDetail Component Part 1

  • کامپوننت جزئیات غذا قسمت ۲ DishDetail Component Part 2

  • کامپوننت بارگذاری نظرات LoadComments Component

  • ابزارهای توسعه‌دهنده React React Developer Tools

پروژه رستوران (افزودن Router) Restaurant Project (Adding Router)

  • آماده‌سازی پروژه برای Router Preparing Project for Router

  • طراحی نوار ناوبری Designing Navigation Bar

  • افزودن مسیرها Adding Routes

  • برخی تغییرات در کامپوننت منو Some Changes in Menu Component

پروژه رستوران (افزودن فرم‌ها) Restaurant Project (Adding Forms)

  • فرم تماس Contact Form

  • مدیریت فرم تماس Contact Form Handling

  • کامپوننت پاورقی Footer Component

  • عنوان پویا Dynamic Title-

  • بارگذاری نظرات از فایل نظرات js Load Comments from Comment js

  • تغییر عرض Modal منو Update Menu Modal Width

برنامه چت Node تمام پشته Full-Stack Node Chat Application

  • چه چیزی خواهیم ساخت What we will build

  • تمام فایل‌های بخش Section All files

  • شروع برنامه چت Chat Application Start

راه‌اندازی کامل پروژه Complete Project Setup

  • راه‌اندازی کامل پروژه قسمت ۱ Complete Project Setup Part 1

  • راه‌اندازی کامل پروژه قسمت ۲ Complete Project Setup Part 2

  • راه‌اندازی کامل پروژه قسمت ۳ Complete Project Setup Part 3

  • راه‌اندازی کامل پروژه قسمت ۴ Complete Project Setup Part 4

  • راه‌اندازی کامل پروژه قسمت ۵ Complete Project Setup Part 5

  • راه‌اندازی کامل پروژه قسمت ۶ Complete Project Setup Part 6

  • راه‌اندازی کامل پروژه قسمت ۷ Complete Project Setup Part 7

مدیریت و اعتبارسنجی کاربر User Management & Validation

  • راه‌اندازی مدیریت و اعتبارسنجی کاربر User Management and Validation Setup

  • ایجاد مدل برای کاربر Create Model for User

  • مدیریت و اعتبارسنجی کاربر قسمت ۱ User Management & Validation Part 1

  • مدیریت و اعتبارسنجی کاربر قسمت ۲ User Management & Validation Part 2

  • مدیریت و اعتبارسنجی کاربر قسمت ۳ User Management & Validation Part 3

  • مدیریت و اعتبارسنجی کاربر قسمت ۴ User Management & Validation Part 4

  • مدیریت و اعتبارسنجی کاربر قسمت ۵ User Management & Validation Part 5

  • مدیریت و اعتبارسنجی کاربر قسمت ۶ User Management & Validation Part 6

  • مدیریت کاربر در فرانت‌اند قسمت ۱ User Management in Frontend Part 1

  • مدیریت کاربر در فرانت‌اند قسمت ۲ User Management in Frontend Part 2

  • مدیریت کاربر در فرانت‌اند قسمت ۳ User Management in Frontend Part 3

  • بررسی فرم در فرانت‌اند Check form in frontend

  • دریافت داده‌های کاربر از پایگاه داده Get User Data From Database

  • حذف داده‌های کاربر قسمت ۱ Delete UserData Part 1

  • حذف داده‌های کاربر قسمت ۲ Delete UserData Part 2

JWT - احراز هویت کوکی JWT - Cookie Authentication

  • JWT - احراز هویت کوکی قسمت ۱ JWT - Cookie Authentication Part 1

  • JWT - احراز هویت کوکی قسمت ۲ JWT - Cookie Authentication Part 2

  • JWT - احراز هویت کوکی قسمت ۳ JWT - Cookie Authentication Part 3

  • JWT - احراز هویت کوکی قسمت ۴ JWT - Cookie Authentication Part 4

  • JWT - احراز هویت کوکی قسمت ۵ JWT - Cookie Authentication Part 5

  • JWT - احراز هویت کوکی قسمت ۶ JWT - Cookie Authentication Part 6

  • رفع مشکلات حذف کاربر Fixed Delete User Issues

نمایش نظرات

آموزش دوره کامل جاوا اسکریپت فول استک ۲۰۲۵ از الف تا ی
جزییات دوره
37.5 hours
299
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
552
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kazi Ariyan Kazi Ariyan

توسعه دهنده وب ، کارآفرین ، مربی آنلاین سلام! من کازی آریان هستم. من یک توسعه دهنده وب هستم و علاقه جدی به تدریس دارم و بنیانگذار eLe easy Learning و یک توسعه دهنده وب ، برنامه نویس و مربی پرشور هستم. من در 7 سال گذشته بصورت آنلاین کار می کنم و چندین وب سایت موفق ایجاد کرده ام که در اینترنت فعالیت می کنند. من سعی می کنم یک دوره مبتنی بر پروژه ایجاد کنم که به شما کمک کند تا حرفه ای یاد بگیرید و به عنوان یک توسعه دهنده کامل سقوط کنید. یادگیری آسان برای کمک به شما در موفقیت در زندگی وجود دارد. هر دوره برای آموزش مهارت خاصی طراحی شده است. امیدوارم موافقت کنید! خواه در تلاش برای یادگیری یک مهارت جدید از ابتدا باشید و یا بخواهید حافظه خود را با آنچه در گذشته آموخته اید تازه کنید ، به مکان مناسب رسیده اید. آموزش و پرورش دنیا را به جای بهتری تبدیل می کند. با مهارت های جدید دنیای خود را بهتر کنید.

Easy learning Easy learning

گرافیک مهندسی/رسم نویسنده این دوره B. Tech را تکمیل کرده است. مهندسی مکانیک از کالج مهندسی پونا (Coop) و کارشناسی ارشد مهندسی در تولید و اتوماسیون. او در لاغر شش سیگما سیاه کمربند (LSSBB) با طراحی آزمایش (DOE) و تجزیه و تحلیل داده ها تایید شده است. او سخنرانی های آنلاین را در زمینه گرافیک مهندسی یا نقاشی به عنوان در برنامه SPPU ساخته است. محتوا نه تنها مربوط به SPPU بلکه قابل اجرا برای همه دانشجویان سال اول سال است. خالق یادگیری آسان، مفاهیم مهندسی و چیزهای مهندسی را به صورت دستی فراهم می کند. نویسنده آن را در واقع با استفاده از ابزارها کشیده شده است. بنابراین دانش آموزان می توانند به راحتی پس از گام نویسنده قرعه کشی کنند.