DevSecOps Build and Deploy a Website From Scratch (AWS) 2021
- Description
- Curriculum
- FAQ
- Reviews
React is the most popular JavaScript library of the last five years, and the job market is still hotter than ever. Top companies like Facebook, Microsoft, Instagram, PayPal and Twitter are using React in the development of their tools and apps, so there’s no reason not to learn it.
In this course we will begin learning the fundamentals of React such as components, handling forms and more, and we will be digging into the world of hooks. We will be explaining the basic hooks that are commonly used. then we will begin writing our front-end for our to-do list app and we will power it up with our back-end that we’re going to write as well. After all of that, we will deploy our website into AWS and we will be using the latest best practices .
So in summary, in this course we will talk about:
-
React fundamentals
-
React hooks
-
How to create RESTful APIs
-
How to integrate Express with MongoDB
-
How to integrate React with Express
-
How to deploy our website into AWS from the Scratch
-
Using the Latest Best Practices from AWS to deploy the website
-
Cost optimization so that you will not pay extra , only the necessary costs
There are no prerequisites. Just a basic understanding of HTML and, because you’re learning React, you should have a bit of knowledge of JavaScript with its new standards (ES 2015+) , also you should be familiar a little bit in AWS and the Cloud Concept
Am I eligible for this course? Yes, if you are one of the below:
-
Developers looking to learn React
-
Developers tired of writing jQuery code and want to step up their skills.
-
Developers trying to build apps with React
-
Developers trying to learn full stack development
-
Developers trying to learn how to build a RESTful API
-
Developers looking to start into freelancing
-
Hobbyists trying to enjoy their time by building a fun app
-
DevOps Engineers that want to learn how to deploy Websites
-
DevOps Engineers that want to learn the best practices for Web App Deployment
-
DevSecOps Engineers
-
4
Environment Setup Lectures -
5
Installing Node -
6
Installing React
-
7
Installing MongoDB Locally
-
8
Installing ExpressJS & Mongoose
-
9
Learn React (Crash Course) Lectures
-
10
What is JSX?
-
11
Writing Our First App
-
12
Components #1
-
13
Components #2
-
14
Writing Components
-
15
Understanding Our App Structure
-
16
Props
-
17
Lifecycle Methods
-
18
State #1
-
19
State #2
-
20
Seconds Counter App
-
21
Handling Forms
-
22
Controlled Components
-
23
The Hooks System
-
24
The useState() Hook
-
25
The useEffect() Hook
-
26
Refactoring the Seconds Counter App
-
27
The Return Statement Inside of useEffect()
-
28
Functioncal vs. Class Components
-
29
Making Requests Inside of React
-
30
The Article Searcher App
-
31
Sending Requests
-
32
Displaying the Results
-
33
The 'dangerouslySetInnerHTML' Prop
-
34
Deployment with Vercel
-
35
The 'key' Prop
-
36
Alternative Method
-
37
Creating the Front-End Lectures
-
38
Thinking About the Front-End
-
39
Using Semantic UI
-
40
Creating the Form #1
-
41
Creating the Form #2
-
42
Turning the Input into a Controlled Component
-
43
Creating Sections
-
44
Creating the To-Do List
-
45
Editing the To-Do Items
-
46
Styling the Input and Listening for Key Codes
-
47
Auto Focusing the Input and Making it a Controlled Component
-
48
Fixing the ESC Key
-
49
Checking To-Do Items
-
50
Simulating Our Back-End
-
51
Fixing Some Problems
-
52
Adding To-Do Items
-
53
Emptying the Input and Form Validation
-
54
Removing To-Do Items
-
55
Writing the Logic of removeTodo()
-
56
Creating the Back-End Lectures
-
57
Building our Back-End Structure
-
58
Connecting to Our Database and Creating a Model
-
59
Fetching Data from Our Database
-
60
Solving the Warning Messages
-
61
Creating More Routes
-
62
Inserting & Deleting Records
-
63
Following RESTful Conventions
-
64
Creating the PUT Method
-
65
Responding to Requests
-
66
Binding the Front-End with the Back-End Lectures
-
67
Paving the Way for Binding
-
68
Making Requests from Our Front-End
-
69
Solving the CORS Issue
-
70
Creating To-Do Items from Our Front-End
-
71
Deleting To-Do Items from Our Front-End
-
72
Editing To-Do Items from Our Front-End
