Full-Stack JavaScript Programming

Full-Stack JavaScript,

Full-Stack JavaScript Programming

View Course details

Ravi · March 8, 2021

This course is on Full-Stack Javascript programming

Course Content

Expand All

01-Introduction and Setup 3 Units

Expand

Chapter Content

0% Complete 0/3 Steps

Welcome to the course

Environment setup

Anatomy of a React project

02-Getting Started with ReactJS 7 Units

Expand

Chapter Content

0% Complete 0/7 Steps

Writing a React component

React lifecycle

The React state

Understanding component props and re-rendering

Importing CSS into React components

Writing a calculator part 1

Writing a calculator part 2

03-Building a ReactJS Website 11 Units

Expand

Chapter Content

0% Complete 0/11 Steps

React website setup

Component children

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

Yup form validation schemas

04-Rest API with LoopbackJS 23 Units

Expand

Chapter Content

0% Complete 0/23 Steps

Setup of REST API using LoopbackJS

Creating models

Model observers

Model relations

Subclassing access tokens

Persisting data using MongoDB

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

1 of 2

05-Redux and Material-UI 33 Units

Expand

Chapter Content

0% Complete 0/33 Steps

Wrapping components

Dispatching actions

Creating our store and reducers

Integrating remote API calls

Applying middleware

Material-UI intro

Drawer collapsing and animations

Icons, lists, links

Main content class

Persisting reducers using localStorage

Fetching posts and users from our API

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

1 of 2

06-WebSocket Chat Application 19 Units

Expand

Chapter Content

0% Complete 0/19 Steps

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

About Instructor

Ravi

5 Courses

+5 enrolled

Not Enrolled

Grab this Prowess

5000

Course Includes

6 Chapters
96 Units