Full Stack React Bootcamp With .Net Api [2023] [9 Projects]

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

1 - Introduction

1 - Introduction

2 - Section 2

0 - 1 create react app what it does and why it is needed

0 - 2 Demo Create React App

2 - 3 Run the Project

3 - 4 CleanUp Project

4 - 5 Make project functional again

5 - 7 First React Component

6 - 8 Assignment 2 React Component

7 - 9 Assignment 3 Parent Child Component

8 - 10 Assignment 3 Solution Parent Child Component

9 - 11 Rules of JSX

3 - Section 3

10 - 2 Work with styles

11 - 3 Adding Bootstrap Classes

12 - 4 Work with Classes Part 1

13 - 5 Variable in JSX

14 - 6 Assignment 3 Adding Const

15 - 7 Assignment 3 Solution Adding Const

16 - 8 HTML Element in JSX

17 - 9 Student Component

18 - 10 Export and Import Component

19 - 11 Assignment 4 Separating Student Component

20 - 12 Assignment 4 Solution Separating Student Component

21 - 13 Props and Components

22 - 14 Install third party libraries and Images

23 - 15 Import Image and Header Design

24 - 16 Footer and Main Body Component

25 - 17 Assignment 5 Fix Error and Designing

26 - 18 Passing Components as Children

27 - 19 Final Hierarchy

28 - 20 Arrow Function

29 - 21 functional vs class components

30 - 22 Class Components

31 - 23 Assignment 6 Convert MainBody to Class Component

4 - Section 4

32 - 2 Create CountOPedia

33 - 4 Assignment 7 Solution Setup CountOPedia

34 - 5 Counter Application Buttons

35 - 6 Click Events

36 - 7 Setting and Retrieving State

37 - 8 Demo React State

38 - 9 State Summary

39 - 10 New SetState Syntax

40 - 11 CountoPedia UI

41 - 12 Random play and Reset Button

42 - 13 Assignment 8 Game Status and Last Play

43 - 14 Assignment 8 Solution Game Status and Last Play

5 - Section 5

0 - 17 why axios maybe

44 - 2 Create Project ContactOPedia

45 - 3 Add Components

46 - 4 Skeleton of Components

47 - 5 Add Contact UI

48 - 6 Favorite and General Contact State

49 - 7 Individual Contact UI

50 - 8 Look and Feel ContactOPedia

51 - 9 Add Contact Handler

52 - 10 Add Contact in Action

53 - 11 Add Validations

54 - 12 Display Validation and Success Notification

55 - 13 Toggle Favorites

56 - 14 Assignment 10 Delete Contact

57 - 15 Assignment 10 Solution Delete Contact

58 - 16 Add Random User to Contact List

59 - 18 Axios Call

60 - 19 Demo Adding Random Contact

61 - 20 Assignment 11 Remove All Contact

62 - 21 Assignment 11 Solution Remove all Contact

63 - 22 Which Contact has to be updated

64 - 23 Toggle UI Based on Update

65 - 24 Cancel Button in Action

66 - 25 Update Contact Part 1

67 - 26 Update Contact Part 2

6 - Section 6

68 - 1 Create Project Cyclopedia

69 - 2 Setup Random API

70 - 3 Display Instructor

71 - 4 Component Did Update

72 - 5 Controlled Component

73 - 6 Saving in LocalStorage

74 - 7 Separating out Instructor

75 - 8 Component will UnMount

76 - 9 Load Student List

77 - 10 Bug time

7 - Section 7

78 - 1 Create WatchOPedia

79 - 2 Setup Counter

80 - 3 UseState in Action

81 - 4 Gotchas with useState

82 - 5 Objects and State

83 - 6 Another Gotcha with useState

84 - 7 Something Exciting

85 - 8 WatchoPedia Movie Setup

86 - 9 Assignment 12 Solution Display Movie List

87 - 10 Assignment 13 Solution Add Movie to watch

8 - Section 8

88 - 1 Initial Project

89 - 2 Name and Feedback Input fields

90 - 3 UseEffect Overview

91 - 4 UseEffect First Render Only

92 - 5 UseEffect Unmount in Action

93 - 6 Assignment 14 Use Effect

94 - 7 Assignment 14 Solution Use Effect

95 - 8 Load Student on Counter Update

96 - 9 useRef and previous values

97 - 10 Use Ref on Student Count

98 - 11 More common use of useRef

99 - 12 useld Hook

9 - Section 9

100 - 1 Setup RouteOPedia

101 - 2 Create More Components

102 - 3 First Route

103 - 4 Link Component

104 - 5 Assignment 15 Product Routes

105 - 6 Assignment 15 Product Routes Solution

106 - 7 Nested Routes

107 - 8 Index in Nested Route

108 - 9 Not Found

109 - 10 Parameters in URL

110 - 11 Assignment 16 Parameters in URL

111 - 12 NavLink Component

112 - 13 Navigate using useNavigate Hook

113 - 14 Using Link Component to Navigate

114 - 15 Another Navigation Method

115 - 16 Navigate back

10 - Section 10

116 - 1 Setup ReduxOPedia

117 - 2 Add Redux Store

118 - 3 Create first Reducer and Actions

119 - 4 Log State and Dispatch Action

120 - 5 Retrieve value from state

121 - 6 Dispatching Action from React Component

122 - 7 Assignment 17 Counter Multiplier

123 - 8 Assignment 17 Solution Counter Multiplier

124 - 9 Add Destination Slice

125 - 10 Display Destinations

126 - 11 Select Destination

127 - 12 Display selected destination

128 - 13 Reset counter and destination

129 - 14 Listen to action of a different Reducer

130 - 15 Say NO to magic strings

131 - 16 Custom Actions

132 - 17 Alternative Approach for import and export

11 - Section 11

133 - 1 Setup TravelOPedia

134 - 2 Setup Destination Components

135 - 3 Setup JSON Server

136 - 4 Create Destination API

137 - 5 Fetch Records from API

138 - 6 Add Destination Controller Component

139 - 7 Add Mutations

140 - 8 Call POST Mutation

141 - 9 query vs mutation

142 - 10 Caching with RTK Query

143 - 11 TAGS in Action

144 - 12 Assignment 18 Delete Destination

145 - 13 Assignment 18 Solution Delete Destination

146 - 14 Response from Query and Parameters

147 - 15 Separating out Individual Destination

148 - 16 Assignment 19 Edit Functionality

149 - 17 Assignment 19 Solution Edit Functionality

150 - 18 Integrate RTK Query with Redux Store

151 - 19 Call Another API

152 - 20 Show Random Destination

139,000 تومان

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

خرید دانلودی فوری

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

تولید کننده: Udemy-Training