The Complete Full-Stack JavaScript Course!

BY
Eduonix

Learn the fundamentals of full-stack web development and expand your knowledge of JavaScript, ReactJS, NodeJS, LoopbackJS, Redux, and Material-UI.

Mode

Online

Fees

₹ 199 1990

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.

The highlights

  • Self-paced course
  • English videos with subtitles
  • 24.29 hours of pre-recorded video content
  • 96 online lectures
  • 30-day money-back guarantee
  • Lifetime access
  • Accessible on portable devices

Program offerings

  • Self-paced course
  • English videos with subtitles
  • 24.29 hours of pre-recorded video content
  • 96 online lectures
  • 30-day money-back guarantee
  • Lifetime access
  • Accessible on portable devices.

Course and certificate fees

Fees information
₹ 199  ₹1,990

The fees for the course The Complete Full-Stack JavaScript Course is -

HeadAmount
Original feesRs. 1,990
Discounted feesRs. 199

 

certificate availability

No

Who it is for

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

Mr Joseph Delgadillo
Instructor
Eduonix

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses