MERN STACK 2022 UPDATE React Node from Scratch + 2 Projects

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

Master MERN Stack from Scratch while building awesome Social Network. Covers entire Front/Backend Database & Deployment.

1 - Introduction

1 - Project Demo

2 - Is this bootcamp right for you

3 - VSCode editor setup

4 - Source code.html

5 - Are you new to JavaScript Programming Language.html

2 - Modern JavaScript

6 - JavaScript in HTML

7 - Window object DOM and local storage

8 - Variables using var let and const

9 - Const and object

10 - Template strings

11 - Function and default arguments

12 - Arrow function and return keyword

13 - This keyword

14 - Object destructuring

15 - Array destructuring

16 - Spread operator

17 - Rest operator

18 - Function and prototype

19 - Classes

20 - Extending class

3 - Learning Node

21 - Nodejs

22 - Code execution in nodejs

23 - Using NPM

24 - require and export

25 - Core nodejs module

26 - Nodejs event loop in theory

27 - Code execution

28 - Synchronous vs nonasynchronous

29 - Using express

4 - Learning React

30 - Create react app

31 - Creating a form

32 - HTML to JSX

33 - React state and event handlers

34 - Making API request using fetch

35 - Handling CORS error

36 - Rendering data

37 - External API request

38 - Fetch to axios

39 - Reusable components

5 - Styling in React

40 - CSS in react

41 - Styled components

42 - Using ant design

43 - Loading state

6 - Routes Middlewares and Controllers

44 - Middlewares

45 - Routes and controllers

7 - MongoDB Setup

46 - MongoDB connection theory

47 - Signup to mongo atlas

48 - Mongoose version.html

49 - Connect to mongodb

50 - Dotenv and gitignore

51 - Using import export in nodejs

8 - Routing and Pages

52 - Creating pages

53 - React router version.html

54 - React router

55 - SEO and nextjs

9 - Starting Social Network Project

56 - Social network project

57 - Nextjs setup

58 - Bootstrap CSS

59 - Navigation

60 - Public folder

10 - User Registration Schemas and Bcrypt

61 - Register page

62 - React state and onchange event

63 - Using axios

64 - Server setup

65 - Routes and controllers

66 - User model

67 - Bcrypt hash and compare

68 - Register user

69 - Toast notifications

70 - Ant design modal

71 - Env validation and form cleanup

72 - Loading state

73 - Background image

74 - Authform component

11 - User Login Context and Authorization

75 - Login page

76 - User login and JWT token

77 - Global state using context theory

78 - Context state

79 - Local storage

80 - Logout

81 - Conditional nav links

82 - Active links

83 - Redirect logged in user

84 - Using postman

85 - Verify current user token

86 - Wrapper component for authorization

12 - Axios Configuration

87 - Axios interceptors

88 - Axios config

13 - Forgot Password

89 - Forgot password page

90 - Forgot password form

91 - Forgot password server

92 - Forgot password client.html

93 - Fix the error cannot read property data of undefined

14 - Creating Post

94 - Create post form

95 - Create post request

96 - Post model

97 - Save post

98 - React quill rich text editor WYSIWYG

15 - Image Upload

99 - Image upload client

100 - Using cloudinary

101 - Upload to cloudinary

102 - Create post with image

16 - Rendering posts

103 - User posts server

104 - User posts

105 - Post list component

106 - Render posts

107 - Background image

108 - Ant design icons

109 - Edit and delete icons

110 - Load posts on new post create

17 - Post Update and Delete

111 - Single post edit

112 - Post update client

113 - Can update delete middleware

114 - Delete post and image

115 - Delete post

116 - Whats next

18 - User Profile Update

117 - Dropdown menu

118 - Adding username

119 - Profile update page

120 - Profile update client

121 - Profile update server

122 - Update user in local storage and context

123 - User profile image

19 - Users follow and unfollow

124 - Find people to follow server

125 - Find people client

126 - People component

127 - User avatar

128 - Generate app logo optional

129 - Handle follow click

130 - User follow server

131 - User follow client

132 - News feed

133 - List of following

134 - Following page

135 - User unfollow

20 - Post Like and Unlike

136 - Like and unlike client

137 - Like and unlike server

138 - Helper function and likes count

21 - Post Comments

139 - Ant design modal

140 - Comment form

141 - Add comment client

142 - Add comment server

143 - Comment count link and fixes

144 - Render comments

145 - Post comments page

146 - Render posts with all comments

147 - Comment remove

22 - Pagination

148 - Pagination

149 - Pagination client

23 - Users Search and Public Profile

150 - Search component

151 - Search result

152 - Conditional follow and unfollow

153 - Follow and unfollow searched user

154 - User profile apge

155 - Public profile page

24 - Posts Server Side Rendering and SEO

156 - Parallax image

157 - Posts server side rendering SSR

158 - SEO and head section

159 - Single post and public post component

160 - Single post view SEO and head section

25 - Socketio and Realtime Posts

161 - Socketio server

162 - Socketio client

163 - Broadcasting event

164 - Realtime posts server

165 - Realtime posts Client

26 - Admin Access

166 - Admin access server

167 - Is admin middleware

168 - Admin route

27 - Wrap Up

169 - Wrap up

170 - Deployment explained

171 - Socketio path

28 - Deployment

172 - Digital ocean setup

173 - SSH access

174 - Push code to github

175 - Installing nodejs NGINX and git clone

176 - Running server mongodb and commit changes

177 - Running react and nextjs client

29 - Bonus

178 - Other courses you may like.html

139,000 تومان

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

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

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

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