Node with React: Build & Deploy a Fullstack Web Application

Build & deploy a social network app using React, Typescript, MongoDB, Redis, Queues, AWS, Terraform, CircleCI & more.

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

Node with React: Build & Deploy a Fullstack Web Application udemy course

Build & deploy a social network app using React, Typescript, MongoDB, Redis, Queues, AWS, Terraform, CircleCI & more.

What you'll learn:

  • Foundations of Cloud Computing on AWS and Linode
  • Cloud Computing Service Models (IaaS, PaaS, SaaS)
  • Deploying and Configuring a Virtual Instance on Linode and AWS
  • Secure Remote Administration for Virtual Instances using SSH
  • Working with SSH Key Pair Authentication
  • The Foundations of Linux (Maintenance, Directory Commands, User Accounts, Filesystem)
  • The Foundations of Web Servers (NGINX vs Apache)
  • Foundations of Databases (SQL vs NoSQL), Database Transaction Standards (ACID vs CAP)
  • Key Terminology for Full Stack Development and Cloud Administration
  • Installing and Configuring LAMP Stack on Ubuntu (Linux, Apache, MariaDB, PHP)
  • Server Security Foundations (Network vs Hosted Firewalls).
  • Horizontal and Vertical Scaling of a virtual instance on Linode using NodeBalancers
  • Creating Manual and Automated Server Images and Backups on Linode
  • Understanding the Cloud Computing Phenomenon as Applicable to AWS
  • The Characteristics of Cloud Computing as Applicable to AWS
  • Cloud Deployment Models (Private, Community, Hybrid, VPC)
  • Foundations of AWS (Registration, Global vs Regional Services, Billing Alerts, MFA)
  • AWS Identity and Access Management (Mechanics, Users, Groups, Policies, Roles)
  • Amazon Elastic Compute Cloud (EC2) – (AMIs, EC2 Users, Deployment, Elastic IP, Security Groups, Remote Admin)
  • Foundations of the Document Object Model (DOM)
  • Manipulating the DOM
  • Foundations of JavaScript Coding (Variables, Objects, Functions, Loops, Arrays, Events)
  • Foundations of ReactJS (Code Pen, JSX, Components, Props, Events, State Hook, Debugging)
  • Intermediate React (Passing Props, Destrcuting, Styling, Key Property, AI, Conditional Rendering, Deployment)
  • Building a Fully Customized E-Commerce Site in React
  • Intermediate React Concepts (JSON Server, Fetch API, React Router, Styled Components, Refactoring, UseContext Hook, UseReducer, Form Validation)

Requirements:

  • Basic computer skills.
  • Basic knowledge of markup languages (HTML and CSS).
  • No programming experience needed. You will learn everything you need to know.

Description:

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, Staging and 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...

Who this course is for:

Course Details:

  • 91 hours on-demand video
  • 11 articles
  • 147 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of completion

Node with React: Build & Deploy a Fullstack Web Application udemy free download

Build & deploy a social network app using React, Typescript, MongoDB, Redis, Queues, AWS, Terraform, CircleCI & more.

Demo Link: https://www.udemy.com/course/node-with-react-build-deploy-a-fullstack-web-application/