Quick Facts

particular	details
Medium of instructions English	Mode of learning Self study	Mode of Delivery Video and Text Based

Course overview

The Complete Full-Stack JavaScript Course online certification is developed by Joseph Delgadillo - Founder of JTDigital Courses, an education technology company, and Eduonix Learning Solution, an ed-tech organization dedicated to giving individuals the finest learning experience possible for them to succeed in their jobs.

The Complete Full-Stack JavaScript Course online course is developed for individuals who want to learn JavaScript and become full-stack web developers. The course teaches the learners to focus on coding projects utilizing ReactJS, NodeJS, LoopbackJS, Redux, Material-UI, and socket programming to learn full-stack JavaScript development. Through this course, learners will work on three code projects to test their learnings which are as follows:

1) Calculator App, 2) Weblog and 3) Chat Application.

The Complete Full-Stack JavaScript Course online training is designed for people who already have a basic understanding of front-end web programming. It will be useful for students who are already familiar with HTML and CSS. Although a general understanding of JavaScript is not required, it will assist them in keeping up with the progress. To take benefit of the training, candidates must purchase a lifetime subscription to the course by paying the fee.

Course and certificate fees

Fees information

₹ 199 ₹995

certificate availability

No

Who it is for

Web developer

What you will learn

Web application development skills

After completing The Complete Full-Stack JavaScript Course certification course, candidates should be able to learn full-stack JavaScript development by experimenting on coding projects with ReactJS, NodeJS, LoopbackJS, Redux, Material-UI, and socket programming. Candidates will develop an understanding of the skills required to become full-stack web developers and javascript developers. Candidates will be skilled to build applications like weblogs, calculator apps, chat applications, and many more.

The syllabus

Section 1: Introduction and setup

Welcome to the course!
Environment setup
Anatomy of a React project

Section 2 : Getting Started with ReactJS

Writing a React component
React life-cycle
The React state
Understanding component props and re-rendering
Importing CSS into React components
Coding a calculator part 1
Coding a calculator part 2

Section 3 : Building a ReactJS Website

React website setup
Component children
React routing
Route parameters and HTML slicing part 1
Route parameters and HTML slicing part 2
Services and portfolio pages part 1
Services and portfolio pages part 2
Working with forms in React part 1
Working with forms in React part 2
Using Formik
Yup form validation schemas

Section 4 : Rest API with LoopbackJS

Setup of REST API using LoopbackJS
Creating models
Model observers
Model relations
ESLINT
Subclassing access tokens
Persisting data using MongoDB
Creating data
Updating data
Finding model instances part 1
Finding model instances part 2
Deleting model instances
Creating post collection
Roles and rolemapping
Applying access control to our post model
Adding an editor role
Creating a category model
File storage and collection part 1
File storage and collection part 2
Custom remote methods and file uploads part 1
Custom remote methods and file uploads part 2
Creating login route
Adding a login form

Section 5 : Redux and Material-UI

Wrapping components
Dispatching actions
Creating a store and reducer
Integrating remote API calls
Applying middleware
Material-UI intro
Drawer and CSS
Drawer collapsing and animations
Icons, lists and links
Main content class
Persisting reducers using localStorage
Basic tables
Fetching posts and users from our API
Fab buttons
Setting up Redux, Material-UI and Formik for our add post page
Material-UI forms with Formik
Flex display and connecting our post form to our database via Redux part 1
Flex display and connecting our post form to our database via Redux part 2
Editing existing posts
Uploading post images part 1
Uploading post images part 2
Integrating Quill as a content editor
Loading posts on the front-end part 1
Loading posts on the front-end part 2
Loading more posts on demand
Single post page
Registering new accounts
Posting comments and adding relations and ACLs to our API part 1
Posting comments and adding relations and ACLs to our API part 2
Deploying React apps with NGINX
Deploying our API using PM2 and NGINIX part 1
Deploying our API using PM2 and NGINIX part 2
Deploying our API using PM2 and NGINIX part 3

Section 6 : WebSocket Chat Application

Creating a chat app
Creating our chat store
WebSocket connections
Sending socket messages
Creating signup and login forms
Writing account based logic part 1
Writing account based logic part 2
Using auth tokens
Styling the messenger
Tracking logged in users
Search functionality
Creating new threads and sending to relevant clients
Connecting on page load if already logged in
Get threads on page load
Disconnecting socket sessions
Adding messages and sending to relevant clients
Rendering messages client-side
Rendering messages with user information
Ejecting a React application

Instructors

Mr Joseph Delgadillo
Instructor
Eduonix

Articles

Latest Articles

Who Is a Full Stack Developer? - Frameworks & Technologies Updated On 07 Nov, 2024

Top Trending skills to become a Full-Stack Developer Updated On 14 Apr, 2022

Popular Searches

The Complete Full-Stack JavaScript Course!

Online

₹ 199 995

Quick Facts

Course overview

The highlights

Program offerings