AWS & React: Deploy an Auto-Scaling E-Commerce App with ELB

Name: AWS & React: Deploy an Auto-Scaling E-Commerce App with ELB
Rating: 4.2 (176 reviews)

Created byYouAccel Training, Blue Digital Media

Last updated 1/2023

English

What you'll learn

Navigating the AWS Management Console
Securing an AWS account with Multi-Factor Authentication (MFA)
Creating Billing Alerts
Deploying and Configuring EC2 Instances
Creating IAM roles for EC2
Working with Various EC2 Storage Services (EBS, EFS)
Creating EBS Snapshots and Amazon Machine Images (AMIs)
Attaching EC2 Instances to EBS and EFS Storage
Dynamic Workload Distribution using Elastic Load Balancers (ELBs) and Auto Scaling Groups (ASGs)
Routing Traffic through Amazon Route 53 and DNS
Understanding the Foundations of React
Creating a Basic Development Setup for Building a ReactJS App
Building a Customizable E-Commerce App using ReactJS

Course content

6 sections • 120 lectures • 13h 16m total length

Introduction1:28
AWS Pricing Foundations5:59
AWS Free Tier Overview5:20
AWS Acceptable Use Policy2:46
AWS Account Registration7:03
AWS Cloud Practitioner Exam - Key Topics8:01
AWS Global vs. Regional Services7:06
Differentiate global and regional AWS services, and understand how regions, availability zones, and local zones deliver high availability, fault tolerance, and low-latency performance.
Global vs. Regional Services Example5:53
Creating Billing Alerts8:45
AWS Multi-Factor Authentication (MFA)4:34
Activate MFA for the Root User Account4:01
Enable multi-factor authentication on the AWS root account using a virtual MFA device such as Google authenticator. Scan the QR code, enter two codes, and verify successful MFA login.
Creating IAM Users and Groups11:57
IAM User Custom Sign-In Link4:00
Configure a Custom Password Policy2:04

Introduction to EC23:08
Generate and review an iam credentials report to audit user activity, rotation of passwords and access keys, and mfa status, then download and view the csv for compliance.
EC2 Instance Core Features4:19
Explore Amazon EC2 core features, virtualization concepts, and how scalable, configurable virtual servers power AWS compute, with AMIs for Linux and Windows deployments.
EC2 Instance Types3:14
Discover AWS EC2 instance types, AMIs, and configurations for CPU, memory, and storage (instance store and EBS), plus SSH access, security groups, elastic IPs, ELB, and ASG.
Amazon Machine Images (AMI)8:51
Creating an IAM User for EC23:52
The EC2 Dashboard4:06
Deploying an EC2 Instance4:01
Deploying an EC2 Instance (Continued)8:57
Launch a free-tier EC2 t2 micro instance using the Amazon Linux 2 AMI, enable Apache via user data, and deploy a simple web page.
EC2 Instances Console5:37
Elastic IP (Theory)8:35
Elastic IP (Guide)2:38
Explore elastic IPs in AWS, learn how they're associated or disassociated with EC2, transferred within a region, and used for zero-downtime switches with DNS domain records.
EC2 Instance Administration (Guide)4:00
EC2 Instance Launch Templates5:50
Creating an Amazon Machine Image (AMI)4:32
Create and manage launch templates to deploy EC2 instances from saved configurations, preserving instance type, network settings, storage, and user data, with versioned templates for flexibility.
IAM Roles (Theory)4:47
IAM Roles (Practial Guide)3:20
IAM Roles for EC2 (Guide)5:48
Introduction to Security Groups2:34
Security Groups (Guide)7:03
Secure Socket Shell (SSH) Overview2:25
Discover how secure shell (ssh) enables remote administration of EC2 instances via command lines, across Mac, Linux, and Windows clients, with secure file transfer and remote task execution.
PuTTY (SSH) Client for Windows12:36
EC2 Instance Connect (Guide)2:28
Connect to an EC2 instance via the web-based EC2 instance connect client in your browser. Use the ec2-user on Amazon Linux 2 to run update and upgrade commands.

Introduction4:07
Block vs. File. vs Object Storage4:26
Compare AWS storage types: S3 object storage, EBS block storage, and EFS file storage, focusing on pricing, durability, availability, performance, interfaces, backups, and use cases.
Amazon Elastic Block Store (EBS) Overview7:17
Explore Amazon elastic block store (ebs) for ec2, including block-level storage, persistence, and encryption. Compare gp2 and io1 types with performance metrics.
Amazon EBS Guide [Part 1]8:23
Amazon EBS Guide [Part 2]6:09
EBS Snapshots Overview3:01
EBS Snapshots (Guide)5:53
Amazon Machine Image (AMI)2:53
Amazon AMI Guide [Part 1]6:32
Amazon AMI Guide [Part 2]7:11
Amazon EC2 Image Builder4:53
Amazon EC2 Image Builder Guide [Part 1]13:47
Amazon EC2 Image Builder Guide [Part 2]12:22
Continue working with the EC2 image builder pipeline to build, test, distribute, and integrate a final ami in us-east-1, launch an instance to verify aws cli v2 and openjdk corretto.
Amazon Elastic File System (EFS)7:08
Deploy an EC2 Instance with Ubuntu (Guide)10:07
Creating an EFS (Guide)5:37
Attach EFS to EC2 (Guide)6:06
Upload Files to EFS via FTP (Guide)7:08
Learn to upload files to a mounted EFS on an AWS EC2 instance using Cyberduck via SFTP, verify permissions, and create a test file to confirm the upload.
Attach EFS to Second EC2 Instance (Guide)9:37
Account Cleanup3:55

Introduction3:01
High Availability & Elasticity4:17
Elastic Load Balancer (ELB) Overview4:16
Auto Scaling Groups (ASG)3:56
ELB + ASG Prep: Setup AMI from EC226:16
ELB Deployment (Guide)15:04
Deploy an application load balancer to distribute http traffic on port 80 across two EC2 instances via a single endpoint, with target groups and health checks for fault tolerance.
Creating a Launch Template (Guide)5:00
Auto Scaling Groups (Guide)12:50
Automate EC2 scaling with an auto scaling group integrated with the application load balancer to deploy or terminate instances between four and six across six availability zones based on traffic.
Auto Scaling Strategies8:06
Dynamic Scaling (Guide)6:43
Step and Simple Scaling (Guide)7:20
Predictive Scaling (Guide)4:10
Creating a Launch Template (Guide)3:46
Virtual Private Cloud (VPC) Guide10:04
Amazon Route 53 & DNS Foundations (Guide)5:00
Route 53 Domain Registration & Routing (Guide)5:07
Route 53 Domain Settings and Hosted Zones5:51
Route 53 DNS Records in the Hosted Zone6:17
Account Clean-Up2:34

Project Overview2:00
Scaffolding the Project4:04
Intro to JSON Server4:07
Fetch API10:41
Learn to use the fetch API to pull JSON data from a JSON server, store it with a state hook, and render categories in a React app with map.
Styling the Store4:14
Rendering the Categories10:56
Binding the Products8:12
Refactor the Fetch API call8:56
Dealing with errors in Fetch API8:33
Wrap the fetcher in a try/catch to return a response with an error message and data. Update the app to display category and product fetch errors and expose getCategories and getProducts for centralized URLs.
Tidy the Fetch API call2:28
Styling the Product List13:07
Installing React Router6:14
Install and wire up React Router version six to enable client-side routing, then wrap the app with browser router and define routes for home and product detail pages.
Fixing the Key Warning4:03
React Router - Detail Page12:31
Fetch API - Get Product By Id9:03
Product Description5:32
Enhance the product detail page by fetching the product by ID, displaying image, title, specs, features, price, stock, and description in a three-column layout with React styled components.
Intro to Styled Components13:07
Styled Components - Product Description3:14
Dangerously Set HTML (yeah really)4:14
Refactor the Categories8:31
Refactor the Layout5:32
Refactor the Home Page5:57
Refactor home page by moving routing from index.js to app.js, using a layout component, and pass categories via props to the home route and footer links to basket and home.
Intro to Context in React9:01
Learn to implement a React context-based cart to share state across components, including creating a cart context provider, initial state, and add-to-basket interactions.
UseContext Hook and UseReducer Hook in React18:06
Basket Layout11:18
Extend the cart reducer with add, remove, increase, decrease, and clear, expose them via the cart context, and implement the basket layout with styled components and a checkout button.
Implementing the Basket6:29
Implement basket functionality by retrieving items from the cart context and rendering each item with its title, quantity, and price. Add controls to adjust quantity or remove items.
Implementing Basket Icons4:43
Implementing Basket Total7:58
Finishing the Checkout1:14
Checkout - Fixing the State12:38
Implementing the Order Confirmation6:51
Intro to Local Storage13:14
Implementing Search Results14:30
Better Searching with Debouncing7:43
Debounce the search API calls with a search term state and a half-second timeout using useEffect, while cleaning up and showing no results found when there are no matches.
Validating Forms in React - Part 18:55
Validating Forms in React - Part 29:22
Validating Forms in React - Part 38:18
Validating Forms in React - Part 48:02
Project Summary2:52

Requirements

Basic Computer Skills
No programming experience needed. You will learn everything you need to know.

Description

This course is designed to teach students the foundations of Amazon Web Services (AWS) and React.js. By the end of the course, students will have the skills necessary to build a fully customizable e-commerce site on an Amazon Elastic Compute Cloud (EC2) instance. The entire infrastructure will be highly available and scalable using Elastic Load Balancers (ELBs) and Auto Scaling Groups (ASGs).

The course begins by introducing students to AWS and the various services it offers. This includes a brief overview of the AWS management console and how to navigate it. From there, we delve deeper into the Amazon Elastic Compute Cloud (EC2) service. EC2 will serve as the backbone of the e-commerce site we build using React.JS. Students will learn how to launch and configure EC2 instances, as well as how to connect to them securely using remote connection utilities like PuTTY and Terminal.

Next, we will cover AWS Storage, including Elastic Block Store (EBS) and Elastic File System (EFS). Here, students learn to create and manage storage volumes, and how to securely connect them to EC2 instances. We also explore the different types of storage available on AWS and when to use each one.

After covering the basics, students learn to create Elastic Load Balancers and integrate them with Auto Scaling Groups for workload distribution. Here, we demonstrate how to create a highly available and scalable infrastructure for the e-commerce site which will be built in the last section of the course. The infrastructure will automatically scale based on traffic and overall load. Traffic will only be distributed to healthy nodes in the network, based on parameters that are established during configuration.

Finally, students learn how to build a fully customizable e-commerce site using React.js. Here, students will create and manage a React project, as well as effectively use React components to build a dynamic user interface. We also explore how to integrate the e-commerce site with other AWS services such as AWS storage, to efficiently scale capacity based on application requirements.

Throughout the course, students will work on hands-on projects to apply the concepts they have learned. These projects include building a simple e-commerce site to start and scaling up to a more complex site with advanced features such as product search, and product categories.

By the end of the course, students will have a solid understanding of the basics of AWS and React.js. Students will be able to build a fully functional and customizable e-commerce site on an EC2 instance. This includes having the knowledge and skills necessary to continue learning more advanced AWS and React.js concepts and being able to build out new projects independently.

This course is designed for developers and IT professionals who want to learn how to build scalable and highly available applications on AWS using React.js. No prior experience with AWS or React.js is necessary, but basic understanding of web development and programming concepts is recommended.

Who this course is for:

Students interested in the foundations of Amazon Web Services
Students interested in Deploying and Configuring EC2 Instances on AWS
Students interested in learning how to Administer an EC2 Instance Remotely
Students interested in Deploying Distributed Workloads using Elastic Load Balancers
Students interested in Auto-Scaling using Auto Scaling Groups (ASGs)
Students interested in Building Dynamic Web Applications using ReactJS

AWS & React: Deploy an Auto-Scaling E-Commerce App with ELB

What you'll learn

Explore related topics

Course content

Getting Started with AWS14 lectures • 1hr 19min

Amazon Elastic Compute Cloud (EC2)22 lectures • 1hr 53min

AWS Storage (EC2)20 lectures • 2hr 17min

ELB, ASG, Route 5319 lectures • 2hr 20min

Intro to React6 lectures • 23min

React Project - Build an E-Commerce Store39 lectures • 5hr 7min

Requirements

Description

Who this course is for: