HOME > Development > Node with React- Build Deploy a Fullstack Web Application

Node with React- Build Deploy a Fullstack Web Application

  • Development
  • Nov 25, 2024
SynopsisNode with React: Build & Deploy a Fullstack Web Applicati...
Node with React- Build Deploy a Fullstack Web Application  No.1

Node with React: Build & Deploy a Fullstack Web Application, available at $79.99, has an average rating of 4.32, with 589 lectures, based on 259 reviews, and has 2137 subscribers.

You will learn about Build a MERN (MongoDb, Express, React, Node) fullstack app Build an amazing social network application Define Infrastructure as Code using Terraform to easily create and destroy environment Setup Continuous Integration/Delivery Pipeline Integrate Terraform into CI/CD Pipeline Deploy full-scale application to AWS Use Redis for caching Setup Redis message queues and workers Learn to write unit tests for Frontend and Backend apps User AWS services like VPC, subnets, internet gateways, EC2, route53, elasticache, S3, cloudfront, load balancer, autoscaling group and much more. Setup Online Dev, Staging and Production Environments Integrate Slack in the CI/CD Pipeline Build custom react hooks Setup redux-toolkit This course is ideal for individuals who are Suitable for both beginners and intermediate React developers or Junior developers looking to enhance their skills or Web developers and Front End Developers who want to get into the backend development world or become Fullstack Developers or Frontend or Backend developers who wants to get into the world of cloud infrastucture with AWS It is particularly useful for Suitable for both beginners and intermediate React developers or Junior developers looking to enhance their skills or Web developers and Front End Developers who want to get into the backend development world or become Fullstack Developers or Frontend or Backend developers who wants to get into the world of cloud infrastucture with AWS.

Enroll now: Node with React: Build & Deploy a Fullstack Web Application

Summary

Title: Node with React: Build & Deploy a Fullstack Web Application

Price: $79.99

Average Rating: 4.32

Number of Lectures: 589

Number of Published Lectures: 588

Number of Curriculum Items: 589

Number of Published Curriculum Objects: 588

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

  • Build a MERN (MongoDb, Express, React, Node) fullstack app
  • Build an amazing social network application
  • Define Infrastructure as Code using Terraform to easily create and destroy environment
  • Setup Continuous Integration/Delivery Pipeline
  • Integrate Terraform into CI/CD Pipeline
  • Deploy full-scale application to AWS
  • Use Redis for caching
  • Setup Redis message queues and workers
  • Learn to write unit tests for Frontend and Backend apps
  • User AWS services like VPC, subnets, internet gateways, EC2, route53, elasticache, S3, cloudfront, load balancer, autoscaling group and much more.
  • Setup Online Dev, Staging and Production Environments
  • Integrate Slack in the CI/CD Pipeline
  • Build custom react hooks
  • Setup redux-toolkit
  • Who Should Attend

  • Suitable for both beginners and intermediate React developers
  • Junior developers looking to enhance their skills
  • Web developers and Front End Developers who want to get into the backend development world or become Fullstack Developers
  • Frontend or Backend developers who wants to get into the world of cloud infrastucture with AWS
  • Target Audiences

  • Suitable for both beginners and intermediate React developers
  • Junior developers looking to enhance their skills
  • Web developers and Front End Developers who want to get into the backend development world or become Fullstack Developers
  • Frontend or Backend developers who wants to get into the world of cloud infrastucture with AWS
  • React is one of the most popular library’s for building client apps with HTML, CSS and JavaScript. If you want to establish yourself as a front-end or full-stack developer, you need to learn React.

    This course follows a hands-on approach or ‘learn-by-doing, which means the whole course is structured around building a fullstack web application and the different concepts will be explained detailedly as they are introduced.

    What’s this course about?

    This course is about building a complete fullstack web application from scratch using popular development tools. The curriculum for this course is going to be very hands on as we walk from start to finish building and deploying the application to production. The course is structured into 2 main parts:

  • Development (Backend and Frontend)

  • Deployment (Infrastructure setup on AWS and CI/CD)

  • Each structure is broken down into its sections.

  • Backend development

  • Backend deployment

  • Frontend development

  • Frontend deployment

  • Students can go through all the sections or just the sections they are most interested in.

    What Technology You’ll Use

    We are building a real-time fullstack application with Continuous integration/delivery and automatic deployment, we’ll use a variety of technologies.

    Development

  • React

  • Redux-toolkit

  • NodeJS

  • Typescript and Javascript

  • Redis

  • MongoDB and Mongoose

  • Message queues

  • SocketIO

  • Jest for unit test

  • Cloudinary for image and video upload

  • Nodemailer and Sendgrid mail

  • and much more

  • Infrastructure Setup and Deployment

  • Terraform

  • AWS

  • CircleCI

  • Numerous AWS resources will be used. Some of those resources are:

    – VPC and subnets

    – Internet gateways

    – Route tables

    – NAT gateways and elastic ips

    – Security groups

    – Load balancers

    – Autoscaling groups

    – EC2 instances

    – Route53

    – S3

    – Code deploy

    – Elasticache for redis clusters

    – and much more

    Not familiar with some of these? No problem! This course will guide you on how to setup and use these technologies in your apps.

    What You’ll Be Able to Do

    By the time you complete this course or one of the sections you are interested in, you’ll be able

  • Build a real-time fullstack application

  • Setup unit tests in both your React application and NodeJS backend application

  • Setup CI/CD Pipeline

  • Setup Automatic Deployment

  • Create AWS Resources using Terraform

  • Integrate Terraform into CircleCI Pipeline

  • Setup Multiple Online Environments (Dev, Stagingand Production)

  • Use GitHub w/ CircleCI

  • Use Feature Branches on GitHub

  • Write unit tests

  • Create Custom React Components

  • Setup Redux-toolkit

  • Upload images and videos

  • And More

  • Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction

    Lecture 2: App demo

    Lecture 3: Video upload demo

    Lecture 4: App sections

    Lecture 5: Github repos

    Lecture 6: Github project links

    Chapter 2: Backend Introduction

    Lecture 1: Tools description

    Lecture 2: App features

    Lecture 3: Install tools

    Lecture 4: VSCode Extensions

    Chapter 3: Backend: Project Setup

    Lecture 1: Section introduction

    Lecture 2: Create backend project

    Lecture 3: TSConfig

    Lecture 4: Folder structure setup

    Lecture 5: Setup server class

    Lecture 6: Standard middleware

    Lecture 7: Setup http server – Part 1

    Lecture 8: Setup http server – Part 2

    Lecture 9: Mongoose connection

    Lecture 10: Database connection setup

    Lecture 11: Environment config class – Part 1

    Lecture 12: Environment config class – Part 2

    Lecture 13: SocketIO setup

    Lecture 14: Routes function

    Lecture 15: Global error handler

    Lecture 16: Logger setup

    Lecture 17: ESLint setup

    Lecture 18: Create github repo

    Lecture 19: Change absolute imports

    Lecture 20: Build script

    Lecture 21: About updating dependencies

    Lecture 22: Update dependencies

    Lecture 23: Update build script

    Chapter 4: Backend: Authentication Feature

    Lecture 1: Section introduction

    Lecture 2: App dataflow

    Lecture 3: Redis commands

    Lecture 4: Cloudinary upload function

    Lecture 5: Auth validation schemes

    Lecture 6: Joi validator decorator

    Lecture 7: Auth interface and model schema

    Lecture 8: Signup user method – Part 1

    Lecture 9: Signup user method – Part 2

    Lecture 10: Auth routes

    Lecture 11: User interface and model schema

    Lecture 12: Redis base class

    Lecture 13: Issue with redis HSET

    Lecture 14: Save user to redis cache – Part 1

    Lecture 15: Save user to redis cache – Part 2

    Lecture 16: Install redis commander

    Lecture 17: Base message queue

    Lecture 18: Base queue add job method

    Lecture 19: Auth queue and worker

    Lecture 20: Add JWT to session

    Lecture 21: View mongodb data with compass

    Lecture 22: User login controller

    Lecture 23: Login bug

    Lecture 24: Fix login bug

    Lecture 25: Signup auth bug fix

    Lecture 26: Update login controller

    Lecture 27: User logout controller

    Lecture 28: Get user data from redis cache

    Lecture 29: Get user by id from mongodb – Part 1

    Lecture 30: Get user by id from mongodb – Part 2

    Lecture 31: Current user controller

    Lecture 32: Authentication middleware

    Lecture 33: Merge feature branch to develop

    Chapter 5: Backend: Auth Password Reset

    Lecture 1: Section introduction

    Lecture 2: Mail transport class

    Lecture 3: Test dev email sender

    Lecture 4: Email queue and worker

    Lecture 5: Password reset templates

    Lecture 6: Test email with password reset templates

    Lecture 7: Forgot password controller method

    Lecture 8: Reset password controller method

    Lecture 9: Jest config

    Lecture 10: Unit test script command

    Lecture 11: Auth unit test mock

    Lecture 12: Signup unit test – Part 1

    Lecture 13: Signup unit test – Part 2

    Lecture 14: Clear mocks

    Lecture 15: Login unit test

    Lecture 16: Password reset and logout unit tests

    Lecture 17: Current user unit test

    Lecture 18: Push code to github

    Chapter 6: Backend: Post Feature

    Lecture 1: Section introduction

    Lecture 2: Post interface and model schema

    Lecture 3: Post joi validation scheme

    Lecture 4: SocketIO post handler

    Lecture 5: Create post controller method

    Lecture 6: Save post to redis cache

    Lecture 7: Use save post to redis cache method

    Lecture 8: Add post socketIO event

    Lecture 9: Post queue and worker

    Lecture 10: Post with image controller method

    Instructors

  • Node with React- Build Deploy a Fullstack Web Application  No.2
    Uzochukwu Eddie Odozi
    Software Developer
  • Rating Distribution

  • 1 stars: 7 votes
  • 2 stars: 3 votes
  • 3 stars: 12 votes
  • 4 stars: 56 votes
  • 5 stars: 181 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!