From Concept To Cloud: Mastering Full-Stack Web Development

Level-up your Full-Stack dev skills by building an advanced WebApp using AWS, Nextjs, Node, Terraform, & many more tools

What you'll learn

Learn how to develop a full-stack application with Node, AWS, & Nextjs from every stage starting with planning all the way to deployment

Create an application that interacts with its users in real-time by connecting a Twitter with your website using WebSockets

Perform almost every possible role an engineer can have during the production lifecycle of an application

Develop a website that utilizes server side rendering with Nextjs

Utilize the Google maps API with Reactjs to create a fully interactive map

Automatically build and deploy code when you push commits using Github Actions

Build over 7 different types of AWS resources with code using Terraform

Deploy a Nextjs application on AWS using Terraform and AWS Amplify

Containerize and test your Node and Nextjs code using docker

Build a fully functioning virtual private cloud on AWS with Terraform that will allow you to deploy internet enabled resources

Develop API endpoints and WebSocket endpoints using AWS Lambda functions and AWS API Gateway

Requirements

You should have a light to moderate level experience with JavaScript/Typescript/Node/React

You do not need any Devops experience as we will build with these concepts in mind from scratch

MacOs is recommended but not needed

Description

Ready to build a food truck tracking app over the course of a weekend? This course will give you the skills and knowledge to develop a real-time web application that tracks food truck locations using the Google Maps API and WebSockets. You'll wear many hats, including DevOps engineer, backend engineer, frontend engineer, and Solutions Architect, allowing you to gain hands-on experience in a variety of roles.Frontend engineer, you'll craft an intuitive user interface using Nextjs, leveraging the power of the Google Maps API while seamlessly integrating with the backend services you'll create.Backend engineer, you'll be responsible for building the API and WebSockets in Nodejs and deploying them on AWS, ensuring robust and efficient communication between the frontend and backend components.Solutions Architect, you'll design and construct the entire infrastructure on AWS, utilizing cutting-edge tools such as DynamoDB, Lambda, API Gateway, SQS, ECS, and more to create a robust and scalable system.DevOps engineer, you'll set up an efficient pipeline for your codebase using GitHub actions, streamlining development and deployment processes and increasing productivity.By the end of this course, you'll have developed a functional and exciting food truck tracking application that integrates multiple technologies, making you a versatile and in-demand developer.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Who is this course for?

Lecture 3 Defining requirements for our application

Lecture 4 Designing our system

Lecture 5 Final result preview!

Section 2: Setting up basic tools and AWS

Lecture 6 Goals

Lecture 7 Installing Visual Studio Code

Lecture 8 Installing Docker

Lecture 9 Downloading Node & Yarn

Lecture 10 Create an AWS account

Lecture 11 Setting up Multi-Factor Authentication (MFA) with AWS

Lecture 12 Setup AWS access key

Lecture 13 Downloading AWS CLI

Lecture 14 Downloading and storing your AWS access keys

Lecture 15 Setting up OpenID Connection for Github on AWS

Lecture 16 Creating a role for our OpenID Connection

Section 3: Database

Lecture 17 Goals

Lecture 18 Setting up a Github repository

Lecture 19 Initialize Node project and configure Typescript

Lecture 20 Define data types

Lecture 21 Aside: Adding a folder to .gitignore file

Lecture 22 Initializing seed data

Lecture 23 Create a DynamoDB table

Lecture 24 Describe a DynamoDB table

Lecture 25 Delete a DynamoDB table

Lecture 26 Insert a record to a DynamoDB table

Lecture 27 Seed all data into a DynamoDB table

Section 4: Network

Lecture 28 Goals

Lecture 29 Setting up a Github repository

Lecture 30 Setting up a .gitignore file

Lecture 31 Creating an S3 bucket for Terraform state

Lecture 32 Adding Github actions secrets to Github

Lecture 33 Setting up Github actions

Lecture 34 Terraform starting point

Lecture 35 Terraform variables

Lecture 36 Attach the first policy to your OpenID Connect role

Lecture 37 Attach all policies to your OpenID Connect role

Lecture 38 Terraform VPC

Lecture 39 Terraform Subnets

Lecture 40 Terraform Route Tables

Lecture 41 Terraform Internet Gateway, Nat Gateway, & Elastic IP

Lecture 42 Decomission resources

Section 5: Twitter Service

Lecture 43 Goals

Lecture 44 Getting a Twitter API key

Lecture 45 Setting up a Github repository

Lecture 46 Initialize Node project and configure Typescript

Lecture 47 Setting up Github actions

Lecture 48 Define data types

Lecture 49 Describe a DynamoDB table

Lecture 50 Scan a DynamoDB table

Lecture 51 Get all scan results from a DynamoDB table

Lecture 52 Insert a tweet onto an array field in DynamoDB

Lecture 53 Send a message to SQS

Lecture 54 Set Twitter stream rules

Lecture 55 Get Twitter stream rules

Lecture 56 Delete all Twitter stream rules

Lecture 57 Parse a tweet from the Twitter stream

Lecture 58 Connect to a Twitter stream

Lecture 59 Stream vendors

Lecture 60 Health check

Lecture 61 Putting it all together

Lecture 62 Dockerfile

Lecture 63 Terraform variables

Lecture 64 Terraform starting point

Lecture 65 Create ECS secrets file

Lecture 66 Terraform Identity Access Management

Lecture 67 Terraform Loadbalancer

Lecture 68 Terraform ECS

Lecture 69 Terraform SQS

Lecture 70 Testing it all together

Section 6: API & Websockets

Lecture 71 Goals

Lecture 72 Setting up a Github repository

Lecture 73 Initialize Node project and configure Typescript

Lecture 74 Setting up Github actions

Lecture 75 Create a connection table in DynamoDB

Lecture 76 Add connection

Lecture 77 Remove connection

Lecture 78 Remove a message from SQS

Lecture 79 Broadcast message with Websockets

Lecture 80 Connect Lambda function

Lecture 81 Connect Lambda function Dockerfile

Lecture 82 Disconnect Lambda function

Lecture 83 Disconnect Lambda function Dockerfile

Lecture 84 Send vendor Lambda function

Lecture 85 Send vendor Lambda function Dockerfile

Lecture 86 Get vendors Lambda function

Lecture 87 Get vendors Lambda function Dockerfile

Lecture 88 Terraform Identity Access Management

Lecture 89 Terraform Lambda

Lecture 90 Terraform API Gateway

Lecture 91 Testing our WebSockets on AWS

Section 7: UI

Lecture 92 Goals

Lecture 93 Personal Access Token

Lecture 94 Google maps account

Lecture 95 Setting up a Github repository

Lecture 96 Initialize Next.js

Lecture 97 Dockerfile

Lecture 98 Setting up Github actions

Lecture 99 Removing default styles and code from Next.js

Lecture 100 Define data types

Lecture 101 Get vendors API

Lecture 102 Call getVendors from getStaticProps

Lecture 103 Create a wrapper for the map

Lecture 104 Render the map

Lecture 105 Customize your map styles

Lecture 106 Deep comparison function for vendor tweets

Lecture 107 Pass vendor data into map component

Lecture 108 Displaying vendor on map with markers

Lecture 109 Fixing the disappearing map markers issue

Lecture 110 Setting up the map dashboard

Lecture 111 Create a food truck display tile

Lecture 112 Infinite scroller setup

Lecture 113 Load food trucks into the infinite scroller

Lecture 114 Sort food trucks

Lecture 115 Connect to the WebSocket

Lecture 116 Create event listeners on our WebSocket

Lecture 117 Terraform variables

Lecture 118 Terraform starting point

Lecture 119 Terraform Identity Access Management

Lecture 120 Terraform Amplify

Lecture 121 Build your project on Amplify

Section 8: Post project

Lecture 122 Cleanup resources

Frontend engineer that wants to learn how to build with Google Maps and Nextjs,Frontend engineer that wants to deploy their Nextjs application to AWS Amplify,Backend engineer that wants to learn how create WebSocket and API endpoints with API Gateway and serverless functions,Backend engineer that wants to learn how stream real time Twitter data with Nodejs and AWS,Cloud engineer that wants to learn how to deploy multiple types of AWS services to AWS with Terraform,DevOps engineer that wants to see how to build pipelines for multiple systems with Github Actions,Engineer that wants to upgrade their portfolio by adding an impressive project,Engineer that wants to learn how to containerize their Nextjs and Nodejs code