The Complete Full-Stack JavaScript Course!
- Description
- Curriculum
- FAQ
- Reviews
If you would like to master JavaScript and get started as a full-stack web developer, you are going to LOVE this course! Learn full-stack JavaScript development working on coding projects using ReactJS, NodeJS, LoopbackJS, Redux, Material-UI and socket programming.
We will work on the following 3 coding projects in this course:
Calculator Application – We will go over the basics of what React is, how to create components and how to work within the React life-cycle.
Weblog – We will build a feature rich blog app using React and LoopbackJS. We will begin to explore the full-stack elements of JavaScript by coding our own REST API, and how the front and back-end can communicate with each other.
Chat Application – We will explore socket programming. With a web socket you can keep clients connected on the server side. We will program a chat app where you can create a user account, add other users and then message back and forth with them.
This course was designed for students who have a basic understanding of front-end web development. It will be helpful if you know how to use HTML and CSS. A basic understanding of JavaScript is not required, but it will help you get up to speed with the tutorials.
All of the lectures are downloadable for offline viewing. English captions are available within the course.
Thank you for taking the time to read this and we hope to see you in the course!
-
11
React website setup -
12
Component children
-
13
React routing
-
14
Route parameters and HTML slicing part 1
-
15
Route parameters and HTML slicing part 2
-
16
Services and portfolio pages part 1
-
17
Services and portfolio pages part 2
-
18
Working with forms in React part 1
-
19
Working with forms in React part 2
-
20
Using Formik
-
21
Yup form validation schemas
-
22
Setup of REST API using LoopbackJS
-
23
Creating models
-
24
Model observers
-
25
Model relations
-
26
ESLINT
-
27
Subclassing access tokens
-
28
Persisting data using MongoDB
-
29
Creating data
-
30
Updating data
-
31
Finding model instances part 1
-
32
Finding model instances part 2
-
33
Deleting model instances
-
34
Creating post collection
-
35
Roles and rolemapping
-
36
Applying access control to our post model
-
37
Adding an editor role
-
38
Creating a category model
-
39
File storage and collection part 1
-
40
File storage and collection part 2
-
41
Custom remote methods and file uploads part 1
-
42
Custom remote methods and file uploads part 2
-
43
Creating login route
-
44
Adding a login form
-
45
Wrapping components
-
46
Dispatching actions
-
47
Creating a store and reducer
-
48
Integrating remote API calls
-
49
Applying middleware
-
50
Material-UI intro
-
51
Drawer and CSS
-
52
Drawer collapsing and animations
-
53
Icons, lists and links
-
54
Main content class
-
55
Persisting reducers using localStorage
-
56
Basic tables
-
57
Fetching posts and users from our API
-
58
Fab buttons
-
59
Setting up Redux, Material-UI and Formik for our add post page
-
60
Material-UI forms with Formik
-
61
Flex display and connecting our post form to our database via Redux part 1
-
62
Flex display and connecting our post form to our database via Redux part 2
-
63
Editing existing posts
-
64
Uploading post images part 1
-
65
Uploading post images part 2
-
66
Integrating Quill as a content editor
-
67
Loading posts on the front-end part 1
-
68
Loading posts on the front-end part 2
-
69
Loading more posts on demand
-
70
Single post page
-
71
Registering new accounts
-
72
Posting comments and adding relations and ACLs to our API part 1
-
73
Posting comments and adding relations and ACLs to our API part 2
-
74
Deploying React apps with NGINX
-
75
Deploying our API using PM2 and NGINIX part 1
-
76
Deploying our API using PM2 and NGINIX part 2
-
77
Deploying our API using PM2 and NGINIX part 3
