افزودن react-bootstrap

توضیحات

در این جلسه به افزودن react-bootstrap از دوره آموزش ری اکت (React.js) پروژه محور میپردازیم.

javascript جاوااسکریپت react ری اکت

برای مشاهده آنلاین و دسترسی به ویدیو لطفا ابتدا وارد سایت شوید . صفحه ورود

آشنایی با react شامل 4 قسمت

1

معرفی react

رایگان 05:11

2

ایجاد پروژه react

رایگان 14:02

3

توضیح ساختار پروژه react

رایگان 15:45

4

ایجاد کامپوننت

رایگان 10:34
آشنایی با JSX شامل 3 قسمت

5

معرفی JSX

نقدی 04:42

6

قوانین JSX

نقدی 07:18

7

جاوااسکریپت در JSX

نقدی 09:08
stlye در react شامل 5 قسمت

8

افزودن فایل css

رایگان 06:43

9

افزودن فایل sass

نقدی 04:58

10

inline style

نقدی 03:22

11

افزودن فریمورک bootstrap

رایگان 05:59

افزودن react-bootstrap

نقدی 05:56
event & props شامل 4 قسمت

13

event در react

نقدی 08:39

14

آشنایی با prop

نقدی 06:05

15

ارسال تابع به عنوان prop

نقدی 03:17

16

prop (children)

نقدی 02:26
کار با form شامل 3 قسمت

17

input & textarea

نقدی 03:59

18

select box

نقدی 07:36

19

check box & radio

نقدی 09:18
هوک useState شامل 4 قسمت

20

آشنایی با useState

نقدی 12:49

21

مقدار قبلی در useState

نقدی 06:30

22

useState با object

نقدی 08:42

23

useState با array

نقدی 07:40
هوک useEffect شامل 5 قسمت

24

آشنایی با useEffect

نقدی 05:02

25

اجرا useEffect بصورت شرطی و یکبار

نقدی 04:39

26

cleanup

نقدی 11:53

27

fetch data بخش اول

نقدی 11:08

28

fetch data بخش دوم

نقدی 06:04
هوک useContext شامل 2 قسمت

29

آشنایی با context

نقدی 02:43

30

useContext

نقدی 09:53
هوک useReducer شامل 5 قسمت

31

useReducer بخش اول

نقدی 12:58

32

useReducer بخش دوم

نقدی 07:02

33

چندین reducer

نقدی 03:21

34

useReducer و useContext بخش اول

نقدی 07:58

35

useReducer و useContext بخش دوم

نقدی 12:54
هوک های useCallback و useMemo شامل 3 قسمت

36

React.memo

نقدی 11:44

37

useCallback

نقدی 06:38

38

useMemo

نقدی 10:37
useRef و custom hook شامل 2 قسمت

39

useRef

نقدی 04:39

40

ایجاد هوک (custom hook)

نقدی 08:52
react router شامل 9 قسمت

41

توضیح SPA (single page application)

نقدی 05:37

42

نصب و استفاده از react router

نقدی 20:40

43

Link & NavLink

نقدی 20:24

44

basename & 404 page

نقدی 06:39

45

useParams

نقدی 06:37

46

useLocation

نقدی 04:32

47

Redirect & useHistory

نقدی 16:25

48

nested routing

نقدی 21:10

49

useRouteMatch

نقدی 10:44
پروژه spa شامل 12 قسمت

50

معرفی پروژه

رایگان 10:21

51

ایجاد header

نقدی 09:28

52

لیست کاربران

نقدی 15:02

53

آشنایی با react-devtools

نقدی 03:57

54

نمایش کاربر

نقدی 13:50

55

لیست پست ها

نقدی 05:33

56

نمایش پست

نقدی 04:11

57

ایجاد پست بخش اول

نقدی 10:45

58

ایجاد پست بخش دوم

نقدی 14:22

59

ویرایش پست

نقدی 18:01

60

حذف پست

نقدی 07:24

61

deploy (آپلود روی سرور)

نقدی 06:05
پروژه Todo شامل 13 قسمت

62

معرفی پروژه

رایگان 04:26

63

ایجاد header

نقدی 06:18

64

ایجاد context

نقدی 08:33

65

ایجاد reducer

نقدی 09:38

66

کتابخانه axios

نقدی 08:30

67

دریافت Todo ها

نقدی 15:41

68

نمایش Todo ها

نقدی 09:40

69

فیلتر Todo ها

نقدی 12:10

70

ایجاد Todo بخش اول

نقدی 05:51

71

ایجاد Todo بخش دوم

نقدی 11:40

72

ویرایش Todo

نقدی 14:25

73

حذف Todo

نقدی 11:12

74

deploy (آپلود روی سرور)

نقدی 04:55
redux شامل 7 قسمت

75

آشنایی با redux

رایگان 09:15

76

action

نقدی 05:22

77

reducer

نقدی 05:59

78

store

نقدی 06:20

79

چندین reducer

نقدی 07:20

80

async action

نقدی 08:04

81

میدلور thunk

نقدی 12:42
react-redux شامل 10 قسمت

82

معرفی react-redux

نقدی 04:54

83

action

نقدی 04:24

84

reducer

نقدی 03:24

85

store

نقدی 03:57

86

connect

نقدی 07:34

87

useSelector & useDispatch

نقدی 03:38

88

چندین reducer

رایگان 08:59

89

آشنایی با redux-devtools

نقدی 03:04

90

async action

نقدی 18:04

91

میدلور thunk

نقدی 08:28
پروژه سبد خرید شامل 12 قسمت

92

معرفی پروژه

رایگان 04:42

93

ایجاد header

نقدی 11:03

94

نصب redux

نقدی 04:31

95

لیست محصولات

نقدی 19:07

96

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

نقدی 14:22

97

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

رایگان 09:23

98

نمایش سبد خرید

نقدی 12:56

99

ویرایش سبد خرید بخش اول

نقدی 08:38

100

ویرایش سبد خرید بخش دوم

نقدی 05:36

101

حذف از سبد خرید

نقدی 12:03

102

ذخیره سبد خرید در localStorage

نقدی 09:20

103

deploy (آپلود روی سرور)

نقدی 13:10
ری اکت ورژن 18 شامل 3 قسمت

104

آشنایی با ویژگی های ورژن 18

رایگان 16:28

105

suspense در ری اکت

رایگان 24:12

106

concurrent در ری اکت

رایگان 18:06

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ

مدت دوره 16:08:35

تعداد ویدیو 106

وضعیت دوره : کامل شده

قیمت دوره : ~~399,000~~ 379,000 تومان

برای دانلود ابتدا وارد سایت شوید

دسته بندی دوره ها

HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

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

دوره های آموزشی

کامل شده

آموزش Sass پروژه محور

اگر به تازگی وارد دنیای طراحی وب شده‌اید مطمئنا نام Sass یا پیش‌پردازنده‌ها را شنیده‌اید. اگر مطمئن نیستید که Sass چیست...

رایگان

02:28:26

کامل شده

% 10 تخفیف

آموزش npm

NPM مخفف Node Package Manager و در واقع Package Manager ایست که برای Node.js و یا بهتر بگیم دنیای برنامه نویسی جاوااسکری...

~~119,000~~ 107,000 تومان

02:04:50

آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)

کامل شده

% 10 تخفیف

آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)

بعد از دوره آموزش ناکست (nuxt.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربرد...

~~799,000~~ 719,000 تومان

18:59:37

کامل شده

آموزش رایگان flexbox (فلکس باکس) پروژه محور

در دنیای HTML و CSS که نمایش محتوا را به عهده دارند همیشه یک موضوع، سختی و پیچیدگی خاص خود را داشته و آن هم صفحه آرایی ا...

رایگان

04:32:18

مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

armindev
- 2 سال پیش
- پاسخ به دیدگاه
سلام
بهتره از bootstrap معمولی در پروژه استفاده کنیم یا از کتابخانه react-bootstrap؟
شما در ادامه این دوره از کدوم حالت استفاده کردید؟
تشکر
- علی شیخ
  
  2 سال پیش
  
  سلام وقت بخیر.
  شما با توجه به پروژه میتونید از هر کتابخانه ای استفاده کنید و ما نحوه افزودن و استفاده هر دو را گفتیم.توی پروژه های این دوره از بوت استرپ استفاده کردیم.

افزودن react-bootstrap

توضیحات

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

معرفی react

ایجاد پروژه react

توضیح ساختار پروژه react

ایجاد کامپوننت

معرفی JSX

قوانین JSX

جاوااسکریپت در JSX

افزودن فایل css

افزودن فایل sass

inline style

افزودن فریمورک bootstrap

افزودن react-bootstrap

event در react

آشنایی با prop

ارسال تابع به عنوان prop

prop (children)

input & textarea

select box

check box & radio

آشنایی با useState

مقدار قبلی در useState

useState با object

useState با array

آشنایی با useEffect

اجرا useEffect بصورت شرطی و یکبار

cleanup

fetch data بخش اول

fetch data بخش دوم

آشنایی با context

useContext

useReducer بخش اول

useReducer بخش دوم

چندین reducer

useReducer و useContext بخش اول

useReducer و useContext بخش دوم

React.memo

useCallback

useMemo

useRef

ایجاد هوک (custom hook)

توضیح SPA (single page application)

نصب و استفاده از react router

Link & NavLink

basename & 404 page

useParams

useLocation

Redirect & useHistory

nested routing

useRouteMatch

معرفی پروژه

ایجاد header

لیست کاربران

آشنایی با react-devtools

نمایش کاربر

لیست پست ها

نمایش پست

ایجاد پست بخش اول

ایجاد پست بخش دوم

ویرایش پست

حذف پست

deploy (آپلود روی سرور)

معرفی پروژه

ایجاد header

ایجاد context

ایجاد reducer

کتابخانه axios

دریافت Todo ها

نمایش Todo ها

فیلتر Todo ها

ایجاد Todo بخش اول

ایجاد Todo بخش دوم

ویرایش Todo

حذف Todo

deploy (آپلود روی سرور)

آشنایی با redux

action

reducer