آموزش ReactJs ( مقدماتی تا پیشرفته )

ری اکت , یک کتابخانه open-source جاوا اسکریپت برای ایجاد رابط کاربری به خصوص برای برنامه های تک صفحه ای است. با ترکیب سرعت و کارایی جاوا اسکریپت با روشی کارآمدتر برای دستکاری DOM، موجب می‌شود تا صفحات وب‌سایت‌ها به‌صورتی سریع‌تر در دسترس قرار بگیرند. ایجاد برنامه های React نیاز به استفاده از کتابخانه های اضافی برای مدیریت state و تعامل با API دارد نمونه مربوط به چنین کتابخانه هایی ری داکس است. با استفاده از ریداکس، State های اپلیکیشن در یک مخزن نگهداری می‌شوند و دسترسی هر کامپوننت به تمامی State ها نیز امکان پذیر است.  

افراد علاقه مند به توسعه و برنامه نویسی فرانت اند می توانند ری اکت را در برنامه نویسان به طور کامل بیاموزند.

مشاهده دوره و ثبت نام
قیمت این دوره: 150,000 تومان
  • مدرس دوره : عرفان میرزایی کلخوران
  • تعداد ویدیوها : 34 ویدیو
  • مدت زمان دوره : 5:18:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1402/10/24
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش درک عمیق ازعملکرد React JS + پروژه عملی

آموزش درک عمیق ازعملکرد React JS + پروژه عملی

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

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

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

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

و در آخر هم یه پروژه عملی جذاب هم باهم پیدا میکنیم تا به قدرتی که ریکت در اختیارمون قرار میده شکی نداشته باشیم .

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

برای اطلاعات بیشتر ویدیو معرفی دوره رو حتما تماشا کنید

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

معرفی دوره – هدف دوره

ایجاد پروژه

تفاوت Components Instances , Elements

مفهوم Render در React js

مفهوم Commit  در React js

عملکرد  Diffing

قوانین  Diffing

دلیل استفاده از Key prop

State  با استفاده از Key prop

 مفهوم Render Logic

State Update Batching  در ریکت 18

Frameworks  در اکو سیستم ریکت

Lifecycle در کامپوننت

پیاده سازی پروژه عملی+   Data Fetching

 



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

  1. Javascript
  2. reactjs

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

مدت زمان دوره 5:18:00

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

1

  • معرفی دوره

00:03:39

معرفی دوره برای دریافت پروژه های دوره به لینک github بنده مراجعه کنید .. https://github.com/M4Hastam

2

  • تفاوت - Components Instances , Elements

00:08:48

Components Instances and Elements

3

  • Instances , Elements در پروژه

00:11:19

Instances and Elements in Practice

4

  • React به طور کلی چگونه کار می کند ؟

00:14:23

How Rendering Works Overview

5

  • Render چیست و چگونه عمل می کند ؟

00:09:07

How Rendering Works The Render Phase

6

  • Reconciler چیست و چگونه کار می کند ؟

00:10:31

How Rendering Works The Render Phase - 2

7

  • Reconciliation چیست و چگونه کار می کند ؟ - (پارت آخر Render)

00:05:53

How Rendering Works The Render Phase -3

8

  • Commit چیست و چگونه کار می کند ؟

00:08:35

How Rendering Works The Commit Phase

9

  • مرور کلی فرایند Render

00:06:34

Overview of the rendering process

10

  • الگوریتم Diffing چیست و چگونه کار می کند ؟

00:06:41

diffing algorithm and how does it work

11

  • نحوه عملکرد الگوریتم Diffing در پروژه

00:07:13

Diffing algorithm in the project

12

  • KEY PROP چیست و چگونه کار می کند ؟

00:08:53

KEY PROP and how does it work

13

  • RESET STATE با استفاده از KEY PROP در پروژه

00:05:47

RESET STATE using KEY PROP in the project

14

  • RENDER LOGIC - Side effect چیست ؟

00:11:12

Difference between render logic and event handler

15

  • نحوه عملکرد STATE UPDATES BATCHING

00:09:58

How state update batching works

16

  • STATE UPDATES BATCHING در پروژه

00:17:23

state update batching in the project

17

  • اکوسیستم REACT

00:11:05

The React ecosystem and its difference with the framework

18

  • فصل جدید - پیش نمایش پروژه عملی

00:03:22

practical project preview

19

  • بررسی ساختار پروژه

00:07:14

check the structure of the project

20

  • Data Fetching به روش اشتباه

00:09:59

data fetching in the wrong way

21

  • حل مشکل Data Fetching

00:03:44

solving the problem of data fetching

22

  • استفاده از async - await در Data Fetching

00:05:39

using async - await in Data Fetching

23

  • ایجاد Loading برای انتظار دریافت Data

00:04:31

create Loading to wait for receiving data

24

  • Error Handling در زمان دریافت Data

00:10:45

error handling when receiving data

25

  • هندل کردن بخش سرچ بار

00:12:03

handle the search bar section

26

  • پیاده سازی بخش Movie Details - پارت اول

00:14:00

Implementation of the movie details section

27

  • پیاده سازی بخش Movie Details - پارت دوم

00:15:34

Implementation of the moviedetails section - 2

28

  • پیاده سازی بخش Watched Movies List - پارت اول

00:11:48

Implementation of the watched movies list section

29

  • پیاده سازی بخش Watched Movies List - پارت دوم

00:15:56

Implementation of the watched movies list section - 2

30

  • هندل کردن Title صفحه

00:05:43

handle page title

31

  • CLEANUP FUNCTION چیست و چگونه کار می کند ؟

00:03:44

CLEANUP FUNCTION and how it work

32

  • حل مشکل Title صفحه - CLEANUP

00:05:28

solving the title page problem - cleanup

33

  • CLOSURE چیست و چگونه کار می کند ؟

00:21:03

CLOSURE and how it work

34

  • CLEANUP کردن Data Fetching

00:10:55

cleanup data fetching

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

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

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