تخفیفات عید تا عید

تخفیفات عید تا عید

🎉 تخفیف شگفت‌انگیز تاپ‌لرن به مناسبت عید قربان تا غدیر! 🎉

فرصت طلایی یادگیری فرا رسیده!
تاپ‌لرن به مناسبت  اعیاد قربان تا غدیر، تخفیفی ویژه برای شما در نظر گرفته است:

🔥 ۷۰٪ تخفیف روی تمام دوره‌های آموزشی سایت، فقط برای مدت محدود!

پس اگر مدت‌هاست قصد داشتید مهارتی یاد بگیرید یا دوره‌ای رو تهیه کنید، الان بهترین زمانشه!

مشاهده تخفیف ها
قیمت این دوره: 590,000 177,000 تومان
  • مدرس دوره : محمد حسین حاجیان
  • تعداد ویدیوها : 32 ویدیو
  • مدت زمان دوره : 6:34:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش مقدماتی React ( به همراه چند پروژه عملی )

آموزش مقدماتی React ( به همراه چند پروژه عملی )

React چیست و چرا یکی از محبوب‌ترین کتابخانه‌های جاوااسکریپت است؟

ری‌اکت (ReactJS) یکی از کاربردی‌ترین کتابخانه‌های جاوااسکریپت است که اولین بار در سال ۲۰۱۱ توسط شرکت فیسبوک، برای ساخت رابط‌های کاربری (UI) سریع، تعاملی و مدرن توسعه یافته است. این تکنولوژی انقلابی در دنیای وب ایجاد کرده و در شرکت‌های بزرگی مانند فیسبوک، پی‌پال و نتفلیکس استفاده می‌شود. سرعت بالا، قابلیت ادغام آسان با سایر کتابخانه‌ها و فریم‌ورک‌های جاوااسکریپت و سادگی در توسعه رابط‌های کاربری تعاملی از دلایل اصلی محبوبیت این کتابخانه و افزایش تقاضا برای شرکت در دوره آموزش ری اکت است. این کتابخانه امکان استفاده مجدد از کدها و مدیریت آسان داده‌ها را نیز فراهم می‌کند.

 

کاربردهای React در دنیای توسعه وب و موبایل

ری اکت کاربردهای زیادی در دنیای توسعه وب دارد که مهم‌ترین آن‌ها امکان طراحی برنامه‌های تک‌صفحه‌ای (SPA) و پلتفرم‌های پیشرفته است. برای موبایل نیز می‌توان از “React Native” برای توسعه اپلیکیشن‌های چند پلتفرمی سریع و روی iOS و Android استفاده کرد. همچنین از دیگر کاربردهای ری اکت عبارت‌اند از:

ساخت “SPA”ها با تعامل بدون رفرش، مثل داشبورد و فیدها

توسعه پلتفرم‌های”SaaS” و نرم‌افزارهای تجاری تعاملی

ایجاد فروشگاه‌های آنلاین با فیلتر، سبد خرید و “SEO” بهینه

ساخت “PWA”ها با قابلیت آفلاین و نصب روی موبایل

بهبود “UX” با رندر سریع، “lazy loading” و “code splitting”

ساخت اپ‌های چند پلتفرمی با “React Native”

استفاده از کامپوننت‌های “UI” قابل‌استفاده مجدد

توسعه سریع “MVP”ها و نمونه‌های اولیه

پیاده‌سازی اپ‌های “real-time” مثل چت و شبکه‌های اجتماعی

 

 

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

1.HTMl

2.CSS

3.JavaScript

 

 

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

 

1.Prop

2Conditional Rendering

3.List Rendering

4.Key Prop

5.Event Handling

6.ارسال پارامتر به Event Handler

7.ارسال Event Handler به عنوان پراپ

8.State

9.Children

10.Fragment

11.Useid Hook



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

  1. آموزش رایگان نصب و راه اندازی ریکت

فهرستـــ ویدیوها

مدت زمان دوره 6:34:00

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

1

  • معرفی دوره ریکت پروژه محور

00:05:00

معرفی دوره ریکت پروژه محور

2

  • Prop ها در ری اکت

00:12:03

توی این ویدیو یاد میگیریم چطور یک Property رو به کامپوننت های مختلف ارسال کنیم. Prop در واقع مخفف کلمه Properties هست ( پروژه ریکتی مربوط به ویدیو به صورت فایل ضمیمه برای شما قرار داده شده دقت کنید که پوشه ی node module وجود ندارد ... بعد از گرفتن فایل ها حتما node module رو پیاده سازی و نصب کنید )

3

  • استفاده حرفه‌ای از Prop ها در ری اکت + نکات مهم

00:13:23

توی ویدیو قبلی مفهوم Prop ها در ری اکت رو به شما توضیح دادم. توی این ویدیو نکات مهم تری رو در کنار توضیحات قبلی ارائه دادم تا نهایت استفاده رو ببرید

4

  • Conditional Rendering در ری‌اکت - قسمت اول

00:21:03

Conditional Rendering در ری‌اکت یکی از مباحث مهم در ریکت به حساب میاد. راهای مختلفی برای استفاده از Conditional Rendering یا به عبارتی رندر شرطی وجود داره که در قالب دو الی سه بخش اون رو مورد بررسی قرار دادیم

5

  • Conditional Rendering در ری‌اکت - قسمت 2

00:12:55

استفاده از عملگر (and) در رندر های شرطی

6

  • Conditional Rendering در ری‌اکت - قسمت 3

00:05:29

استفاده از عملگر (or) در رندر های شرطی

7

  • List Rendering در ری اکت

00:07:22

متد های مربوط به List Rendering

8

  • درک Key Prop در ری اکت

00:05:37

key prop در ریکت

9

  • استفاده حرفه‌ای از List Rendering

00:05:02

بررسی متد های مهم در لیست رندرینگ

10

  • آشنایی با Event Handling

00:07:03

بررسی Event ها در ریکت

11

  • ارسال پارامتر به Event Handler

00:03:12

بررسی نحوه ی ارسال پارامتر به Event Handler در ری اکت

12

  • ارسال Event Handler به عنوان Prop

00:09:25

توی این ویدیو بررسی میکنیم که چه زمانی Event Handler رو به عنوان یک پراپ برای یک کامپوننت ارسال میکنیم

13

  • State ها در ری اکت

00:13:07

به بررسی مفهوم State ها که یکی از مهمترین مباحث ری اکت به حساب میاد پرداختیم و نکات مهم رو بررسی کردیم

14

  • آشنایی با پراپ children

00:05:10

در ادامه توضیحات مربوط به Props در ری اکت , یک پراپ مهمی وجود داشت که باید اون رو بررسی میکردیم , children پراپی هست که اون رو مورد بررسی قرار دادیم

15

  • آشنایی با Fragment

00:07:22

گاهی وقت ها پیش میاد که شما دلتون نخواد در کدهای ری اکتی خودتون نود یا اِلِمان اضافه تولید بکنید , توی این ویدیو کامپوننتی رو تحت عنوان Fragment در دوحالت مورد بررسی قرار دادیم

16

  • توسعه پروژه نمایشگر دما

00:20:05

تا به اینجا مفاهیم زیادی رو یاد گرفتیم و قراره باهم بپردازیم به پیاده سازی چند پروژه نسبتا کاربردی تا ساختار رو به خوبی درک کنید , پروژه اول هم میپردازیم به پیاده سازی یک نمایشگر دما

17

  • پروژه فرم ثبت نام و ورود ( لاگین - رجیستر ) - قسمت اول

00:16:20

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

18

  • پروژه فرم ثبت نام و ورود ( لاگین - رجیستر ) - قسمت دوم

00:13:54

پیاده سازی پروژه شبیه سازی ساختار ثبت نام و لاگین در وبسایت ها قسمت دوم

19

  • توسعه پروژه Weather App - قسمت 1

00:11:44

پیاده سازی پروژه اب و هوا قسمت اول

20

  • توسعه پروژه Weather App - قسمت 2

00:23:21

پیاده سازی پروژه اب و هوا قسمت دوم

21

  • توسعه پروژه Task Management - قسمت 1

00:11:23

توسعه اخرین پروژه دوره - قسمت اول

22

  • توسعه پروژه Task Management - قسمت 2

00:18:00

توسعه اخرین پروژه دوره - قسمت دوم

23

  • توسعه پروژه Task Management - قسمت 3

00:16:17

توسعه اخرین پروژه دوره - قسمت سوم

24

  • توسعه پروژه Task Management - قسمت 4

00:06:04

توسعه اخرین پروژه دوره - قسمت چهارم

25

  • توسعه پروژه Task Management - قسمت 5

00:12:32

توسعه اخرین پروژه دوره - قسمت پنجم

26

  • قسمت پایانی دوره - آشنایی با هوک useId + صحبت های پایانی

00:07:32

قسمت پایانی دوره

27

  • آپدیت اول - چطور در شرایط جنگی کشور و قطعی نت پروژه های ری اکتی بسازیم و پکیج نصب کنیم (NPM Mirror)

00:08:08

قطعا در شرایط جنگی کشور که اینترنت قطع هست برای نصب پکیج ها و یا ساخت پروژه های ری اکتی به مشکل خوردید توی این ویدیو در رابطه با Mirror ها صحبت کردم که میتونید این مشکل رو حل کنید

28

  • آپدیت دوم - قسمت اول - مینی پروژه سبد خرید

00:21:10

طبق قولی که بهتون دادم قراره در قالب 3 الی 4 قسمت یک مینی پروژه سبد خرید رو باهم پیاده سازی کنیم

29

  • آپدیت دوم - قسمت دوم - مینی پروژه سبد خرید

00:12:00

داینامیک سازی محصولات

30

  • آپدیت دوم - قسمت سوم - مینی پروژه سبد خرید

00:21:52

پیاده سازی قابلیت افزودن به سبد خرید

31

  • آپدیت دوم - قسمت چهارم - مینی پروژه سبد خرید

00:11:00

پیاده سازی بخش افزودن به علاقه مندی ها

32

  • آپدیت دوم - قسمت پایانی - مینی پروژه سبد خرید

00:29:40

پیاده سازی لیست سبد خرید و علاقه مندی ها

اینستاگرام
تلگرام

نظرات کاربران در رابطه با این دوره

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