50٪ تخفیف روی تمام دوره‌ها!
پایان تخفیف تا:
مشاهده دوره‌ها

دوره آموزش React (ری اکت) صفر تا صد + 20 درس رایگان

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

دوره آموزش React (ری اکت) صفر تا صد + 20 درس رایگان
799,000 تومان 1,598,000
50٪ مانده تا پایان تخفیف
تعداد دانشجو
72 نفر
مدت زمان دوره
43 ساعت
دانلود ویدیوها
بعد از خرید
سطح دوره
متوسط

توضیحات دوره

دوره آموزش React js (ری اکت) مهندس عادلی فر از شما یک متخصص React می سازد. این دوره با بیش از 33 ساعت فیلم آموزش React (ری اکت) به صورت گام به گام تهیه شده است. مطالب ریکت را به صورت جامع و کاربردی  را طبق آخرین تغییرات و آپدیت ها یاد می گیرید. دوره آموزش React به صورت پروژه محور می باشد. در طی این دوره پروژه های مختلفی با سطوح مختلف پیاده سازی می کنیم تا بدانیم مفاهیم یاد گرفته شده به چه صورت کاربرد دارند.

«کدهای دوره را می توانید از اینجا دریافت کنید»

این دوره که به صورت جامع کتابخانه React را آموزش داده است سعی شده است که هم مفاهیم تئوری و هم مفاهیم عملی و کدنویسی به صورت کامل گفته شود. بعد از گذراندن و درک مفاهیم گفته شده این دوره آموزشی شما می توانید خود را یک front-end developer بدانید که چند پروژه انجام داده است و آماده است که به عنوان React developer وارد بازار کار شود.  

مقدمه ای بر دوره آموزش ری اکت ( React )

برنامه های تحت وب و وب سایت ها امروزه به جزء جدانشدنی از زندگی ما تبدیل شده است و نیاز به وب سایت ها هر روز بیشتر و بیشتر می شود. همین نیاز به وب سایت ها باعث شده است که شغل های بسیاری در این زمینه ایجاد شود و افراد بسیاری در این زمینه ها مشغول به کار شوند.

همانگونه که نیاز به وب سایت ها و اپلیکیشن های تحت وب بیشتر می شوند به دنبال آن وب سایت های پیشرفته تری هم برای پاسخ به این نیازها طراحی و عرضه می شود. طراحی وب سایت های پیشرفته تر نیازمند افراد با تخصص بالاتر می شود و همین باعث می شود که تخصص های مختلفی به وجود بیایند و طراحی و پیاده سازی و مدیریت  برنامه های تحت وب به بخش های مختلفی تقسیم شود که هرکدام نیازمند تخصص مربوط به خود است.

یکی از این تخصص ها که بسیار مورد توجه قرار گرفته است front-end development است. برنامه نویس front-end وظیفه پیاده سازی بخشی از برنامه که با کاربر و مشتری به صورت مستقیم در ارتباط است را دارد. به همین دلیل اگر کار front-end خوب انجام شده باشد ارتباط راحت تر و بهتری با کاربر برقرار می شود و در نتیجه برنامه تحت وب شما موفق تر عمل خواهد کرد و برعکس این قضیه هم صادق است اگر کل بخش ها خوب طراحی و پیاده سازی شوند ولی مشکلاتی در بخش front-end وجود داشته باشد باعث می شود که کل کار شما زیر سوال رفته و به مشکل های بزرگی برخورد کنید.

امروزه توسعه بخش front-end بیشتر با زبان هایی مانند html , css , javascript انجام می شود که به نوعی پایه و اساس front-end هستند. این سه زبان به صورت کامل در دوره طراحی وب به صورت کامل تدریس شده اند. از آنجایی که زبان html برای طراحی چارچوب وب سایت و زبان css برای قالب بندی برنامه های تحت وب مورد استفاده قرار می گیرد زبانی که به کمک آن همه منطق ها و برنامه ها و عملیات مورد نظر ما را در بخش front-end پیاده سازی می کند زبان javascript است. به همین دلیل وظیفه سنگینی بر عهده دارد.

آموزش طراحی سایت با ری اکت

زبان جاوا اسکریپت چیست؟

زبان جاوا اسکریپت زبانی است که همه مرورگرهای وب امروزی آن را می شناسند و می توانند کدهای نوشته شده به این زبان را اجرا کنند. به همین دلیل تقریبا همه سایت های پویا از این زبان استفاده می کنند و طی چند سال اخیر این زبان یکی از معروف ترین و محبوب ترین زبان ها هم در سمت front-end  و هم در سمت backend بوده است.

جاوا اسکریپت با استفاده از امکاناتی که مرورگرها در اختیار آن قرار می دهند می تواند همه نیاز های شما را در سطح front-end برطرف کند. که یکی از این این امکانات Ajax است که می تواند بدون این که صفحه refresh شود داده ها از سمت سرور دریافت و نشان داده می شوند. Ajax یکی از دلایل بالار فتن محبوبیت javascript بود. همچنین یکی از دلایل ظهور کتابخانه  jquery نیز می باشد.  همچنین این زبان با سینتکس آشنایی که دارد و انعطاف زیادی که دارد باعث می شود که بتوان با آن برنامه های غنی و جذابی را طراحی و پیاده سازی کرد.

آموزش react

React چیست؟

کتابخانه React یا بهتر بگوییم ReactJs یک کتابخانه محبوب بر پایه زبان جاوا اسکریپت است که توسط شرکت متا (facebook سابق) ارائه شده است و پشتیبانی می شود. به گفته ساخت خود react : React یک کتابخانه ای برای ساخت UI (رابط کاربری) می باشد. امروزه react از رقیبان خود پیشی گرفته و می توان گفت به عنوان محبوب ترین کتابخانه برای توسعه front-end شناخته می شود. همچنین وب سایت های بزرگی مانند نتفلیکس و فیسبوک و اینستاگرام و yahoo mail از آن استفاده می کنند.

چرا آموزش React مهم است؟

با توجه به این که همه اصول و منطق ها در سمت کلاینت و در front-end برنامه تحت وب با جاوا اسکریپت پیاده سازی می شود پس این بخش می تواند شامل کدهای زیادی باشد. این حجم از کد می تواند محلی برای پیدایش خطاها و باگ ها باشد. برای جلوگیری از خطاها و باگ های احتمالی و این که سرعت برنامه نویسی به شکل اصولی تر و سریع تری پیش برود امروزه کتابخانه ها و فریمورک های متعددی بر پایه زبان جاوا اسکریپت ارائه شده اند.

یکی از مهمترین کتابخانه های سمت front-end که کار را بسیار راحت تر و سریع تر کرده است React است. با کمک این کتابخانه کدهای ما دارای ساختار درست و با حجم متعارف خواهد بود. همچنین ریکت برای پیاده سازی بخش های مختلف برنامه از مفهومی به نام کامپوننت استفاده می کند که هر کامپوننت از سینتکسی مانند html استفاده می کند که JSX نام دارد که برای کسانی که با Html آشنایی دارند می تواند بسیار آشنا و راحت باشد. همچنین react مسئولیت کار با المان های html  موجود در صفحه (DOM) را بر عهده می گیرد و با مدیریت و بهینه سازی باعث می شود که شما سایت سبک و سریع و قابل انعطافی داشته باشید که کارایی بسیار بالایی دارد.

آموزش react

بازار کار React به چه شکل است؟

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

دوره آموزش React چه مباحثی را بیان می کند؟

در دوره آموزش React شما همه مفاهیم مربوط به React را از صفر یاد میگیرید به صورتی که می توانید با این دوره تبدیل به یک Front-end developer شوید. در دوره آموزش React با همه مفاهیم ابتدایی مانند کامپوننت ها و ساختار پروژه های React و state ها و hook ها آشنا می شوید و همچنین مباحث مهمی مانند مدیریت state ها در React ارتباط کامپوننت ها و بهینه سازی ها را یاد می گیرید.

همچنین مباحث پیشرفته تری مانند redux و تست نویسی و NextJs و انیمیشن ارتباط با سرور را نیز در دوره آموزش React به صورت کامل توضیح داده ایم و به صورت پروژه محور هر کدام را آموزش داده ایم.  همچنین در این دوره از مفاهیم پیشرفته ها جلوتر رفته و از type script و routing و مفاهیم server side rendering برای React نیز پروژه هایی را نوشته ایم و این مباحث را به صورت کامل آموزش داده ایم. در این ویدیو در مورد مطالب زیر صحبت شده است :

  • React  چیست؟ و چرا باید از آن استفاده کرد؟
  • مروری بر تکامل صفحات وب و پیدایش Ajax
  • چرا از jquery دیگر استفاده نمی شود؟
  • Angularjs چرا بلا استفاده مانده است؟
  • React چه کمکی در طراحی وب به ما می کند؟
  • جایگزین های React کدام کتابخانه ها هستند؟
  • SPA چیست و چه خاصیت هایی دارد؟
  • پروژه های React چه ساختاری دارند و چگونه نوشته می شوند؟

سوالات متداول دوره آموزش React

React چیست؟

کتابخانه ای که توسط شرکت meta با زبان جاوا اسکریپت برای توسعه رابط کاربری وب توسعه داده شده است که کمک می کند با کدی ساختارمند بتوانید بخش front-end برنامه های خود را با سرعت بیشتری پیاده سازی کنید.

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

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

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

خیر فریمورک های متعددی برای توسعه فرانت اند وجود دارد که react یکی از آنها است از دیگر فریمورک های موجود می توان به Angular که محصول شرکت گوگل است و Vuejs اشاره کرد.

مزایای React نسبت به سایر رقبا چیست؟

  • کامپوننتی(component based) بودن React
    Declarative بودن React
    بر پایه State بودن React
    داشتن DOM مجازی در React و درگیر نشدن برنامه نویس با DOM واقعی

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

مخاطبین دوره:

  • مخاطبین این دوره می تواند شامل علاقه مندان به طراحی وب و همچنین کسانی که دوست دارند برنامه نویس front-end باشند
  • همچنین برنامه نویسان فرانت اند که از تکنولوژی های دیگر مانند Angular می خواهند به React مهاجرت کنند.
  • برنامه نویسان بک اند که برای بالا بردن مهارت خود می خواهند وارد حوزه فرانت اند شوند.
  • طراحان وب که با طراحی وب آشنا هستند و می خواهند front-end developer شوند.

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

  • برای درک این دوره شما باید با موارد زیر آشنایی داشته باشید
  • مفاهیم وب و وب سایت ها و نحوه کار صفحات وب
  • زبان Html
  • زبان CSS
  • زبان Javascript

در پایان این دوره چه چیزهایی یاد می‌گیرید؟

در دوره آموزش React شما به صورت گام به گام از صفر تا صد React را طبق آخرین تغییرات و آپدیت ها یاد می گیرید و از آنجایی که دوره آموزش React به صورت پروژه محور می باشد در طی این دوره پروژه های مختلفی با سطوح مختلف پیاده سازی می کنیم تا بدانیم مفاهیم یاد گرفته شده به چه صورت کاربرد دارند. این دوره که به صورت جامع کتابخانه React را آموزش داده است سعی شده است که هم مفاهیم تئوری و هم مفاهیم عملی و کدنویسی به صورت کامل گفته شود. بعد از گذراندن و درک مفاهیم گفته شده این دوره آموزشی شما می توانید خود را یک front-end developer بدانید که چند پروژه انجام داده است و آماده است که به عنوان React developer وارد بازار کار شود.

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

تمامی سرفصل ها

96 درس 43
  • آموزش نصب Visual studio code 00:15:02
  • آموزش جاوا اسکریپت | Javascript (مرور کلی) 00:30:21
  • آموزش جاوا اسکریپت | Javascript (مرور کلی) قسمت ۲ 00:34:51
  • آموزش جاوا اسکریپت | Javascript (مرور کلی) قسمت ۳ 00:25:16
  • آموزش جاوا اسکریپت | Javascript (مرور کلی) قسمت ۴ 00:32:55
  • آموزش نصب ابزارهای برنامه نویسی React 00:15:46
  • معرفی ساختار پروژه های React 00:21:50
  • آموزش کامپوننت های سفارشی در React 00:24:29
  • آموزش Props در React 00:33:23
  • آموزش Props مخصوص در React 00:15:37
  • آموزش Event و state در React 00:19:18
  • آموزش طراحی فرم در React 00:28:35
  • آموزش کار با ورودی های فرم در React 00:31:04
  • آموزش رندر کردن آیتم های لیست در React 00:22:08
  • آموزش فیلتر کردن لیست در React 00:32:16
  • آموزش استایل پویا (Dynamic) در React 00:39:39
  • آموزش Styled component در React 00:35:54
  • آموزش Css module در React 00:22:28
  • آموزش خطایابی در React 00:25:50
  • پروژه تمرینی و حل آن در React 00:28:25
  • پروژه تمرینی و حل آن در React قسمت ۲ 00:36:54
  • پروژه تمرینی و حل آن در React قسمت ۳ 00:13:17
  • آموزش Fragment در React 00:14:22
  • آموزش Portal و Ref در React 00:25:29
  • آموزش Side effect در React 00:26:45
  • آموزش Side effect در React قسمت ۲ 00:40:28
  • آموزش Side Effects در React قسمت ۳ 00:34:48
  • آموزش تابع useReducer در React 00:37:12
  • آموزش کار با useReducer و useEffect در React 00:17:13
  • آموزش Context Api در React 00:25:39
  • آموزش ساخت Context provider سفارشی در React 00:22:48
  • آموزش Forward Ref در React 00:23:13
  • آموزش نوشتن پروژه سفارش غذا در React 00:25:01
  • آموزش نوشتن پروژه سفارش غذا در React (منو) 00:36:22
  • آموزش نوشتن پروژه سفارش غذا در React (سبد خرید) 00:23:03
  • آموزش نوشتن پروژه سفارش غذا در React (سبد خرید۲) 00:30:19
  • آموزش نوشتن پروژه سفارش غذادر React (ساخت modal) 00:14:41
  • آموزش نوشتن پروژه سفارش غذا در React (استفاده از Context) 00:26:48
  • آموزش نوشتن پروژه سفارش غذا در React (آیتم های سبد خرید) 00:41:29
  • آموزش تکمیل پروژه سفارش غذا در React 00:30:41
  • React چگونه کار می کند 00:24:54
  • آموزش React memo 00:19:11
  • آموزش React memo (قسمت ۲) 00:29:14
  • آموزش ارتباط state و component در React 00:16:28
  • آموزش کامپوننت های Class based در React 00:31:02
  • آموزش side effect ها در کامپوننت های کلاسی در React 00:28:45
  • آموزش Context و Error boundary در React 00:20:01
  • آموزش کار با درخواست های http در React 00:28:13
  • آموزش کار با درخواست های http در React قسمت ۲ 00:28:13
  • آموزش کار با درخواست های http در React قسمت ۳ 00:22:32
  • آموزش مدیریت خطاهای Http در React 00:23:03
  • آموزش ارسال اطلاعات به سرور در React 00:31:41
  • آموزش ساخت هوک سفارشی در React 00:24:33
  • آموزش ساخت هوک سفارشی کاربردی در React 00:27:35
  • آموزش ساخت Http hook در React 00:26:25
  • آموزش اعتبارسنجی فرم در React 00:28:08
  • آموزش اعتبارسنجی فرم در React (قسمت ۲) 00:23:04
  • آموزش اعتبارسنجی فرم در React (قسمت 3) 00:41:08
  • آموزش اتصال پروژه غذا به سرور در React 00:32:43
  • آموزش اتصال پروژه غذا به سروردر React (قسمت ۲) 00:32:43
  • آموزش اتصال پروژه غذا به سرور در React (قسمت ۳) 00:19:23
  • آموزش مفهوم Redux 00:29:29
  • آموزش Redux در React 00:26:56
  • آموزش React redux (قسمت ۲) 00:26:17
  • آموزش استفاده از Redux toolkit در React 00:26:56
  • آموزش استفاده از Redux toolkit در React (قسمت ۲) 00:28:34
  • آموزش ساخت پروژه سبد خرید در React 00:40:01
  • آموزش کار با Side Effect ها در Redux در React 00:45:08
  • آموزش Redux Action creator Thunk در React 00:17:30
  • تکمیل پروژه سبد خرید در React 00:24:31
  • آموزش React router در React 00:25:57
  • آموزش React Router در React (قسمت ۲) 00:26:22
  • آموزش نوشتن پروژه blog در React 00:29:46
  • آموزش نوشتن پروژه بلاگ در React (قسمت ۲) 00:29:48
  • آموزش ارتباط پروژه بلاگ به سرور در React 00:24:42
  • آموزش ارتباط پروژه بلاگ با سرور در React (قسمت ۲) 00:15:39
  • آموزش افزودن کامنت ها در پروژه بلاگ در React 00:35:47
  • آموزش پیاده سازی Authentication (احراز هویت) در React 00:21:13
  • آموزش ساخت Register و Login در React 00:29:40
  • آموزش تغییر پسورد لاگین در React 00:31:52
  • آموزش مدیریت دسترسی (Authorization) در React 00:20:44
  • آموزش Logout اتوماتیک در React 00:28:26
  • آموزش Deploy کردن برنامه در React 00:27:09
  • معرفی NextJs 00:17:49
  • آموزش Route در NextJs 00:28:20
  • آموزش ساخت پروژه Meeting با NextJs 00:36:14
  • آموزش NextJs Pre-render 00:22:28
  • آموزش NextJs Pre-rendering (قسمت ۲) 00:18:54
  • آموزش استفاده از API در NextJs 00:35:33
  • پایان NextJs 00:17:46
  • آموزش تست کردن برنامه در React 00:27:47
  • آموزش تست واحد (Unit Test) در React 00:32:48
  • معرفی Typescript 00:44:30
  • آموزش استفاده از Typescript در React 00:28:44
  • آموزش استفاده از Typescript در React (قسمت ۲) 00:30:21
  • آموزش استفاده از Typescript در React (قسمت ۳) 00:26:17

جایگاه این دوره در نقشه راه

برای این دوره هنوز هیچ نقشه راهی تعریف نشده است.

گواهینامه پایان دوره

نمونه گواهینامه دوره

پس از اتمام موفقیت‌آمیز دوره و کسب نمره قبولی در آزمون نهایی، گواهینامه معتبر و قابل استعلام توسینسو به شما اعطا خواهد شد. این گواهینامه می‌تواند به عنوان یک امتیاز مثبت در رزومه شما برای ورود به بازار کار و ارتقای شغلی محسوب شود.

گواهینامه توسینسو چیست؟

درباره مدرس دوره

مهدی عادلی فر

مهدی عادلی فر

بنیانگذار توسینسو و برنامه نویس

مهدی عادلی، بنیان گذار TOSINSO. کارشناس ارشد نرم افزار کامپیوتر از دانشگاه صنعتی امیرکبیر و #C و جاوا و اندروید کار می کنم. در زمینه های موبایل و وب و ویندوز فعالیت دارم و به طراحی نرم افزار و اصول مهندسی نرم افزار علاقه مندم.

۱۵ دوره
+۲۰,۰۰۰ دانشجو
۴.۸ میانگین امتیاز

هنوز برای شروع مطمئن نیستی؟

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

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

پیشنیاز یادگیری دوره آموزش React ، داشتن دانش طراحی وب سایت و به ویژه نوشتن اسکریپت به زبان جاوااسکریپت است ، به زبان ساده تر اصلی ترین پیشنیاز آموزش ری اکت ، آموزش جاوااسکریپت است.

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

نظرات کاربران (6)

آواتار کاربر
1404/02/26

به دوست عزیز شما میتونید یک اند رو با جنگپ بنویسید و فرانت رو با ریکت پیاده سازی میکنید

همانطور که در دوره هم چند بار گفتم استفاده از react در فرانت هیچ محدودیتی برای انتخاب تکنولوژی بک اند برای شما ایجاد نمیکنه

آواتار کاربر
1404/02/25

سلام من دوره جنگو از سایت محبوب توسینسو رو تهیه و طی کردم آیا این دوره برای پیشرفت من با تعامل جنگو در زمینه طراحی وب کمک می کند ؟

آواتار کاربر
1402/09/11

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

آواتار کاربر
1402/05/28

چیزی که این دوره رو خاص می‌کنه، پروژه‌های واقعی‌ایه که توش کار می‌کنیم. هر مبحث با یه مثال کاربردی یاد داده می‌شه و بعدش توی پروژه‌های عملی تمرین می‌کنیم. این کار کمک کرد همه چیز رو بهتر درک کنم.

آواتار کاربر
1402/05/08

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

آواتار کاربر

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

799,000 تومان 1,598,000