Linode: Deploy Scalable React Web Apps On The Cloud

Cloud Computing | IaaS | Server Configuration | Linux Foundations | Database Servers | LAMP Stack | Server Security

What you'll learn

Introduction to Cloud Computing

Cloud Computing Service Models (IaaS, PaaS, SaaS)

Cloud Server Deployment and Configuration (TFA, SSH)

Linux Foundations (File System, Commands, User Accounts)

Web Server Foundations (NGINX vs Apache, SQL vs NoSQL, Key Terms)

LAMP Stack Installation and Configuration (Linux, Apache, MariaDB, PHP)

Server Security (Software & Hardware Firewall Configuration)

Server Scaling (Vertical vs Horizontal Scaling, IP Swaps, Load Balancers)

React Foundations (Setup)

Building a Calculator in React (Code Pen, JSX, Components, Props, Events, State Hook)

Building a Connect-4 Clone in React (Passing Arguments, Styling, Callbacks, Key Property)

Building an E-Commerce Site in React (JSON Server, Fetch API, Refactoring)

Requirements

Basic Computer Skills

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

Description

Welcome to our latest course, where you will have the opportunity to build customizable and highly scalable React Web Apps on Linode. In this course, you will learn the skills necessary to set up and deploy a remote instance on Linode, as well as the foundational knowledge of Linux and Ubuntu, web servers, and databases. By the end of the course, you will have built and deployed a fully functional E-Commerce site on a remote cloud server. In the first section of the course, we will introduce you to the basics of cloud computing and the different service models available, including IaaS, PaaS, and SaaS. You will learn about the advantages of using cloud computing and how it can benefit your projects. Next, we will guide you through the process of setting up a Linode account and deploying a remote instance on the platform. This will include configuring your instance, setting up networking, and securing your instance with firewalls.In the third section, we will delve into the foundations of Linux and Ubuntu. You will learn the basics of the command line interface, file system navigation, and basic Linux commands. This will be essential for managing your remote instance on Linode.We will then cover the basics of web servers and databases, including LAMP stack (Linux, Apache, MariaDB, and PHP). You will learn how to install and configure LAMP stack, as well as how to use it to serve your web applications.In the fifth section, we will focus on server security, including network and software firewalls. You will learn how to secure your server and protect it from potential threats using popular utilities like UFW, and custom Port configurations. From there, we demonstrate how to scale servers vertically and horizontally using application load balancers. This will include using web servers like Apache and Nginx to distribute traffic and ensure high availability for your web applications.Finally, we will delve into the world of React.JS. You will learn how to build a calculator, a connect-4 game, and an e-commerce site using React. You will learn about the basics of React components, state, and props, and how to use them to build dynamic, interactive web applications.By the end of this course, you will have a solid understanding of how to use Linode to set up and deploy remote instances, as well as the foundational knowledge of Linux, web servers, and databases. You will also have the skills to build dynamic and interactive web applications using React.JS.This course is designed for developers who are new to cloud computing and want to learn how to use Linode to build web applications. Some basic knowledge of web development and programming concepts is recommended but not required.If you're ready to take your cloud computing and web development skills to the next level, this course is the perfect place to start! Sign up now to get started.

Overview

Section 1: Introduction to Cloud Computing

Lecture 1 History of Linode

Lecture 2 Intro to Cloud Computing

Lecture 3 Benefits of Cloud Computing

Lecture 4 Cloud Computing Service Models

Section 2: Cloud Computing Service Models

Lecture 5 Infrastructure as a Service (IaaS)

Lecture 6 Platform as a Service (PaaS)

Lecture 7 Software as a Service (SaaS)

Lecture 8 IaaS vs PaaS vs SaaS

Section 3: Cloud Server Deployment on Linode

Lecture 9 Linode Account Setup

Lecture 10 Exploring the Linode Cloud Manager

Lecture 11 Enabling TFA on Linode

Lecture 12 Deploying a Linode Virtual Instance

Lecture 13 Exploring the Linode Instance Dashboard

Lecture 14 Remote Server Admin via SSH

Lecture 15 Password vs SSH Key Authentication

Lecture 16 SSH Key Pair Authentication on Windows

Lecture 17 SSH Key Pair Authentication on MacOS

Lecture 18 Connecting with LISH

Lecture 19 Adding SSH Public Keys to Linode

Section 4: Linux Foundations

Lecture 20 Introduction to Linux

Lecture 21 The Linux Filesystem

Lecture 22 Linux Maintenance Commands

Lecture 23 Linux Directory Commands [Part 1]

Lecture 24 Linux Directory Commands [Part 2]

Lecture 25 Ubuntu Basic Server Configuration

Lecture 26 Introduction to User Accounts

Lecture 27 Creating a Non-Root Account

Lecture 28 Securing the New User Account

Lecture 29 Disabling Root User Access and Password Authentication

Section 5: Web Server & Database Foundations

Lecture 30 Introduction to Web Servers

Lecture 31 Self Hosting vs Hosting Provider

Lecture 32 Web Server Software (NGINX vs Apache)

Lecture 33 Introduction to Databases

Lecture 34 SQL vs NoSQL Databases

Lecture 35 Database Transaction Standards (ACID vs CAP)

Lecture 36 CAP Theorem for NoSQL Databases

Lecture 37 Characteristics of SQL vs NoSQL DBMSes

Lecture 38 Key Terms: Stacks, Frameworks, & Languages [Part 1]

Lecture 39 Key Terms: Stacks, Frameworks, & Languages [Part 2]

Lecture 40 Key Terms: Stacks, Frameworks, & Languages [Part 3]

Section 6: LAMP Stack Installation and Configuration

Lecture 41 Installing LAMP Stack on Ubuntu via Command Line

Lecture 42 Installing LAMP Stack using Linode Marketplace

Lecture 43 Testing PHP on Apache

Lecture 44 Testing MariaDB Connection from PHP [Part 1]

Lecture 45 Testing MariaDB Connection from PHP [Part 2]

Lecture 46 Remote Server Administration using Linode GLISH

Section 7: Foundations of Server Security

Lecture 47 Introduction to Server Security

Lecture 48 Introduction to Firewalls

Lecture 49 Network Firewalls

Lecture 50 Securing SSH with a Network Firewall

Lecture 51 Strict Network Firewall Policy

Lecture 52 Hosted Software Firewalls UFW

Section 8: Server Scaling

Lecture 53 Introduction to Scaling

Lecture 54 Vertical Scaling

Lecture 55 Horizontal Scaling with Auto Load Balancers (NodeBalancer)

Lecture 56 Instance IP Swaps

Section 9: Server Images and Backups

Lecture 57 Introduction to Images and Backups

Lecture 58 Creating a Custom Image

Lecture 59 Linode Backup Service

Section 10: Account Clean-Up and Segment Overview

Lecture 60 Linode Account Clean-Up

Lecture 61 Segment Overview

Section 11: Introduction to React

Lecture 62 Skills Required

Lecture 63 What is React?

Section 12: Project 1: Build a Calculator in React

Lecture 64 Project Overview

Lecture 65 Hello React

Lecture 66 Tools Needed

Lecture 67 Code Pen

Lecture 68 Intro to JSX

Lecture 69 Functional Components in React

Lecture 70 Why Components?

Lecture 71 Intro to Props in React

Lecture 72 React Components, Pops, and Callbacks

Lecture 73 Building the Calculator Visuals

Lecture 74 OnClick Events in React

Lecture 75 Passing Parameters in Callback Functions

Lecture 76 Using React State Hook

Lecture 77 Implementing the calculator - Display

Lecture 78 Implementing the Calculator - Operators

Lecture 79 Debugging in React

Lecture 80 Project Summary

Section 13: Project 2: Build a Connect-4 Clone in React

Lecture 81 Project Introduction - What We Will Build

Lecture 82 Tools Needed

Lecture 83 Creating the Game Board

Lecture 84 Game Circle - OnClickEvent

Lecture 85 Passing Props - Destructing - React Children

Lecture 86 Passing Arguments to Click Events

Lecture 87 Inline Styling

Lecture 88 Square to Circle Component

Lecture 89 Global Styling

Lecture 90 Dynamic Styling

Lecture 91 Dynamic Classes

Lecture 92 Handling Callbacks

Lecture 93 Using React State Hook (again)

Lecture 94 Updating the Player Circle

Lecture 95 Initializing the Game Board

Lecture 96 React Key Property

Lecture 97 Styling the Game Board - Header and Footer

Lecture 98 Calculating the Winner

Lecture 99 Displaying the Winner

Lecture 100 Determining a Draw Condition

Lecture 101 React Lifecycle Events

Lecture 102 Initializing the Game

Lecture 103 Suggesting a Move - Implementing a Computer Player

Lecture 104 Smart Computer Player (Basic AI)

Lecture 105 CSS Variables

Lecture 106 Conditional Rendering

Lecture 107 Deploy to Netlify

Lecture 108 Deploy to Surge

Lecture 109 Project Summary

Section 14: Project 3: Build an E-Commerce Site in React

Lecture 110 Project Introduction - What We Build

Lecture 111 Scaffolding the Project

Lecture 112 Intro to JSON Server

Lecture 113 Fetch API

Lecture 114 Styling the Store

Lecture 115 Rendering the Categories

Lecture 116 Binding the Products

Lecture 117 Refactor the Fetch API call

Lecture 118 Dealing with errors in Fetch API

Lecture 119 Tidy the Fetch API call

Lecture 120 Styling the Product List

Lecture 121 Installing React Router

Lecture 122 Fixing the Key Warning

Lecture 123 React Router - Detail Page

Lecture 124 Fetch API - Get Product By Id

Lecture 125 Product Description

Lecture 126 Intro to Styled Components

Lecture 127 Styled Components - Product Description

Lecture 128 Dangerously Set HTML (Yeah Really)

Lecture 129 Refactor the Categories

Lecture 130 Refactor the Layout

Lecture 131 Refactor the Home Page

Lecture 132 Intro to Context in React

Lecture 133 UseContext Hook and UseReducer Hook in React

Lecture 134 Basket Layout

Lecture 135 Implementing the Basket

Lecture 136 Implementing Basket Icons

Lecture 137 Implementing Basket Total

Lecture 138 Finishing the Checkout

Lecture 139 Checkout - Fixing the State

Lecture 140 Implementing the Order Confirmation

Lecture 141 Intro to Local Storage

Lecture 142 Implementing Search Results

Lecture 143 Better Searching with Debouncing

Lecture 144 Validating Forms in React - Part 1

Lecture 145 Validating Forms in React - Part 2

Lecture 146 Validating Forms in React - Part 3

Lecture 147 Validating Forms in React - Part 4

Lecture 148 Project Summary

Students interested in Cloud Computing,Students interested in Remote Server Deployment, Configuration and Administration,Students interested in Web Server and Database Server Foundations,Students interested in Building Interactive Web Apps using ReactJS