From Concept To Cloud Mastering Full-Stack Web Development

Published 4/2023
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.54 GB | Duration: 8h 7m
Level-up your Full-Stack dev skills by building an advanced WebApp using AWS, Nextjs, Node, Terraform, & many more tools

Free Download 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

Homepage

https://www.udemy.com/course/from-concept-to-cloud-mastering-full-stack-web-development/