09113967638
crm@elmaweb.academy
سبد خرید شما خالی است
اعلان های خالی
وارد شدن ثبت نام
دوره پیشرفته ریکت

دوره پیشرفته ریکت

در ریکت پیشرفته
(0 رتبه بندی ها)
ایجاد شده توسط الهام سلطان رضایی

چه چیزی یاد خواهید گرفت؟

فصل اول- ریکت چیست

فصل دوم- مروری مباحث اكما اسکربیت ۶

1- تفاوت let و var و const

2- مفهوم reference type و primitive type

3- استفاده از Spread operator

4- نحوه Object destructuring جاوااسکریپت

5- مبحث Arrow function

7- Import و export

6-map کردن آرایه ها

8- کلاس ها

9- ارث بری

12- مفهوم ماژول و برنامه نویسی ماژولار

13- کار با متد filter در جاوا اسکریپت

14- کار با متد reduceدر جاوا اسکریپت

15- مفاهیم Truthy – Falsy values

فصل سوم-class component ها و مفاهیم اولیه ریکت

1- مفهوم virtual DOM در ری‌اکت

2- بررسی آخرین تغییرات ریکت

3- راه اندازی یک پروژه ری‌اکت

4- JSX چیست؟

5- بررسی ساختار فایل ها و فولدر ها(folder structure)

6- ایجاد پروژه ریکتی با استفاده از vite

7- Class component ها

8- مفاهیم JSX

9- مفهوم reusable component(کامپوننت های با قابلیت استفاده مجدد)

10- Functional component ها

11- بحث dynamic content

12- props در کلاس کامپوننت ها

13- props در فانکشنال کامپوننت ها

14- مفهوم state

15- استفاده از setState

16- React snippets

17- Destructuring در ری‌اکت

فصل چهارم- روش های مختلف استایل دهی و اضافه کردن css به پروژه های ریکت

فصل پنجم- فرم ها و event ها

فصل ششم- Conditional rendering و List Rendering

فصل هفتم - چرخه حیات (Lifecycle)

فصل هشتم-مفاهیم پیشرفته ریکت

فصل نهم-ajax و درخواست های https در ری‌اکت

فصل دهم- سایت های تک صفحه‌ای یا Single Page Application (SPA)

فصل یازده- hook ها و functional component ها در ریکت

فصل دوازده- تمرین چندین پروژه کاربردی

فصل سیزده-دیپلوی کردن پروژه بر روی هاست های رایگان vercel و netlify

فصل چهارده-ارتباط با API بک اند (Promise, Async await, Axios)

فصل پانزده-بررسی کامل Redux و Redux-thunk

فصل شانزده- پروژه ریداکس

فصل هفده- آموزش کامل GraphQL و اتصال آن به ریکت

فصل هجده-پروژه وبلاگ | GraphQL - Material UI

فصل نوزده-متغییرهای محیطی

فصل بیست- کانفیگ پروژه های ریکت با Webpack & Babel

فصل بیست و یک - پروژه ها

1- وبسایت فروشگاهی که به صورت SPA هست و از api داخل آن استفاده شده است.

2- سبد خرید با استفاده از context و useReducer

3- سبد خرید با استفاده از Redux و redux-thunk

4- صرافی ارز دیجیتال برای نشان دادن قیمت ارز های دیجیتال و قابلیت سرچ کردن

5- فرم ثبت نام و ورود به همراه اعتبار سنجی.

6- پیامرسان شبیه واتساپ با قابلیت چت بین چند نفر، ساختن گروه، ارسال عکس و… .

7- پروژه وبلاگ با قابلیت مدیریت محتوا، کامنت گذاشتن برای هر مقاله، صفحه نویسنده و ...

8- پروژه Dashboard Admin حرفه ای با ری‌اکت

9- پروژه فروشگاه آنلاین با احزار هویت و بک اند واقعی

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

ری‌اکت چیست؟

ری‌اکت یک کتابخانه محبوب و پرطرفدار جاوااسکریپت برای ساخت رابط کاربری و توسعه فرانت است، این کتابخانه توسط Facebook پشتیبانی میشود و در پروژه های بزرگی مانند Instagram و Twitter و Paypal استفاده شده است.

چرا ری‌اکت مهم است؟

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

پس اگر به HTML,CSS و Javascript تسلط داری، وقتشه که با آموزش ری اکت تیرخلاص رو بزنی و خودتو به همه اثبات کنی! برو بریم

چرا باید ریکت رو فرا بگیریم ؟

ریکت به عنوان تیر خلاص برای یک هنرجوی فرانت برای استخدام هست. چون این روزا عملا هیچ پروژه ای با جاوااسکریپت خام (vanilla JavaScript) انجام نمی شود. چون که به کمک ریکت پروژه در نهایت سادگی و در کمترین زمان ممکن با بالاترین عملکرد انجام می شود. علاوه بر این، استفاده از ابزار جدیدی مثل ریکت، هزینه توسعه و نگه داری پروژه ها رو تا حد چشم گیری کاهش می دهد. پس طبیعتا شرکت ها هم به دنبال متخصص ریکت هستند.

ساختار کلی دوره چطوریه ؟

مفاهیم class / functional component روی یک پروژه تمرینی بررسی میشه. استیت و پراپس ها رو میگیم. بعدش میرسیم به context و چرخه عمر کامپوننت ها. قدم بعدی، مفاهیم filter, search, sort رو بهتون میگم. بعدش میریم سمت react-router ، http request و پروژه های دیگه برای ترکیب مفاهیم گفته میشه. بعدش Redux رو میگیم و میریم سمت پروژه اصلی دوره.

ویژگی های دوره:

پروژه محور بودن دوره (پروژه های کاربردی که در پروژه های واقعی هم پیاده میشوند)

آپدیت بودن دوره:شامل ریکت ورژن ۱۸و react-router-dom ورژن ۶

پوشش مباحث مربوط به Redux - Redux-thunk در پایان همین دوره.

آموزش GraphQL و انجام پروژه وبلاگ 

بررسی مفاهیم مهم و کاربردی ری‌اکت و همچنین استفاده از آن در پروژه های دوره.

دیپلوی کردن پروژه ها بر روی هاست های رایگان.

مزیت های دوره:

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

تمام دانشجو های‌،آکادمی الما وب از وبینار های ماهانه برخوردار خواهند شد که باعث میشود مشکلات خود را چه در زمینه آموز و چه در زمینه استخدام سریعتر حل کنند و زودتر به نتیجه برسند.

با آپدیت های جدید ری‌اکت این دوره هم آپدیت خواهد شد و به صورت رایگان در اختیار دانشجویان دوره قرار خواهد گرفت.

در صورت تقاضای دانشجویان قسمت های جدید بسته به نیاز آن ها اضافه خواهد شد.

پذیرای انتقادات و پیشنهادات شما هستم و همیشه سعی در ارتقای دوره ها خواهم داشت.

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


پروژه ها:

وبسایت فروشگاهی که به صورت SPA هست و از api داخل آن استفاده شده است.

سبد خرید با استفاده از context و useReducer

سبد خرید با استفاده از Redux و redux-thunk

صرافی ارز دیجیتال برای نشان دادن قیمت ارز های دیجیتال و قابلیت سرچ کردن

فرم ثبت نام و ورود به همراه اعتبار سنجی.

پیامرسان شبیه واتساپ با قابلیت چت بین چند نفر، ساختن گروه، ارسال عکس و… .

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

پروژه فروشگاه آنلاین با احزار هویت و بک اند واقعی

نظرات (0)

تفاوت های بین var, let و const

17.08 MB

مفهوم و ویژگی های Arrow Function

22.72 MB

مفهوم Array Destructuring در Es6

11.75 MB

نحوه کار با Object Destructuring

11.65 MB

نحوه کار با Ternary Condition در جاوا اسکریپت

14.50 MB

Import و export

17.91 MB

نحوه کار با متد map برای آرایه‌ها

12.11 MB

کار با متد filter در جاوا اسکریپت

9.42 MB

نحوه استفاده از متد بسیار مهم reduce

17.61 MB

مفهوم reference type و primitive type

18.20 MB

کلاس ها

25.12 MB

ارث بری

16.06 MB

بررسی مفاهیم اولیه ری‌اکت

17.39 MB

نصب و پیشنیازهای ریکت

15.78 MB

ایجاد پروژه ریکتی

20.32 MB

کامپوننت ها در ریکت

45.11 MB

JSX چیست و چرا باید از آن استفاده کنیم؟

21.11 MB

چطور باید به کامپوننت های ری‌اکت استایل بدیم؟

28.14 MB

پیاده سازی مینی پروژه جذاب با ریکت

55.58 MB

طراحی بخش محتوا سایت

43.10 MB

طراحی بخش بنر سایت

27.35 MB

طراحی بخش فوتر سایت

23.74 MB

Virtual Dom چیست و چه کاربردی دارد؟

13.97 MB

نصب اکستنشن React Snippets

12.97 MB

کامپوننت های کلاسی استفاده کنیم یا فانکشنال

8.72 MB

مفهوم Class Components و نحوه استفاده از آن ها

32.71 MB

مفهوم Prop و نحوه استفاده از آن ها در Functional Component

30.24 MB

استفاده از Destructuring برای دریافت props

12.31 MB

استفاده از spread برای ارسال راحت‌تر prop

21.45 MB

مقدار دهی default برای propها در Functional Components

25.00 MB

تغییر اسم prop در شرایط لازم

11.56 MB

مفهوم children special prop

13.32 MB

props در class components

18.66 MB

state چیست

39.60 MB

چرا نمی‌توانیم اسم ویژگی state را تغییر دهیم؟

15.16 MB

3 روش برای this binding در class components

30.30 MB

2 روش برای تغییر state به کمک متد setState

37.87 MB

Event ها در ری‌اکت

27.95 MB

نحوه استفاده از useState در کامپوننت های Functional

36.11 MB

event ها در ریکت

13.61 MB

بررسی انواع input ها

31.99 MB

select option ها

27.79 MB

افزودن radio button به فرم

22.68 MB

هندل کردن تمام event ها در یک فانکشن

51.80 MB

نحوه submit کردن فرم

14.07 MB

ClassName در ریکت

24.75 MB

Inline styling

11.74 MB

CSS Modules

32.56 MB

global css

11.94 MB

styled-components

17.89 MB

Props on component

20.59 MB

Extending Styles

7.34 MB

Pseudoclass selectors

4.48 MB

ThemeProvider

31.62 MB

Mixins

8.02 MB

ButtonIcon

33.80 MB

lifting state up

8.63 MB

پیاده کردن lifting state up در ریکت

24.32 MB

passing function as props

14.96 MB

passing Jsx as props

12.21 MB

passing component as props

24.71 MB

change-form

33.73 MB

color

23.57 MB

todolist-01

59.73 MB

todolist-02

34.85 MB

قسمت 1

25.45 MB

قسمت 2

56.06 MB

قسمت 3

57.59 MB

قسمت4

42.77 MB

قسمت 5

25.68 MB

قسمت 6

44.98 MB

قسمت 7

12.53 MB

فایل پروژه

99.24 KB

بررسی Life cycle ها در ریکت

8.49 MB

هوک useEffect

18.13 MB

ارسال درخواست به api

17.38 MB

نشان دادن دیتای fetch شده در UI

28.99 MB

بررسی Loading

8.33 MB

استفاده از async/await

16.95 MB

هندل کردن error ها

17.91 MB

بررسی dependency ها

35.41 MB

ارسال http request ها در event

12.82 MB

بررسی Cleanup function

15.67 MB

Demo

10.81 MB

part2-0-1

46.29 MB

part2-0-2

48.69 MB

part3

30.04 MB

part4

25.76 MB

part5-01

45.25 MB

part5-02

56.62 MB

فایل پروژه

40.84 KB

معرفی Single Page Application(SPA) ها-ایجاد route های مختلف

50.83 MB

ویژگی های کامپوننت NavLink

13.51 MB

استفاده از Link برای جا به جایی بین صفحات

21.72 MB

ایجاد صفحه 404

15.72 MB

بررسی Dynamic Route ها

42.25 MB

هوک useParams

13.18 MB

Dynamic Route MinProject

57.23 MB

Dynamic Route MinProject

22.05 MB

هوک useNavigate

15.16 MB

استفاده از Navigate و redirect کردن کاربر

32.92 MB

بررسی Nested Route ها

34.45 MB

مفهوم Context در ریکت

14.85 MB

استفاده از useState با یک مثال

42.25 MB

هوک useContext

40.87 MB

part1-Demo

7.33 MB

part2-FormContext

41.95 MB

part3-FormContext

28.85 MB

Part4-StepContext

33.07 MB

Part5-ComponnetForm

38.49 MB

Part6-FormComponent

19.14 MB

Part7-ComponnetForm

26.12 MB

Part8-RenderStep

35.70 MB

Part9-EndFile

72.23 MB

Ant Design

21.10 MB

Button

52.03 MB

FloatButton

28.06 MB

Typography

27.58 MB

Alert

14.16 MB

Modal

38.53 MB

Drawer

24.08 MB

Message

46.35 MB

Menu

48.92 MB

Grid-Flex

35.47 MB

Card

26.55 MB

Layout

38.02 MB

Ant Design-End

8.78 MB

ConfigProvider

21.13 MB

Demo پروژه

7.24 MB

طراحی navbar

13.43 MB

روترهای سایت

54.25 MB

Data-item

33.69 MB

componentProduct

37.41 MB

productand shop

36.98 MB

modal

36.49 MB

context

59.29 MB

getProduct

35.77 MB

addItemToCart

37.57 MB

removeItemFromCart

36.84 MB

getTotalAmount

35.83 MB

CartContextProvider

60.37 MB

CartProduct

31.23 MB

end

47.77 MB

لایبرری Axios

16.96 MB

ارسال در خواست GET

40.93 MB

ارسال درخواست POST

34.79 MB

ارسال درخواست DELETE

24.55 MB

ارسال درخواست PUT & PATCH

29.24 MB

هندل کردن ارور ها

6.54 MB

بررسی Simultaneous Requests و متد spread

27.55 MB

مفهوم Interceptor

10.55 MB

پیاده سازی Interceptor برای request های ارسالی

22.07 MB

پیاده سازی Interceptor برای response های برگشتی

11.90 MB

بررسی Instance ها

30.50 MB

مقدمه و پیاده سازی مثال اولیه با State

20.24 MB

ساختار هوک useReducer

39.28 MB

هندل کردن action ها

22.64 MB

بررسی type و payload

27.83 MB

هندل کردن initialState

62.87 MB

multiple reducers

15.74 MB

استفاده از Api و Http request در useReducer (قسمت اول)

48.15 MB

استفاده از Api و Http request در useReducer (قسمت دوم)

25.01 MB

تفاوت useState و useReducer

6.70 MB

Demo

11.26 MB

TICK

32.61 MB

NEXT_QUESTION

33.32 MB

FINISH_QUIZ

11.67 MB

SELECT_OPTION

13.02 MB

INCREMENT_SCORE

12.01 MB

SAVE_ANSWER

13.44 MB

RESTART_QUIZ

13.34 MB

QuizProvider

43.70 MB

Quiz

47.18 MB

FINISH_QUIZ

18.43 MB

Quize-isQuizFinished

11.19 MB

handleOptionClick

60.62 MB

Result

54.48 MB

ProgressBar

26.38 MB

Timer

7.34 MB

OptionButton

18.21 MB

Question

52.49 MB

Loader

6.14 MB

App

6.53 MB

result

26.81 MB

End

19.14 MB

Ref

22.02 MB

useRef in React

19.12 MB

usememo

38.20 MB

memo

39.00 MB

useid

17.14 MB

customhook

17.54 MB

customhook

52.25 MB

useDebug

27.17 MB

deref

22.68 MB

useforward

36.70 MB

usecallback

41.30 MB

localstoreg

41.96 MB

Part1-Demo

15.06 MB

part2-initialstate

17.56 MB

part3-action-SET_POSTS

16.37 MB

part4-action-ADD_POST

10.39 MB

part5-action-DELETE_POST

14.61 MB

part6-Action-EDIT_POST

24.16 MB

part7-action-SET_SEARCH_QUERY

8.15 MB

part8-action-SET_LODING

6.94 MB

part9-action-SET_ERROR

7.65 MB

part10-action-CLEAR_POSTS

9.08 MB

part11-PostProvider

9.02 MB

part12-useCallback-set

16.03 MB

part13-useCallback-addpost

20.47 MB

part14-useCallback-deletpost

7.97 MB

part15-useCallback-editPost-search

18.57 MB

part16-filteredPosts-usememo

24.51 MB

part17-sortedPosts-usememo

21.86 MB

part18-postprovider

38.09 MB

part19-postlist

70.70 MB

part20-postform

38.54 MB

part21-usePosts

27.31 MB

part22-MAin

44.31 MB

part23-Result

5.60 MB

part24-SearchPosts

12.22 MB

part25-Header

10.00 MB

part25-Header

3.50 MB

part27-List

14.37 MB

part28-TopPosts

11.28 MB

part29-Posts

6.19 MB

part30-result

31.64 MB

معرفی ریداکس

14.94 MB

مفاهیم ریداکس

12.21 MB

راه اندازی ریداکس

5.63 MB

ساخت action

11.05 MB

reducer

23.27 MB

store

12.93 MB

dispatch

18.93 MB

payload

23.10 MB

Redux Toolkit

14.30 MB

slice

28.74 MB

store

17.29 MB

provider

12.94 MB

useselectore

29.80 MB

dispatch

15.14 MB

payload

8.18 MB

middlewer

21.25 MB

extraReducers

31.55 MB

Async action و https – قسمت اول

63.41 MB

Async action و https – قسمت دوم

43.07 MB

part1-demo

13.29 MB

part2-getStoredUsers-storeUser

32.16 MB

part3-register

42.85 MB

part4-login

21.16 MB

part5-createSlice

59.72 MB

part6-cartSlice

41.26 MB

part7-0-mealslice

54.62 MB

part7-1-mealslice

55.59 MB

part7-2-mealslice

43.49 MB

part8-AuthService

50.26 MB

part9-mealService

55.21 MB

part10-store

22.62 MB

part11-page-LoginPage-01

43.91 MB

part11-page-LoginPage-02

47.24 MB

part12-RegisterPage

96.69 MB

part13-CartPage-01

90.70 MB

part13-CartPage-02

82.89 MB

part14-Dashboard

49.04 MB

part15-Header

53.29 MB

part16-location-01

36.32 MB

part16-location-02

53.30 MB

part16-location-03

81.91 MB

part17-checkout

82.04 MB

part18-ProductsPage

74.63 MB

part19-PrivateRoute

15.36 MB

part20-App

13.65 MB

کتابخانه Zustand

7.83 MB

store

22.24 MB

تابع Set

16.94 MB

تابع Get

44.44 MB

ساخت Async action

21.45 MB

تقسیم کردن State های مرتبط

41.41 MB

تقسیم کردن State های مرتبط

15.48 MB

react-query

26.65 MB

چطور از React Query در ری اکت استفاده کنیم

26.02 MB

مقدار isLoading-isError -error -data در React Query

25.66 MB

قابلیت Focus Refetching

15.80 MB

React-Hook-Form

26.01 MB

hookform/resolvers - yup

90.45 MB

GraphQL چیست؟

23.94 MB

آشنایی با سینتکس و نحوه نوشتن Query

32.22 MB

پاس دادن متغییر به query و فیلتر کردن

8.25 MB

آشنایی با سینتکس Mutation و نحوه نوشتن آن

14.71 MB

آپدیت کردن دیتا با Mutation

10.54 MB

حذف کردن دیتا با Mutation

4.92 MB

متصل کردن پروژه ریکتی به GraphQL

27.84 MB

گرفتن اطلاعات با هوک useQuery

27.64 MB

کار با هوک useMutation برای ارسال دیتا

49.71 MB

استفاده از هوک useLazyQuery

55.14 MB

آپدیت کردن دیتا با هوک useMutation

12.88 MB

حذف کردن دیتا با هوک useMutation

11.27 MB
0
0 نظرات کاربران
کیفیت محتوا (0)
مهارت های مدرس (0)
ارزش خرید (0)
کیفیت پشتیبانی (0)

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

کیفیت محتوا
مهارت های مدرس
ارزش خرید
کیفیت پشتیبانی
1,960,000تومان
این دوره شامل:
محتوای قابل دانلود
پشتیبانی مدرس
مورد علاقه
اشتراک گذاری

دوره مشخصات فنی

ظرفیت:
نامحدود
مدت:
50:00 ساعت
فراگیران:
25
فایل ها:
297
تاریخ ایجاد:
1402-05-25
الهام سلطان رضایی

الهام سلطان رضایی

الهام سلطان رضایی
4.91
مشخصات رزرو جلسه

گزارش دوره

لطفا در مورد گزارش، کوتاه و واضح توضیح دهید.

اشتراک گذاری

دوره را با دوستان خود به اشتراک بگذارید

https://elmaweb.academy/course/دوره-پیشرفته-ریکت و ریداکس
telegram تلگرام whatsapp واتساپ facebook فیس بوک twitter توییتر

با امتیاز خرید کنید