دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

تسلط به ری اکت - دوره عملی برای توسعه‌دهندگان وب

تسلط به ری اکت - دوره عملی برای توسعه‌دهندگان وب

✅ سرفصل و جزئیات آموزش

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

  • یاد بگیرید چگونه یک پروژه ری اکت را به طور موثر برنامه‌ریزی، راه‌اندازی و ساختاردهی کنید که شامل سازمان‌دهی پروژه، ساختار فولدر و سلسله‌مراتب کامپوننت است.
  • ساخت وب اپلیکیشن‌های تعاملی با ری اکت و تسلط به توسعه مبتنی بر کامپوننت و مدیریت State
  • یادگیری و به‌کارگیری بهترین شیوه‌های صنعت برای ایجاد وب‌سایت‌های کارآمد، مقیاس‌پذیر و قابل نگه‌داری با ری اکت و پیروی از استانداردهای کدنویسی
  • مهارت تست و شناسایی مشکلات در اپلیکیشن ری اکت خود را با تکنیک‌های اشکال‌زدایی و مدیریت خطا بدست آورید.
  • درک چرخه عمر کامپوننت‌های ری اکت و مدیریت موثر state و props برای بهبود عملکرد اپلیکیشن
  • توسعه درک عمیق از React Router برای ناوبری روان و Redux برای مدیریت پیشرفته State در اپلیکیشن‌های ری اکت
  • کسب تجربه عملی در یکپارچه‌سازی API‌های خارجی و ذخیره‌سازی ابری در پروژه‌های ری اکت برای افزایش کارایی
  • یاد بگیرید چگونه پروژه ری اکت خود را منتشر و مستقر کنید، آن را از طریق پلتفرم‌های هاستینگ و پایپ‌لاین‌های CI-CD برای مخاطب خود لایو کنید.

توضیحات دوره

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

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

این دوره جنبه‌های حیاتی توسعه ری اکت، از جمله فرم‌ها، چرخه عمر کامپوننت‌ها و تکنیک‌های استایل‌دهی برای اجاد رابط‌های بصری جذاب را پوشش می‌دهد. با کتابخانه‌های محبوبی مثل Redux برای مدیریت کارآمد State و React Router برای ساخت اپلیکیشن‌های تک‌صفحه‌ای با ناوبری روان آشنا می‌شوید.

برای افزایش قابلیت‌های اپلیکیشن، شما را در کپارچه‌سازی فضای ذخیره‌سازی ابری با فایربیس و تعامل با RESTful APIها برای بازیابی و دستکاری داده راهنمایی می‌کنیم. در بخش اضافی، تایپ اسکریپت، یک ابرمجموعه نوع‌دهی شده استاتیک از جاوا اسکریپت را معرفی می‌کنیم تا به شما در نوشتن اپلیکیشن‌های ری اکت قابل اطمینان‌تر و مقیاس‌پذیرتر کمک کنیم.

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

پتانسیل ری اکت را آنلاک کنید و توسعه‌دهنده وب ماهری شوید. همین حالا در این دوره شرکت کنید و در مسیر یادگیری، رشد و خلاقیت در دنیای ری اکت قدم بگذارید!

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

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

تسلط به ری اکت - دوره عملی برای توسعه‌دهندگان وب

  • ری اکت چیست؟ 09:57
  • ری اکت چه چیزی نیست؟ 03:05
  • راه اندازی محیط 02:45
  • راه‌اندازی محیط برای ویندوز 04:35
  • راه‌اندازی محیط برای سیستم عامل مک 04:31
  • راه‌اندازی محیط برای لینوکس 06:45
  • ایجاد یک پروژه 04:49
  • اجرای اپلیکیشن 02:54
  • ساختار نود جی اس 29:19
  • ساختار فایل 23:31
  • JSX چیست؟ 03:32
  • JSX همان اچ تی ام ال نیست 02:48
  • عبارات در JSX 03:31
  • درج بلوک‌های بزرگ 03:16
  • عناصر باید بسته باشند 02:01
  • توابع Helper 04:04
  • یک عنصر سطح بالا 03:33
  • استقرار 16:34
  • استقرار از طریق پایپ‌لاین 07:36
  • مثال استقرار از طریق پایپ‌لاین 19:23
  • جمع‌بندی جاوا اسکریپت 00:51
  • تعریف متغیرها 11:58
  • لیترال‌های قالب 06:53
  • توابع 03:03
  • عبارات تابع 03:34
  • توابع Arrow 08:41
  • بازگردانی تابع 13:04
  • توابع تودرتو و Closureها 07:23
  • عملگرهای تخصیص 01:21
  • عملگرهای مقایسه 02:29
  • عملگرهای حسابی 08:11
  • عملگرهای منطقی 07:44
  • عملگر AND منطقی 06:51
  • عملگر OR منطقی 03:10
  • عملگر شرطی (عملگر سه‌تایی) 04:25
  • آرایه‌ها 04:46
  • آرایه: ()push 02:15
  • آرایه: ()forEach 06:08
  • آرایه: ()map 04:33
  • آرایه: ()includes 02:13
  • آرایه: ()filter 07:05
  • اشیاء 01:28
  • JSON 08:11
  • کلاس‌ها 10:02
  • وراثت کلاس 22:32
  • تخریب ساختار تخصیص 12:15
  • ارجاع شیء 12:42
  • سینتکس Spread (...) 12:45
  • ارجاع توابع 03:44
  • Promiseها 11:20
  • async و await 06:44
  • کامپوننت‌ها چه هستند؟ 07:37
  • Virtual DOM 05:13
  • شروع اپلیکیشن دمو 05:30
  • کد خود را سازماندهی کنید 10:29
  • ایمپورت و اکسپورت 36:13
  • انواع کامپوننت‌ها 09:07
  • کامپوننت‌های کلاس 21:49
  • کامپوننت‌های تابع 09:50
  • اشکال زدایی 05:18
  • ایجاد درخت کامپوننت 29:26
  • خصوصیات 27:41
  • مدیریت رویدادها 07:04
  • ارجاع در کامپوننت تابع 06:04
  • ارجاع در کامپوننت کلاس 18:38
  • رفتار پیش‌فرض 11:24
  • پارامترها 05:32
  • State چیست؟ 03:19
  • Stateful در مقابل Stateless 01:23
  • State در کامپوننت‌های کلاس 23:42
  • State در کامپوننت‌های تابع 01:53
  • معرفی هوک‌ها 05:31
  • هوک State 23:47
  • پیاده‌سازی State: متغیرها 18:53
  • پیاده‌سازی State: آرایه‌ها 40:23
  • انتقال State به بالا 56:30
  • مدیریت فرم 09:18
  • کامپوننت‌های کنترل‌شده 10:53
  • ورودی 07:19
  • None 02:13
  • برچسب 06:52
  • textarea 12:26
  • select 18:49
  • چک‌باکس 05:46
  • رادیو 22:29
  • اعتبارسنجی فرم‌ها 31:31
  • کامپوننت‌های کنترل‌نشده 03:02
  • createRef 13:35
  • useRef 10:10
  • تگ input فایل 14:31
  • پیش‌نمایش تصویر 19:51
  • افزودن داده 26:44
  • نمایش داده 15:33
  • ارسال فرم 13:52
  • توابع زمان‌بر 13:33
  • چرخه عمر یک کامپوننت 36:08
  • متدهای چرخه عمر 07:30
  • ()render 30:37
  • ()constructor 05:38
  • ()componentDidMount 07:56
  • ()componentDidUpdate 22:08
  • ()componentWillUnmount 10:00
  • سایر متدهای چرخه عمر 01:51
  • هوک Effect 03:31
  • useEffect برای ()componentDidUpdate 11:27
  • useEffect برای ()componentDidMount 06:48
  • useEffect برای ()componentWillUnmount 12:30
  • استایل‌دهی به کامپوننت‌ها 12:30
  • آماده‌سازی اپلیکیشن 36:06
  • استایل‌دهی درون‌خطی 15:33
  • CSS 09:03
  • کامپوننت‌های مستقل 14:35
  • استفاده از متغیرها برای نام کلاس 15:17
  • Sass 08:35
  • Sass - راه‌اندازی 08:28
  • Sass - تودرتوسازی 18:31
  • Sass - متغیرها 05:31
  • Sass - ایمپورت 12:21
  • Sass - بررسی Mixins 22:04
  • استفاده از کتابخانه‌ها 07:20
  • طرح‌بندی‌های CSS 05:24
  • طراحی وب واکنش‌گرا 05:40
  • استایل‌دهی به اپلیکیشن (قسمت 1 از 2) 37:44
  • استایل‌دهی به اپلیکیشن (قسمت 1 از 2) 43:11
  • بهبود اپلیکیشن 14:29
  • بررسی Redux 08:07
  • عناصر Redux 05:22
  • Redux DevTools 02:01
  • شروع کار 05:05
  • ایجاد یک Redux Store 02:21
  • Provide کردن Redux Store به ری اکت 03:09
  • ایجاد یک اسلایس Redux State 10:28
  • افزودن Slice Reducerها به Store 06:54
  • Redux useSelector 06:51
  • Redux useDispatch 11:02
  • استفاده از Redux State 16:48
  • بهبود اپلیکیشن 26:05
  • پیلود اکشن Redux 32:10
  • اپلیکیشن تک‌صفحه‌ای 05:59
  • اپلیکیشن چندصفحه‌ای 06:13
  • MPA در مقابل SPA 18:30
  • مسیرها 13:29
  • نصب React Router 04:44
  • ایجاد مسیرها 07:28
  • ایجاد لینک‌ها 04:59
  • فرزندان کامپوننت 19:37
  • لینک در مقابل لینک ناوبری 11:49
  • محتوای صفحه 17:51
  • ناوبری برنامه‌ای 16:07
  • Page Not Found 05:14
  • پارامترها 38:54
  • مسیرهای تودرتو 36:02
  • فضای ذخیره‌سازی ابری 38:37
  • راه‌اندازی فایربیس 21:51
  • خواندن داده (قسمت 1 از 2) 42:22
  • خواندن داده (قسمت 2 از 2) 45:09
  • خواندن داده به صورت شرطی 22:23
  • دریافت یک سند 27:38
  • ذخیره داده 38:17
  • بروزرسانی داده 22:33
  • حذف داده 20:07
  • راه‌اندازی فضای ذخیره‌سازی 08:12
  • آپلود در فضای ذخیره‌سازی 17:03
  • دانلود از فضای ذخیره‌سازی 13:22
  • تعاریف 06:23
  • معماری کلاینت-سرور 04:27
  • اندپوینت درخواست 04:40
  • متدهای درخواست 15:30
  • وضعیت پاسخ 11:41
  • هدر درخواست 08:39
  • هدر پاسخ 01:30
  • بدنه پاسخ 03:00
  • بدنه درخواست 16:23
  • آماده‌سازی اپلیکیشن 21:33
  • axios 08:04
  • درخواست‌های GET 09:28
  • مدیریت خطاها 15:13
  • پیکربندی درخواست 09:56
  • درخواست‌های POST 14:43
  • نمونه Axios 18:25
  • درخواست‌های PUT 11:58
  • درخواست‌های DELETE 13:15
  • TypeScript 10:33
  • مقایسه جاوا اسکریپت در مقابل تایپ اسکرپت 31:09
  • انواع اولیه 18:48
  • انواع Union 04:10
  • آرایه‌ها 10:43
  • Null و Undefined 24:08
  • نوع Any 07:11
  • توابع 06:24
  • Void 02:46
  • Enum 15:30
  • Interface 40:24
  • فایل‌های تعریف 24:29
  • رابط برای Props 11:09
  • رابط برای useState 11:32

16,787,500 3,357,500 تومان

مشخصات آموزش

تسلط به ری اکت - دوره عملی برای توسعه‌دهندگان وب

  • تاریخ به روز رسانی: 1404/06/21
  • سطح دوره:مقدماتی
  • تعداد درس:196
  • مدت زمان :42:30:36
  • حجم :22.42GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید