©2024 Copyright. All rights reserved.

دوره اموزشی ریکت (React.js)

دوره آموزشی مقدماتی تا پیشرفته React.js

دوره جامع آموزش ReactJS از مقدماتی تا پیشرفته، مسیر سریع تبدیل شدن به فرانت‌اند دولوپر در سال 2024. با یادگیری محبوب‌ترین لایبرری طراحی UI، درآمدزایی بالا و امکان مهاجرت به عنوان برنامه‌نویس را تجربه کنید!

نمایش سر فصل ها نمایش سر فصل ها
آموزش پروژه محور

ساخت پروژه های چالش برانگیز

هدیه ویژه

به همراه پکیج آموزش Redux, Next.js

پشتیبانی ویژه

رفع اشکالات توسط کارشناسان

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

دوره جامع متخصص React
(سطح مقدماتی تا پیشرفته)

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

بخش صفرم مروری بر JavaScript و آموزش متدهای ECMAScript مروری بر Javacript و متدهای ESC
بخش یکم مقدمه ای بر React Introduction to React
  • 1 React چیست؟ What is React?
  • 2 آماده سازی و نصب ابزارهای مورد نیاز Preparation and Installation of Required Tools
  • 3 آموزش نصب React با ابزار Vite Installing React with Vite
  • 4 بررسی File Structure پروژه های ریکتی Examining React Project File Structure
  • 5 بررسی مسیر توسعه دهنده React در سال 2024 2024 React developer roadmap
بخش دوم آموزش مفاهیم پایه (JSX & Components & Props) JSX & Components & Props
  • 1 JSX چیست؟ What is JSX
  • 2 آموزش قوانین و سینتکس JSX The Rules of JSX
  • Return a single root element Return a single root element
  • Close all the tags Close all the tags
  • JavaScript in JSX with Curly Braces JavaScript in JSX with Curly Braces
  • camelCase most of the things! Close all the tags
  • Using “double curlies”: CSS and other objects in JSX Using “double curlies”: CSS and other objects in JSX
  • 3 Component چیست؟ What is Component
  • 4 آموزش ساخت و استفاده از Functional Component Functional Component
  • Your first component Your first component
  • Importing and exporting components Importing and exporting components
  • Default vs named exports
  • Reusable Components
  • 5 آموزش کامل React Props React Props
  • How to pass props to a component How to pass props to a component
  • How to read props from a component How to read props from a component
  • How to specify default values for props How to specify default values for props
  • How to pass some JSX to a component How to pass some JSX to a component
  • How props change over time How props change over time
  • Destructuring Props Destructuring Props
  • Props Drilling React Props
  • Component Composition React Props
  • 6 آموزش استفاده از Conditional Rendering Conditional Rendering
  • 7 آموزش کار با لیست ها یا Rendering lists Rendering lists
  • 8 آموزش مدیریت رویدادها Event Handling Event Handling
  • What are Events? What are Events?
  • What is Event Handling? What is Event Handling?
  • Different ways to write an event handler Different ways to write an event handler
  • Passing event handlers as props Passing event handlers as props
  • How events propagate and how to stop them How events propagate and how to stop them
  • 9 راه های استایل دهی به پروژه React React Styling
  • Inline CSS Inline CSS
  • Importing CSS Files & CSS modules Importing CSS Files & CSS modules
  • CSS-in-JS libraries CSS-in-JS libraries
  • Tailwind Tailwind
بخش سوم بررسی مفهوم State در React React State
  • 1 Props vs State Props vs State
  • 2 مروری بر State React State
  • What is the State in React? What is the State in React?
  • Don’t Set State Manually Don’t Set State Manually
  • The Mechanics of State The Mechanics of State
  • Updating State Based on Current State Updating State Based on Current State
  • lifting state up lifting state up
  • 3 آموزش Managing State React Hooks
  • مقدماتی بر React Hooks and Their Rules React Hooks and Their Rules
  • آموزش کامل useState useState
  • بررسی مفهوم Batching progress Batching Progress
  • Updating Objects in State Updating Objects in State
  • Updating Arrays in State Updating Arrays in State
بخش چهارم آموزش React Hooks پیشرفته React Hooks
  • 1 Advanced React Hooks Advanced React Hooks
  • 2 کند و کاو useState More Details of useState
  • 3 useRef useRef
  • 4 useEffect useEffect
  • 5 useMemo useMemo
  • 6 useReducer useReducer
  • 7 useTransition useTransition
  • 8 Useful React Hooks Useful React Hooks
  • 9 آموزش استفاده از Custom Hooks What are Custom Hooks?
بخش پنجم آموزش React Routing React Routing
  • 1 بررسی و معرفی React Routing در SPA Routing and Single-Page Applications
  • 2 پیاده سازی صفحات اصلی و Routes Implementing Main Pages and Routes
  • 3 لینک کردن Routes Linking Between Routes
  • 4 Nested Routes and Index Route Nested Routes and Index Route
  • 5 Storing State in the URL Storing State in the URL
  • 6 Dynamic Routes With URL Parameters Dynamic Routes With URL Parameters
  • 7 Reading and Setting a Query String Reading and Setting a Query String
بخش ششم آموزش ارتباط با سرور (Server Communication) Server Communication
  • 1 HTTP Request HTTP Request
  • 2 Fetch method Fetch method
  • 3 Axios Axios
  • 4 Handling API Responses Handling API Responses
بخش هفتم مروری بر State Management State Management
  • 1 کند و کاو در State Managments Thinking in React!
  • 2 Fundamentals of State Management Fundamentals of State Management
  • 3 هدیه ویژه: آموزش کامل Redux React Redux
بخش هشتم آموزش کامل Context API Context API
  • 1 مقدماتی بر Context API Introduction to Context API
  • 2 Creating a Context Creating a Context
  • 3 Providing Context Providing Context
  • 4 Consuming Context Consuming Context
  • 5 Updating Context Values Updating Context Values
  • 6 Best Practices and Performance Best Practices and Performance
بخش نهم بررسی کامل React Query React Query
  • 1 Introduction to React Query Introduction to React Query
  • 2 Data Fetching with React Query Data Fetching with React Query
  • 3 Caching and Synchronization Caching and Synchronization
بخش دهم آموزش راه های Authentication در ReactJS Authentication
  • 1 در حال ضبط Challenge
بخش یازدهم تکنیک های بهینه سازی (Optimization Techniques) Optimization Techniques
  • 1 آموزش تکنیک Code Splitting Code Splitting
  • 2 آموزش پیاده سازی Lazy Loading Lazy Loading
  • 3 آموزش تکنیک های بهینه سازی Performance Optimization Techniques
  • 4 معرفی و آموزش Memoization Memoization
  • 5 آموزش کار با useMemo useMemo
  • 6 آموزش کار با useCallback useMemo
  • 7 آموزش The Profiler Developer Tool React Profiler
بخش دوازدهم آموزش کامل Deployment Deployment
  • 1 Setting up a Git and GitHub Repository Setting up a Git and GitHub Repository
  • 2 Deploying to Netlify Deploying to Netlify
  • 3 Deploying to Vercel Deploying to Vercel
پروژه و چالش آموزش ساخت اپلیکیشن نمایش فیلم و سریال آموزش ساخت اپلیکیشن نمایش فیلم
پروژه و چالش آموزش ساخت بازی شبیه ساز Piano آموزش ساخت بازی شبیه ساز Piano
پروژه و چالش آموزش ساخت اپلیکیشن To-Do آموزش ساخت اپلیکیشن To-Do
پروژه و چالش آموزش یک پروژه چالشی و بازی Snake Snake Game
پروژه و چالش آموزش ساخت یک اپلیکیشن چند صفحه ای آموزش ساخت یک اپلیکیشن چند صفحه ای
پروژه و چالش آموزش ساخت اپلیکیشن صرافی ارز دیجیتال آموزش ساخت اپلیکیشن صرافی ارز دیجیتال
پروژه و چالش آموزش ساخت ساخت فروشگاه اینترنتی ساخت فروشگاه اینترنتی
پروژه و چالش آموزش ساخت تنظیمات Dark Mode در اپلیکیشن آموزش ساخت تنظیمات Dark Mode در اپلیکیشن
پروژه و چالش آموزش استفاده از React Query در یک اپلیکیشن آموزش پیاده سازی React Query در یک اپلیکیشن
پروژه و چالش آموزش پیاده سازی Authentication در یک اپلیکیشن پیاده سازی Authentication در یک اپلیکیشن
دوره آموزشی مقدماتی تا پیشرفته ReactJS
تعداد جلسات 64 جلسه
زمان کل دوره 08:30:00
  • مدرس

    کوروش نیستانی

  • روش پشتیبانی

    ایمیل، تلگرام

  • وضعیت دوره

    در حال برگزاری

  • سطح دوره آموزشی

    مقدماتی تا پیشرفته

5,000,000
50 %
2,500,000
ثبت نام در دوره ثبت نام در دوره
شرکت‌کنندگان

22 نفر

نوع دوره

ویژه / نقدی

امتیاز

5 از 5

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

10 سال تجربه در توسعه اپلیکیشن و مشاور حرفه‌ای برای تیم‌های بین‌المللی

کوروش نیستانی با 10 سال تجربه حرفه‌ای در صنعت وب و موبایل، به عنوان یکی از پیشروان این حوزه شناخته می‌شود. او با سابقه‌ای موفق در Envato آماده است تا دانش و تجربیات خود را در این دوره آموزشی در اختیار شما قرار دهد و شما را به سطح بالاتری از مهارت‌های ReactJS برساند.

بیش از 10 سال

فعالیت حرفه‌ای

+7 سال موفقیت

در Envato

راهنمای مسیر آموزشی

هر آنچه برای تبدیل شدن به یک Developer React نیاز دارید

با شرکت در این دوره، تمام مباحثی که برای تبدیل شدن به یک React Developer در سال 2024 نیاز دارید را یاد خواهید گرفت. از مفاهیم پایه HTML، CSS و JavaScript تا تکنیک‌های پیشرفته ES6 و استفاده از کتابخانه ReactJS.

آیا نیاز به پیش‌زمینه برنامه‌نویسی دارم؟

بله، برای شرکت در این دوره به دانش مقدماتی برنامه‌نویسی و زبان JavaScript نیاز دارید. این موارد به‌صورت خلاصه و در قالب یک دوره Crash Course به شما آموزش داده خواهند شد، اما توصیه می‌شود که با دانش اولیه وارد دوره شوید یا همزمان با آن، یادگیری JavaScript و HTML و CSS را نیز آغاز کنید.

آیا دوره شامل پروژه‌های عملی نیز می‌شود؟

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

  • پروژه های بازی سازی
  • پروژه صرافی ارزهای دیجیتال

پس از پایان دوره، چه مهارت‌هایی کسب خواهم کرد؟

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

آیا نیاز به مشاوره دارید؟

اگر به دنبال مشاوره در مورد دوره‌ها یا نحوه حضور آنلاین هستید، تیم ما به‌صورت رایگان آماده پاسخ‌گویی به سوالات شماست.

مشاوره رایگان مشاوره رایگان
از کجا شروع کنم؟

اول از همه، پیشنهاد میکنیم
ویدیو معرفی دوره را ببینید.

با تماشای این ویدیو، به شما توضیح می‌دهیم که چرا این دوره بهترین گزینه برای یادگیری React.js است.

  • 1

    ثبت نام کنید

    ثبت‌نام در دوره ودسترسی به مطالب آموزشی

  • 2

    دوره‌های مقدماتی را ببینید

    مشاهده ویدیوهای آموزشی و آشنایی با مفاهیم پایه

  • 3

    پروژه‌های عملی را انجام دهید

    یادگیری با انجام پروژه‌های عملی و تمرین‌های مرتبط

  • 4

    از پشتیبانی استاد استفاده کنید

    پرسش از استاد و دریافت راهنمایی برای حل مشکلات

پرسش های پُر تکرار

در اینجا به متداول ترین پرسش های مهارت جویان پاسخ داده ایم

آیا React ارزش یادگیری دارد؟

برنامه‌نویسان و شرکت‌های بسیار مختلفی چه در ایران و چه در خارج ایران مشغول استفاده از react هستند. به شکلی که در صورت یادگیری react به سادگی می‌توانید در شرکتی کار بگیرید یا به شکل فریلنسری پروژه تحویل بگیرید. بنابراین می‌توان گفت که react ارزش یادگیری واقعا بالای دارد و می‌تواند به شما در هدف پیش روی خود کمک بسیار زیادی کند.

برای یادگیری React چقدر زمان نیاز دارد؟

این کاملا بستگی به شخص شما و میزان تلاش و وقتی دارد که صرف آموزش reactjs می‌کنید هر چه مقدار تلاش و زمانی که برای آموزش reactjs صرف می‌کنید بیشتر باشد شما در زمان کمتری react را یاد خواهید گرفت.

تفاوت این دوره با دیگر دوره‌ها در چیست؟

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

با شرکت در این دوره نیازی به مشاهده دوره دیگری هم دارم؟

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

من هیچ چیز از برنامه‌نویسی نمی‌دانم. آیا این دوره مناسب من می‌باشد؟

خیر، البته موارد اصلی به صورت خلاصه و Crash Course آموزش داده می‌شود. اگر هیچ دانشی ندارید، پیشنهاد می‌شود ابتدا در رابطه با JavaScript، HTML و CSS آموزش ببینید.

دوره حضوری یا غیرحضوری می‌باشد؟

دوره به‌صورت آنلاین و غیرحضوری برگزار می‌شود و برای حل مشکلات و پاسخ به سوالات شما، هر ماه جلسات پشتیبانی داریم.

مدت زمان پشتیبانی چقدر می‌باشد؟

پشتیبانی این دوره دائمی است.

آیا دوره شامل پروژه‌های عملی نیز می‌شود؟

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

آیا می‌توان از React برای توسعه اپلیکیشن‌های موبایلی استفاده کرد؟

React کتابخانه‌ای با نام React Native دارد که به شما در توسعه اپلیکیشن‌های موبایلی کمک می‌کند. اپلیکیشن اینستاگرام با استفاده از این فریمورک ساخته شده است.

5,000,000
50 %
2,500,000