فناوری اطلاعات(IT)

دوره آموزشی REACT JS

0 فارغ‌التحصیل

۵۰ ساعت

React یک کتابخانه جاوااسکریپت پرکاربرد برای توسعه رابط‌های کاربری در وب‌سایت‌ها و برنامه‌های تحت وب است. این ابزار با امکان‌پذیر ساختن ایجاد رابط‌های کاربری مبتنی بر «کامپوننت»، به توسعه‌دهندگان کمک می‌کند تا پروژه‌هایی با ساختاری منظم، مقیاس‌پذیر و قابل نگهداری بسازند. با توجه به کاربرد گسترده ری‌اکت در طیف متنوعی از پروژه‌ها — از وب‌سایت‌های تعاملی گرفته تا برنامه‌های تحت وب پیچیده — یادگیری آن به مهارتی کلیدی در حوزه توسعه «فرانت‌اند» (Front-end) تبدیل شده است.

دوره آموزشی React JS به‌گونه‌ای طراحی شده است که به شما کمک کند بر این کتابخانه مسلط شوید و از آن در توسعه پروژه‌های واقعی استفاده کنید. سرفصل‌های آموزشی با مفاهیم بنیادین React آغاز شده و به‌تدریج به سمت پیاده‌سازی برنامه‌های تحت وبِ خوش‌ساختار پیش می‌روند. تمرکز این دوره بر کاربرد عملی React، از جمله مدیریت داده‌ها و وضعیت برنامه، یکپارچه‌سازی با APIها و توسعه رابط‌های کاربری پویا است.

در توسعه فرانت‌اند، صرفاً نمایش اطلاعات کافی نیست؛ بلکه مدیریت تغییرات داده‌ها، برقراری ارتباط با سرورها، مدیریت مسیریابی صفحات و تضمین عملکرد بهینه برنامه نیز از جنبه‌های حیاتی فرآیند توسعه محسوب می‌شوند. React، به همراه اکوسیستمی از ابزارها و کتابخانه‌های مکمل، امکانات لازم برای پیاده‌سازی این قابلیت‌ها را فراهم می‌کند. علاوه بر این، استفاده از TypeScript و روش‌های استاندارد مدیریت وضعیت، خوانایی کد را افزایش داده و نگهداری بلندمدت پروژه‌های نرم‌افزاری را ساده‌تر می‌سازد.

یادگیری React JS برای کسانی که با HTML، CSS و JavaScript آشنایی دارند و قصد دارند تخصص خود را در حوزه توسعه فرانت‌اند گسترش دهند، گزینه‌ای ایده‌آل است. کسب این مهارت، فرصت‌هایی را برای فعالیت در زمینه طراحی و توسعه وب‌سایت‌ها و برنامه‌های تحت وب پیش روی شما قرار می‌دهد. در پایان دوره، شرکت‌کنندگان این فرصت را خواهند داشت تا با انجام یک پروژه نهایی، آموخته‌های خود را به کار گرفته و تجربه عملی بیشتری در توسعه با React کسب کنند.

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

Modern React & Vite

React Fundamentals
React Architecture
JSX
Functional Components
Props & Children
Component Composition
Event Handling
Conditional Rendering
List Rendering & Keys
Vite & Project Setup
Project Structure
Environment Variables
Development & Production Build

Components, State & Rendering

Component Communication
State Management
State Updates
State as a Snapshot
State Structure
Lifting State Up
Derived State
Objects & Arrays in State
Conditional UI
Reusable Components
Rendering & Re-rendering

React Hooks & Effects

Rules of Hooks
useState
useEffect
Effect Dependencies
Effect Cleanup
Effects & External Systems
useRef
useReducer
useContext
Custom Hooks
useMemo
useCallback

Forms & Validation

Form Handling
Controlled Components
Form State
Input Handling
Form Submission
Form Validation
Error Handling
React Hook Form
Zod

Working with APIs & JSON Server

HTTP & REST
JSON
Fetch API
Async/Await
HTTP Methods
CRUD Operations
Axios
API Service Layer
Loading & Error States
JSON Server
Local REST API
API Integration

TanStack Query

Server State Management
QueryClient
QueryClientProvider
Queries
Query Keys
Data Fetching
Caching
Refetching
Mutations
Query Invalidation
CRUD with TanStack Query

React Router

Client-Side Routing
React Router
BrowserRouter
Routes & Route
Link & NavLink
Navigation
Dynamic Routes
Route Parameters
Nested Routes
Outlet
Search Parameters
Protected Routes
Data Routers

TypeScript for React

TypeScript Fundamentals
Type Inference
Types & Interfaces
Type Aliases
Union Types
Function Types
Generics
Type Narrowing
Typing React Components
Props & State with TypeScript
Events & Forms with TypeScript
API Response Types
Custom Hooks with TypeScript

Redux Toolkit

State Management Concepts
Redux Fundamentals
Redux Toolkit
Store Configuration
Slices
Actions & Reducers
Provider
useSelector
useDispatch
Multiple Slices
Redux DevTools

React Architecture & Performance

React Project Architecture
Feature-Based Architecture
Component Organization
Separation of Concerns
Reusability
Rendering & Reconciliation
Performance Optimization
React.memo
Memoization
React Compiler

Final Project

سوالات متداول

نحوه برگزاری دوره به چه صورت است؟

این دوره بصورت آنلاین در بستر ادوبی کانکت adobe connect یا BigBlueButton برگزار میگردد.

بعد از این دوره گواهینامه برای فراگیران صادر می‌شود؟

پس از گذراندن دوره و در صورت کسب نمره قبولی در آزمون‌ها و پروژه‌ها به فراگیران گواهینامه ارائه می‌شود.

امکان پرداخت هزینه دوره بصورت اقساط وجود دارد؟

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

آیا این دوره پیش نیاز دارد؟

آشنایی با HTML, CSS, JavaScript

برای ترجمه مدارک چگونه اقدام کنیم؟

جهت آشنایی با نحوه ترجمه مدارک جهاد دانشگاهی صنعتی شریف به این وبلاگ مراجعه کنید.

اساتید دوره

دیدگاه‌ها

هنوز دیدگاهی ثبت نشده است. اولین نفر باشید.

نمونه گواهینامه

تجربه شرکت‌کنندگان

دوره‌های مرتبط

آنلاین

فناوری اطلاعات(IT)

تربیت توسعه دهنده بک اند با جنگو (Back End Developer with Django)

شروع : ۱۴۰۵/۰۸/۱۰

روزهای برگزاری : یکشنبه ها و سه شنبه ها

۷۲ ساعت

51 فارغ‌التحصیل

۱۴.۸۰۰.۰۰۰ تومان

آنلاین

فناوری اطلاعات(IT)

دوره جامع تربیت توسعه دهنده فرانت اند(دوره جامع طراحی وب سایت)

شروع : ۱۴۰۵/۰۷/۲۲

روزهای برگزاری : دوشنبه و چهارشنبه

۹۰ ساعت

153 فارغ‌التحصیل

۱۴.۸۰۰.۰۰۰ تومان

حضوری

فناوری اطلاعات(IT)

مهندسی دواپس (DevOps Engineering)

شروع : ۱۴۰۵/۰۷/۱۹

روزهای برگزاری : یکشنبه ها و سه شنبه ها

۱۲۰ ساعت

45 فارغ‌التحصیل

۲۴.۸۰۰.۰۰۰ تومان

دوره آموزشی REACT JS

Modern React & Vite

Components, State & Rendering

React Hooks & Effects

Forms & Validation

Working with APIs & JSON Server

TanStack Query

React Router

TypeScript for React

Redux Toolkit

React Architecture & Performance

Final Project

پرداخت قسطیبا اسنپ پی

تربیت توسعه دهنده بک اند با جنگو (Back End Developer with Django)

دوره جامع تربیت توسعه دهنده فرانت اند(دوره جامع طراحی وب سایت)

مهندسی دواپس (DevOps Engineering)

تصویر نویسنده

دوره‌هایی که بیشتر جستجو می‌شوند

پرداخت قسطی
با اسنپ پی