Build an e-learning website using React and Redux
4.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
13 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build an e-learning website using React and Redux to your Wishlist.

Add to Wishlist

Build an e-learning website using React and Redux

the actual web system skills
New
4.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
13 students enrolled
Created by Hyo-Joon Kim
Last updated 9/2017
English
Current price: $12 Original price: $200 Discount: 94% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • build an e-learning website using react and redux
View Curriculum
Requirements
  • knowledge of React and Redux
  • knowledge of Javascript ES6
  • knowledge of Jquery and Bootstrap
  • knowledge of Mongo DB and Mongoose
Description

If you want to learn how to build an actual kind of web system, you need to have an idea of practical skills after studying programming api. This course reveals the secret code behind the actual web system. You would get the practical skills for your website portfolio. Several skills are used throughout the course. Those skills are something you have not seen from any other lecture courses in the web. After studying this course, you will know bunch of useful technics for you to build an e-learning website. The main framework used here is the react and the redux. You should know those frameworks. And this course gives you the complete working project source code. Then explains every aspect of components used inside the code. We are going to study the project with npm packages and the webstorm ide. Various packages are used while building the web system. We will go through one by one and study theory behind so that you can get the idea. I tried to use latest es6 or even es7 javascript coding as possible as i can. You may be comfortable if you know well about es6. The es6 language is just like the other well known languages. With the help of useful npm packages, you would easily build website even better. And the react and redux lets you use class component so simple. By building web system with component class, it simply organizes huge project into various simple parts. You could focus on each component at a time.

Who is the target audience?
  • Anyone who wants to know the practical side of React and Redux
Compare to Other Redux Framework Courses
Curriculum For This Course
134 Lectures
05:27:31
+
Build project
21 Lectures 37:08
create client project
01:45

edit client configuration
02:35

create server project
01:09

edit server configuration
02:30

hotkey to move between window
00:30

copy basic files for client
01:47

webpack
03:26

npm install client
01:08

copy basic files for server
01:13

package json
01:18

npm install server
01:23

copy other files for client
01:00

copy other files for server
01:30

comment out index file (server)
02:15

run basic server
01:24

re-copy index file for client
02:37

comment out index file (client)
01:35

run basic client
02:26

copy from prototype folder (client)
01:31

route app
01:19

copy from prototype folder (server)
02:47
+
Application
5 Lectures 08:59
hello world client
01:18

footer
01:17

header
01:57

renderNav
02:00

renderDrawer
02:27
+
Authentication
19 Lectures 35:50
redux-auth
01:32

signin
02:16

submitForm
02:49

login
01:18

server router
01:50

signup
02:00

input test account
01:26

submitForm
01:37

signUp
01:51

signout
01:25

renderLogin
01:35

logout
01:19

userInfo
01:50

reducers
02:19

token
02:04

authentication
00:57

generateToken
02:32

signup
03:20

AES encrypt
01:50
+
User
8 Lectures 15:25
userSchema
01:24

user sequence
02:25

mongoose connect
01:46

compass counters
00:58

user counter
01:00

user course
02:13

user data
02:46

submit test account
02:53
+
Course
11 Lectures 28:01
search course
02:49

autosuggest
03:22

paginate (client)
02:29

paginate (server)
01:56

search course
01:16

paginateAll
03:24

redux paginate
01:46

paginateQuery
03:03

infiniteScroll
02:32

course data
02:33

search course
02:51
+
Author
5 Lectures 11:47
author data
01:45

author course
02:57

course to author connection
02:11

author to course data
01:55

renderAuthor
02:59
+
Detail
4 Lectures 11:27
detail
02:24

searchById
02:29

detailCourse
02:11

renderCourse
04:23
+
Banner
7 Lectures 17:36
cartBanner
03:15

renderBanner
01:54

renderButton
03:05

buyCourse
01:21

buyCart
02:28

learn the course
03:50

showMore
01:43
+
Lecture
7 Lectures 25:01
curriculum
03:58

collapsible
03:08

fetchLecture
03:38

lectureSchema
03:57

redux-lecture
03:40

viewLecture
02:49

lecture
03:51
4 More Sections
About the Instructor
Hyo-Joon Kim
4.0 Average rating
1 Review
13 Students
1 Course
Mr.

a 15+ yrs. veteran programmer. started learning web programming from php language. and expanded knowledge to major languages like c, c++. then learned the object oriented side deeply with java, c# and objective c. eventually studied android and ios programming with swift language. finally came back to web programming with jsp and asp. then learned the somewhat new kind of web programming with node-js and angular-js. then found the favorite with react and redux.