From Concept to Cloud: Mastering Full-Stack Web Development

Focused View

Farris Ismati

8:07:01

58 View

1 - Introduction

1 - Introduction.mp4

01:55

2 - Who is this course for.mp4

01:02

3 - Defining requirements for our application.mp4

07:57

4 - Designing our system.mp4

04:10

5 - Final result preview.mp4

01:17

2 - Setting up basic tools and AWS

6 - Goals.mp4

00:45

7 - Installing Visual Studio Code.mp4

01:13

7 - Visual Studio Code Download Link.txt

8 - Docker Download Link.txt

8 - Installing Docker.mp4

01:11

9 - Downloading Node Yarn.mp4

01:53

9 - Instructions on how to download Yarn.txt

9 - Nodejs Download Link.txt

10 - AWS Login Link.txt

10 - Create an AWS account.mp4

01:53

11 - Setting up MultiFactor Authentication MFA with AWS.mp4

02:35

12 - Setup AWS access key.mp4

01:09

13 - Downloading AWS CLI.mp4

00:26

13 - Link to AWS Region names.txt

13 - Link to installing AWS CLI.txt

14 - Downloading and storing your AWS access keys.mp4

00:30

15 - Configuring OpenID Connect with Github.txt

15 - Setting up OpenID Connection for Github on AWS.mp4

02:23

15 - What are Github actions.txt

15 - What is Code Building.txt

15 - What is Infrastructure as a Service IAAS.txt

16 - Creating a role for our OpenID Connection.mp4

04:22

3 - Database

17 - Goals.mp4

01:04

18 - Generating a new SSH key guide.txt

18 - Setting up a Github repository.mp4

03:57

19 - Initialize Node project and configure Typescript.mp4

04:41

20 - Define data types.mp4

06:51

21 - Aside Adding a folder to gitignore file.mp4

00:43

22 - Initializing seed data.mp4

04:28

22 - vendors.ts

23 - Create a DynamoDB table.mp4

08:04

23 - DynamoDB ReadWrite capacity.txt

23 - DynamoDB table key schema.txt

24 - Describe a DynamoDB table.mp4

06:27

25 - Delete a DynamoDB table.mp4

01:59

26 - Insert a record to a DynamoDB table.mp4

07:39

27 - Seed all data into a DynamoDB table.mp4

03:14

4 - Network

28 - Goals.mp4

01:12

29 - Setting up a Github repository.mp4

01:37

30 - Setting up a gitignore file.mp4

00:41

31 - Creating an S3 bucket for Terraform state.mp4

02:15

32 - Adding Github actions secrets to Github.mp4

03:28

33 - GitHub actions Terraform code.txt

33 - Setting up Github actions.mp4

06:51

34 - Partial configuration.txt

34 - Terraform providers.txt

34 - Terraform starting point.mp4

03:17

35 - AWS subnet configuration.txt

35 - Terraform variables.mp4

04:39

36 - Attach the first policy to your OpenID Connect role.mp4

01:49

37 - Attach all policies to your OpenID Connect role.mp4

04:08

38 - More info on AWS VPC DNS.txt

38 - Terraform VPC.mp4

02:03

39 - Terraform Subnets.mp4

04:29

40 - Routing options guide.txt

40 - Terraform Route Tables.mp4

05:18

41 - Elastic IP Guide.txt

41 - Terraform Internet Gateway Nat Gateway Elastic IP.mp4

04:48

42 - Decomission resources.mp4

01:13

5 - Twitter Service

43 - Docker.txt

43 - ECR.txt

43 - ECS.txt

43 - Goals.mp4

01:13

44 - Getting a Twitter API key.mp4

00:48

44 - Twitter API guide.txt

45 - Setting up a Github repository.mp4

03:39

46 - Initialize Node project and configure Typescript.mp4

04:39

47 - Setting up Github actions.mp4

06:43

47 - main.zip

48 - Define data types.mp4

06:00

49 - Describe a DynamoDB table.mp4

03:29

50 - Generator function.txt

50 - Scan a DynamoDB table.mp4

09:49

51 - Get all scan results from a DynamoDB table.mp4

08:11

52 - DynamoDB update expresssions.txt

52 - Insert a tweet onto an array field in DynamoDB.mp4

08:37

53 - Send a message to SQS.mp4

04:32

54 - Building a twitter rule.txt

54 - Get a filter stream.txt

54 - Set Twitter stream rules.mp4

07:49

54 - rules-url.ts

55 - Get Twitter stream rules.mp4

02:44

56 - Delete all Twitter stream rules.mp4

03:45

57 - Parse a tweet from the Twitter stream.mp4

03:49

58 - Connect to a Twitter stream.mp4

10:09

58 - Twitter stream guide.txt

59 - Stream vendors.mp4

07:15

60 - Health check.mp4

02:35

61 - Putting it all together.mp4

02:15

62 - Dockerfile.mp4

04:46

62 - Docker images.txt

63 - Terraform variables.mp4

02:55

64 - Terraform starting point.mp4

01:25

65 - Create ECS secrets file.mp4

02:23

66 - Terraform Identity Access Management.mp4

08:17

66 - role.txt

67 - Terraform Loadbalancer.mp4

06:51

68 - Terraform ECS.mp4

09:26

68 - ecs.zip

69 - Terraform SQS.mp4

01:46

70 - Testing it all together.mp4

01:38

6 - API Websockets

71 - AWS Lambda.txt

71 - Goals.mp4

01:56

72 - Setting up a Github repository.mp4

02:53

73 - Initialize Node project and configure Typescript.mp4

02:14

74 - Setting up Github actions.mp4

01:28

75 - Create a connection table in DynamoDB.mp4

02:59

76 - Add connection.mp4

04:06

77 - Remove connection.mp4

01:13

78 - Remove a message from SQS.mp4

05:10

79 - Broadcast message with Websockets.mp4

06:59

80 - Connect Lambda function.mp4

04:19

81 - Connect Lambda function Dockerfile.mp4

04:34

82 - Disconnect Lambda function.mp4

00:49

83 - Disconnect Lambda function Dockerfile.mp4

01:17

84 - Send vendor Lambda function.mp4

07:29

85 - Send vendor Lambda function Dockerfile.mp4

00:26

86 - Get vendors Lambda function.mp4

07:21

87 - Get vendors Lambda function Dockerfile.mp4

01:20

88 - Terraform Identity Access Management.mp4

07:55

88 - role.txt

89 - Terraform Lambda.mp4

08:54

90 - Terraform API Gateway.mp4

11:30

91 - Testing our WebSockets on AWS.mp4

02:32

7 - UI

92 - Goals.mp4

01:26

92 - Nextjs developer docs.txt

93 - Creating a Personal Access token guide.txt

93 - Personal Access Token.mp4

01:56

94 - Google Maps for Developers.txt

94 - Google maps account.mp4

01:34

95 - Setting up a Github repository.mp4

02:50

96 - Initialize Nextjs.mp4

04:24

96 - babelrc.txt

97 - Dockerfile.mp4

01:18

98 - Setting up Github actions.mp4

02:54

99 - Removing default styles and code from Nextjs.mp4

06:36

99 - globals.zip

100 - Define data types.mp4

00:52

100 - types.ts

101 - Get vendors API.mp4

04:22

102 - Call getVendors from getStaticProps.mp4

05:54

103 - Create a wrapper for the map.mp4

05:07

104 - React refs.txt

104 - Render the map.mp4

06:39

105 - Customize your map styles.mp4

02:03

105 - Snazzy Maps.txt

106 - Deep comparison function for vendor tweets.mp4

07:57

107 - Pass vendor data into map component.mp4

04:52

108 - Displaying vendor on map with markers.mp4

05:56

109 - Fixing the disappearing map markers issue.mp4

05:10

110 - Setting up the map dashboard.mp4

04:10

111 - Create a food truck display tile.mp4

10:58

112 - Infinite scroller setup.mp4

04:41

113 - Load food trucks into the infinite scroller.mp4

04:53

114 - Sort food trucks.mp4

04:46

115 - Connect to the WebSocket.mp4

03:11

116 - Create event listeners on our WebSocket.mp4

07:25

117 - Terraform variables.mp4

01:44

118 - Terraform starting point.mp4

00:28

119 - Terraform Identity Access Management.mp4

03:30

120 - Build Spec code.txt

120 - Terraform Amplify.mp4

05:54

121 - Build your project on Amplify.mp4

04:31

8 - Post project

122 - Cleanup resources.mp4

02:32

Description

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

Who is this for?

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

What You Need to Know?

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

More details

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.
Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

As a full-stack software engineer with 8+ years of professional experience, I've had the privilege of working with multiple companies, including Spotify, where I currently write scalable code for their ads services. When I'm not working, I love spending my free time experimenting with personal coding projects and continuously learning. Despite not having a formal computer science education, I've achieved an impressive start to my career, which I attribute to my learning philosophy of building projects often and failing often. By building projects at different scales, you'll learn all the tools necessary to become a well-rounded software engineer quickly. I'm passionate about sharing my expertise and experience with others, so I'm excited to help you develop your skills and achieve your goals in my courses.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.