آموزش جامع React JS 2025 با پایگاه داده MySQL و PostgreSQL - آخرین آپدیت

دانلود React JS 2025 Masterclass with MySQL & PostgreSQL Database

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

آموزش React JS با پروژه‌های عملی: متخصص React شوید!

آیا آماده‌اید تا با React JS و Vite به یک متخصص تبدیل شوید و در سال 2024 اپلیکیشن‌های واقعی بسازید؟ این دوره جامع، قدم به قدم شما را در مسیر یادگیری React راهنمایی می‌کند. چه یک تازه‌کار باشید و چه یک توسعه‌دهنده با تجربه، این دوره برای شما مناسب است.

React یکی از محبوب‌ترین و پرکاربردترین کتابخانه‌های جاوااسکریپت برای ساخت رابط‌های کاربری سریع و تعاملی است. در این دوره، از صفر تا صد React را یاد می‌گیرید. از نصب و راه‌اندازی تا ساخت اپلیکیشن‌های پویا با استفاده از React Hooks، Props، Conditional Rendering، Event Handling و List Rendering.

این دوره فقط تئوری نیست! شما پروژه‌های عملی زیر را می‌سازید:

  • اپلیکیشن انتخاب رنگ (Color Picker)
  • فرم فروشگاه آنلاین (E-commerce Form)
  • اپلیکیشن لیست کارهای روزانه (To-Do List App)
  • ساعت دیجیتال (Digital Clock)
  • کرنومتر (Stopwatch)
  • و بسیاری پروژه‌های دیگر!

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

آنچه در این دوره یاد خواهید گرفت:

1. شروع کار با React و Vite

  • آشنایی با React JS
  • دانلود و نصب Visual Studio Code
  • دانلود و نصب Node.js
  • نحوه ایجاد یک اپلیکیشن React با Vite
  • نوشتن اولین کد JSX در React
  • درک مفهوم React-SX Fragment

2. تسلط بر کامپوننت‌ها و استایل‌دهی در React

  • تسلط بر کامپوننت‌های تابعی (Functional Components) در React JS
  • نحوه اضافه کردن استایل CSS در React
  • ایجاد یک کامپوننت کارت (Card Component) در React

3. درک Props و PropTypes

  • معرفی Props در React JS
  • تسلط بر Props, PropTypes, و defaultProps

4. تکنیک‌های Conditional Rendering

  • استفاده از دستورات If-Else برای Conditional Rendering
  • استفاده از عملگرهای Ternary برای Conditional Rendering
  • استفاده از عملگرهای Logical برای Conditional Rendering
  • پیاده‌سازی Conditional Rendering چندگانه
  • اضافه کردن استایل CSS به Conditional Rendering

5. مدیریت لیست‌ها و رویدادها در React

  • List Rendering در React
  • نحوه Render کردن یک لیست چند آرایه‌ای با استفاده از Key
  • مرتب‌سازی و فیلتر کردن لیست‌ها در React
  • ایجاد یک جعبه هشدار (Alert Box) با استفاده از Event Handlers
  • استفاده از پارامترهای رویداد (Event Parameters) در React

6. تسلط بر React Hooks

useState Hook
  • معرفی useState Hook
  • ایجاد یک شمارنده دیجیتال (Digit Counter) با استفاده از useState Hook
  • مدیریت ورودی فرم (Form Input) با استفاده از onChange( ) Event Handler
  • ساخت یک فرم فروشگاه آنلاین (Ecommerce Form) با استفاده از onChange( ) Event Handler
  • ساخت یک اپلیکیشن انتخاب رنگ (Color Picker App) در React JS
  • معرفی Updater Function در React JS
  • نحوه به‌روزرسانی اشیاء (Objects) در State
  • نحوه به‌روزرسانی آرایه‌ها (Arrays) در State
  • نحوه به‌روزرسانی اشیاء آرایه‌ای (Array Objects) در React JS
  • ایجاد یک اپلیکیشن لیست کارهای روزانه (To-Do List App) در React JS
  • استایل‌دهی اپلیکیشن لیست کارهای روزانه با CSS
  • اضافه کردن عملکرد (Functionality) به اپلیکیشن لیست کارهای روزانه
useEffect Hook
  • معرفی useEffect Hook
  • پیاده‌سازی تغییر رنگ (Color Change) با استفاده از useEffect Hook
  • دریافت عرض و ارتفاع پنجره (Get Window Width & Height) با استفاده از useEffect Hook
  • ایجاد یک ساعت دیجیتال (Digital Clock) در React JS
useContext Hook
  • معرفی useContext Hook
useRef Hook
  • معرفی useRef در React JS
  • بررسی تغییر رنگ (Inspect Color Change) با useRef
  • ساخت یک کرنومتر (Stopwatch) در React JS

این دوره برای چه کسانی مناسب است؟

این دوره برای:

  • مبتدیانی که می‌خواهند React JS را از صفر یاد بگیرند.
  • توسعه‌دهندگان جاوااسکریپت که به دنبال ارتقای مهارت‌های خود در توسعه فرانت‌اند مدرن هستند.
  • توسعه‌دهندگان وب که می‌خواهند به توسعه React.js وارد شوند.
  • فریلنسرها و کارآفرینانی که می‌خواهند اپلیکیشن‌های وب پویا و تعاملی بسازند.
  • دانشجویان علوم کامپیوتر یا علاقه‌مندان به برنامه‌نویسی که مشتاق کسب تجربه عملی هستند.

پیش‌نیازهای دوره

  • دانش اولیه HTML، CSS و JavaScript توصیه می‌شود اما الزامی نیست.
  • یک کامپیوتر (Windows/Mac/Linux) با دسترسی به اینترنت.
  • نصب Visual Studio Code و Node.js (راهنمای گام به گام در دوره ارائه شده است).
  • تمایل به یادگیری، تمرین و ساخت پروژه‌های واقعی!

چرا این دوره را انتخاب کنید؟

  • رویکرد عملی: ساخت چندین پروژه واقعی.
  • آخرین تکنیک‌ها: یادگیری React.js با Vite برای توسعه بسیار سریع.
  • راهنمای گام به گام: توضیحات آسان با مثال‌های عملی.
  • مهارت‌های تقویت‌کننده حرفه: تسلط بر React.js و پیشرو بودن در سال 2024!

اگر در یادگیری React JS جدی هستید و می‌خواهید اپلیکیشن‌های قدرتمند و واقعی بسازید، این دوره برای شماست!

همین حالا ثبت‌نام کنید و ساخت اپلیکیشن‌های فوق‌العاده React را شروع کنید!


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

آشنایی با کلاس استاد React JS و Vite Introduction to React JS and Vite Masterclass

  • به دوره پروژه عملی React JS و Vite خوش آمدید Welcome to React JS and Vite Hands-On Project Course

  • کتاب رایگان تسلط بر React JS - هدیه ثبت نام خود را دریافت کنید Free React JS Mastery Book - Grab Your Enrollment Gift

  • دانلود و نصب Visual Code Studio Download and Installation of Visual Code Studio

  • راه اندازی پروژه و نصب Live Server Project Setup and Live Server Installation

  • دانلود و نصب Node JS Download and Installation of Node JS

  • نحوه ایجاد برنامه React How to create React App

  • نوشتن اولین کد JSX خود در React Writing our first JSX code in React

  • درک Fragment در React JS Understanding React JS Fragment

تسلط بر کامپوننت های React JS Mastering React JS Components

  • تسلط بر کامپوننت Functional در React JS Mastering Functional Component in React JS

  • نحوه اضافه کردن استایل CSS در React How to add CSS Styling in React

  • نحوه ایجاد کامپوننت Card در React How to create a Card Component in React

Props در React JS Props in React JS

  • آشنایی با Props در React JS Introduction to Props in React JS

  • تسلط بر Props، PropTypes و defaultProps در React JS Mastering Props, PropTypes and defaultProps in React JS

رندرینگ در React JS Rendering in React JS

  • رندرینگ شرطی در React JS با استفاده از دستور If-Else Conditional Rendering in React JS using If-Else Statement

  • رندرینگ شرطی در React JS با استفاده از عملگر Ternary Conditional Rendering in React JS using Ternary operator

  • رندرینگ شرطی در React JS با استفاده از عملگر Logical Conditional Rendering in React JS using Logical Operator

  • رندرینگ شرطی چندگانه در React JS Multiple Conditional Rendering in React JS

  • اضافه کردن استایل CSS به رندرینگ شرطی در React JS Add CSS Styling to Conditional Rendering in React JS

رندرینگ لیست در React JS List Rendering in React JS

  • رندرینگ لیست در React JS List Rendering in React JS

  • نحوه رندر لیست چند آرایه ای در React JS با استفاده از Key How to Render Multi-Array List in React JS using Key

  • مرتب سازی و فیلتر کردن لیست در React JS Sorting and Filtering List in React JS

Event Handler ها در React JS Event Handlers in React JS

  • ایجاد کادر هشدار با استفاده از Event Handler در React JS Create Alert Box using Event Handler in React JS

  • پارامترهای Event در React JS Event Parameters in React JS

useState React Hook useState React Hook

  • آشنایی با useState Hook در React Hooks Introduction to useState Hook in React Hooks

  • ایجاد شمارنده رقم با استفاده از useState Hook در React JS Create Digit Counter using useState Hook in React JS

onChange( ) Event Handler در React JS onChange( ) Event Handler in React JS

  • ورودی فرم با استفاده از onChange( ) Event Handler در React JS Form Input using onChange( ) Event Handler in React JS

  • ساخت فرم فروشگاه اینترنتی با استفاده از onChange( ) Event Handler در React JS Build Ecommerce Form using onChange( ) Event Handler in React JS

  • ساخت برنامه انتخاب رنگ در React JS Build a Color Picker App in React JS

Updater Function Updater Function

  • آشنایی با Updater Function در React JS Introduction to Updater Function in React JS

  • نحوه بروزرسانی اشیاء در State How to Update Objects in State

  • نحوه بروزرسانی آرایه در State How to Update Array in State

  • نحوه بروزرسانی اشیاء آرایه در React JS How to Update Array Objects in React JS

  • ایجاد برنامه لیست کارها در React JS Create a To Do List App in React JS

  • استایل دهی به برنامه لیست کارها با CSS Styling To Do List App with CSS

  • اضافه کردن عملکرد به برنامه لیست کارها Add functionality on To Do List App

useEffect React Hook useEffect React Hook

  • آشنایی با useEffect React Hook Introduction to useEffect React Hook

  • تغییر رنگ با استفاده از useEffect React Hook Color Change using useEffect React Hook

  • دریافت عرض و ارتفاع پنجره با استفاده از useEffect React Hook Get windows width and height using useEffect React Hook

  • ایجاد ساعت دیجیتال در React JS (قسمت 1) Create Digital Clock in React JS (Part 1)

  • ایجاد ساعت دیجیتال در React JS (قسمت 2) Create Digital Clock in React JS (Part 2)

useContext React Hook useContext React Hook

  • آشنایی با useContext React Hook Introduction to useContext React Hook

useRef React Hook useRef React Hook

  • آشنایی با useRef در React JS Introduction to useRef in React JS

  • بررسی تغییر رنگ با useRef در React JS Inspect Color Change with useRef in React JS

  • ساخت کرنومتر در React JS Build a Stopwatch in React JS

آموزش کامل مدیریت پایگاه داده MySQL برای مبتدیان Complete MySQL Database Management for Beginners

  • پایگاه داده چیست؟ What is Database?

  • دانلود و نصب MySQL WorkBench Download and Installations of MySQL WorkBench

  • نحوه ایجاد پایگاه داده در MySQL How to Create a Database in MySQL

  • نحوه ایجاد جدول در MySQL How to Create a Table in MySQL

  • نحوه درج ردیف در جدول در MySQL How to Insert Rows into Table in MySQL

  • نحوه انتخاب داده از جدول در MySQL How to Select Data from Table in MySQL

  • نحوه به روز رسانی و حذف داده از یک جدول در MySQL How to Update and Delete Data from a table in MySQL

  • COMMIT، AUTOCOMMIT و ROLLBACK در MySQL COMMIT, AUTOCOMMIT AND ROLLBACK in MySQL

  • نحوه دریافت تاریخ و زمان فعلی در MySQL How to get Current Data and Time in MySQL

  • Unique Constraint در MySQL چیست؟ What is Unique Constraint in MySQL?

  • NOT NULL Constraint در MySQL NOT NULL Constraint in MySQL

  • Check Constraint در MySQL Check Constraint in MySQL

  • Default Constraint در MySQL Default Constraint in MySQL

  • Primary Key در MySQL Primary Key in MySQL

  • Auto Increment در MySQL Auto Increment in MySQL

  • Foreign Key در MySQL Foreign Key in MySQL

  • INNER، RIGHT، LEFT JOINS در MySQL INNER, RIGHT, LEFT JOINS in MySQL

  • توابع در MySQL Functions in MySQL

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

  • Wild Card Characters در MySQL Wild Card Characters in MySQL

  • ORDER BY در MySQL ORDER BY in MySQL

  • LIMIT Clause در MySQL LIMIT Clause in MySQL

  • UNION Clause در MySQL UNION Clause in MySQL

  • SELF JOIN در MySQL SELF JOIN in MySQL

  • ادامه SELF JOIN SELF JOIN Cont

  • VIEWS Table در MySQL VIEWS Table in MySQL

  • ادامه VIEWS Table در MySQL VIEWS Table in MySQL Cont

  • INDEX در MySQL INDEX in MySQL

  • SUBQUERY در MySQL SUBQUERY in MySQL

  • ادامه SUBQUERY در MySQL SUBQUERY in MySQL Cont

آموزش کامل سیستم مدیریت طراحی پایگاه داده PostgreSQL برای مبتدیان Complete PostgreSQL Database Design Management System for Beginners

  • چرا یادگیری PostgreSQL را انتخاب کردید Why did you choose to learn PostgreSQL

  • دانلود و نصب PostgreSQL Download and Installation of PostgreSQL

  • آشنایی با SQL Shell و PgAdmin 4 Introduction to SQL Shell and PgAdmin 4

  • نحوه ایجاد پایگاه داده در PostgreSQL How to create a Database in PostgreSQL

  • اتصال به پایگاه داده در PostgreSQL Connect to Database in PostgreSQL

  • نحوه حذف پایگاه داده در PostgreSQL How to Drop Database in PostgreSQL

  • نحوه ایجاد جدول در PostgreSQL How to Create Table in PostgreSQL

  • ایجاد جدول با Constraint در PostgreSQL Create Table with Constraint in PostgreSQL

  • نحوه درج داده در جدول در PostgreSQL How to Insert Data Into Table in PostgreSQL

  • نحوه حذف ستون در PostgreSQL How to Drop Column in PostgreSQL

  • WHERE Clause در PostgreSQL WHERE Clause in PostgreSQL

  • نحوه افزودن ستون در PostgreSQL How to ADD Column in PostgreSQL

  • نحوه UPDATE جدول در PostgreSQL How to UPDATE Table in PostgreSQL

  • نحوه DELETE رکورد در PostgreSQL How to DELETE Record in PostgreSQL

  • بازنشانی توالی ID در PostgreSQL Reset ID Sequence in PostgreSQL

  • ایجاد مجموعه داده بزرگ SQL با استفاده از Mockaroo Create Large SQL Dataset using Mockaroo

  • نحوه SELECT از جدول در PostgreSQL How to SELECT from Table in PostgreSQL

  • ORDER BY Clause در PostgreSQL ORDER BY Clause in PostgreSQL

  • DISTINCT Clause در PostgreSQL DISTINCT Clause in PostgreSQL

  • WHERE & AND Clauses در PostgreSQL WHERE & AND Clauses in PostgreSQL

  • IN Keyword Clause در PostgreSQL IN Keyword Clause in PostgreSQL

  • BETWEEN Clause در PostgreSQL BETWEEN Clause in PostgreSQL

  • نحوه استفاده از Wild Card در PostgreSQL How to use Wild Card in PostgreSQL

  • GROUP BY Clause در PostgreSQL GROUP BY Clause in PostgreSQL

  • HAVING Clause در PostgreSQL HAVING Clause in PostgreSQL

  • COALESCE Function در PostgreSQL COALESCE Function in PostgreSQL

  • AGE Function در PostgreSQL AGE Function in PostgreSQL

  • PRIMARY KEY در PostgreSQL PRIMARY KEY in PostgreSQL

  • افزودن PRIMARY KEY به جدول موجود Add PRIMARY KEY to Existing Table

  • UNIQUE Constraint در PostgreSQL UNIQUE Constraint in PostgreSQL

  • CHECK Constraint در PostgreSQL CHECK Constraint in PostgreSQL

  • ON Conflict DO Nothing در PostgreSQL ON Conflict DO Nothing in PostgreSQL

  • ON Conflict DO Update در PostgreSQL ON Conflict DO Update in PostgreSQL

  • نحوه ایجاد جدول جدید در PostgreSQL How to Create a New Table in PostgreSQL

  • آشنایی با FOREIGN KEY در PostgreSQL Introduction to FOREIGN KEY in PostgreSQL

  • به روز رسانی FOREIGN KEY در PostgreSQL Update FOREIGN KEY in PostgreSQL

  • JOIN در PostgreSQL JOIN in PostgreSQL

  • LEFT JOIN در PostgreSQL LEFT JOIN in PostgreSQL

  • نحوه حذف FOREIGN Key در PostgreSQL How to Delete FOREIGN Key in PostgreSQL

  • نحوه خروجی گرفتن فایل SQL در قالب CSV در PostgreSQL How to Export SQL file in CSV format in PostgreSQL

  • تبریک می گویم! هرگز از یادگیری دست نکشید... Congratulations! Never Stop Learning...

نمایش نظرات

آموزش جامع React JS 2025 با پایگاه داده MySQL و PostgreSQL
جزییات دوره
17 hours
115
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,053
4.4 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emenwa Global Emenwa Global

توسعه دهندگان ارشد با انجام این کار خود از ابتدا بیاموزید ... از این پس پروژه های واقعی بسازید! مدرسان Emenwa Global متخصصان صنعت با سالها تجربه ساخت نرم افزار در دنیای واقعی در شرکت های پیشرو در صنعت هستند. آنها همه چیزهایی را که می دانند برای آموزش هزاران دانش آموز در سراسر جهان ، مانند شما ، بیشترین تقاضای مهارت های فنی و غیر فنی (که معمولاً نادیده گرفته می شوند) را با کارآمدترین روش به اشتراک می گذارند تا بتوانید زندگی خود را کنترل کنید. و فرصت های شغلی جدید و بی پایان هیجان انگیز در دنیای فناوری را باز کنید ، فارغ از سابقه یا تجربه شما. Emenwa Global یک شرکت توسعه دهنده نرم افزار حرفه ای است که خدمات جهانی را شامل برنامه نویسی رایانه ، توسعه وب سایت ، بازاریابی دیجیتال ، سئو ، تهیه محتوا ، توسعه برنامه های تلفن همراه ، شبکه و امنیت سایبری به طیف گسترده ای از افراد و شرکت ها در سراسر جهان ارائه می دهد. ما به شما کمک می کنیم تا در دنیای تجارت اینترنتی به آرزوی خود برسید و همیشه مشتریان خود را تا رضایت کامل همراهی می کنیم. تیم مهندسان ما 24/7 در خدمت شما هستند.

George Steve George Steve

توسعه دهنده وب کامل و مشاور آژانس طراحی وب سایت

Juliet Rona Juliet Rona

فرانت‌اند | رابط کاربری و تجربه کاربری (UI/UX) | سی | سی پلاس پلاس | سی شارپ | پایتون | متخصص حرفه‌ای جاوا