Instructional Video8:54
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Benefits of Cloud Computing

Higher Ed
This lecture will explain the various benefits of cloud computing, the core advantages, and cloud administration.
Instructional Video2:59
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Introduction to Cloud Computing

Higher Ed
This video is a brief introduction to cloud computing concepts. It outlines what cloud computing comprises, virtual instances, and system and networking resources.
Instructional Video2:52
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Project Summary - 3

Higher Ed
After completing all the lessons in the section, and ultimately implementing the project and testing out the project, this video provides a detailed recapitulation of the concepts learned in this project for the React app.
Instructional Video8:03
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Validating Forms in React - Part 4

Higher Ed
You will learn how to highlight the entry box for text using the Event() function to enable us to see where we are making entries into the form.
Instructional Video8:19
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Validating Forms in React - Part 3

Higher Ed
Here, we will continue with the validation of information in the forms; we will also be looking at providing feedback to the user based on the information validation process with visuals.
Instructional Video9:23
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Validating Forms in React - Part 2

Higher Ed
This is a continuation of the previous lesson, where we will continue validating the information we place on the form before checking out.
Instructional Video8:55
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Validating Forms in React - Part 1

Higher Ed
In this video, you will learn to validate our forms in React. Here, the form will force us to enter details before we are taken to the product confirmation page.
Instructional Video7:44
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Better Searching with Debouncing

Higher Ed
You will learn tips and tricks for better searching using the debouncing technique, using up, down, and clear, and developing a clear search feature.
Instructional Video14:31
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing Search Results

Higher Ed
In this video, we will understand how to implement a search bar on the basket page. We will generate a couple of components that will aid us in inputting in a textbox and allow the page to search for the component based on the stored...
Instructional Video13:15
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Introduction to Local Storage

Higher Ed
In this lesson, you will learn about the local storage of information in a basket. When we place items in a basket and refresh or reload the page, it should be able to retain the items placed in the list until the transaction is processed.
Instructional Video6:51
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing the Order Confirmation

Higher Ed
For the final checkout page to perform the next set of actions, you will learn how to implement an order confirmation before going ahead with the last order for payment.
Instructional Video12:39
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Checkout - Fixing the State

Higher Ed
We will create a checkout page, which will require us to handle the items in the product list, make final calculations, and add any other info if needed; reloading the page should allow us to make changes in the total by adding or...
Instructional Video1:14
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Finishing the Checkout

Higher Ed
You will learn to create forms to collect information and validate user information such as billing address, mode of payment, and so on.
Instructional Video7:58
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing Basket Total

Higher Ed
After implementing the shopping basket and all the functions it needs, we will execute the tasks required to make the basket add up the totals of the prices of each product multiplied by the number of items and add other features such as...
Instructional Video4:44
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing Basket Icons

Higher Ed
In this video, you will learn to create basket icons, implement them one by one, and test them for functionality.
Instructional Video6:30
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing the Basket

Higher Ed
After creating a ledge for the basket page, we will now learn to add functionality to the basket and start receiving items from the product list and the function buttons to work.
Instructional Video11:19
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Basket Layout

Higher Ed
In this video, you will learn how to create the basket layout for storing the chosen products and increase or decrease the quantity of the items or delete the items from the list.
Instructional Video18:07
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - UseContext Hook and UseReducer Hook in React

Higher Ed
Let's understand UserContext Hook, which makes it easy to pass data throughout your app without manually passing props down the tree, and UseReducer Hook, which allows for a simpler, predictable, and organized way to update our component.
Instructional Video9:01
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Introduction to Context in React

Higher Ed
This video discusses the context in React, a method to pass props from parent to child component(s) by storing the props in a store. We will create a "cart" context to store items in our shopping cart.
Instructional Video5:58
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Refactor the Homepage

Higher Ed
In this lecture, the next step is to start building the homepage of the ecommerce site. We will use components to tell React what we want to see on the screen.
Instructional Video5:32
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Refactor the Layout

Higher Ed
In this video, we will understand cleaning up a bloated render method in a React component by extracting a layout component.
Instructional Video8:31
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Refactor the Categories

Higher Ed
This video demonstrates how we can refactor product listing categories based on certain specifics, update any changes made to the products, or take them off the listing.
Instructional Video4:15
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Dangerously Set HTML (Yeah Really)

Higher Ed
Let's learn about dangerouslySetInnerHTML, a property you can use on HTML elements in a React application to set their content programmatically.
Instructional Video3:15
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Styled Components - Product Description

Higher Ed
In this lesson, we will understand the styled system, a collection of utility functions that adds style props to your React components and allows you to control styles based on criteria.