Instructional Video8:47
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Deploying a Linode Virtual Instance

Higher Ed
In this video, you will learn how to deploy a virtual instance in Linode.
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 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 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 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 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.
Instructional Video9:03
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Fetch API - Get Product By ID

Higher Ed
This lesson will teach us how to fetch and get product information by ID. This code uses the fetch() function to call the Web API Product controller class.
Instructional Video13:07
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Styling the Product List

Higher Ed
This video demonstrates how we can update and stylize the product list based on specific ecommerce store's sales criteria.
Instructional Video2:29
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Tidy the Fetch API Call

Higher Ed
Here, you will learn how to clean up the Fetch API, which provides a JavaScript interface for accessing and manipulating protocol parts, such as requests and responses.
Instructional Video4:15
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Styling the Store

Higher Ed
Now, we will focus on creating a stylized interface for the store. We will define the page structure, the Events, and how the store behaves.
Instructional Video10:41
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Fetch API

Higher Ed
In this lesson, we will look at the Fetch API, a promise-based interface for fetching resources by making HTTP requests to servers from web browsers.
Instructional Video19:08
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Smart Computer Player (Basic AI)

Higher Ed
After creating the Suggest button and clicking on it, the game will suggest a random number so the player can strategize their moves. We will use artificial intelligence to improve the player's intelligence on the computer and make more...
Instructional Video5:51
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Determining a Draw Condition

Higher Ed
After getting the moves to function in the game, we will now determine a draw condition when there are two players and how the game is a tie or a draw, what parameters are defined to determine the draw, and the conditions of the game.
Instructional Video13:38
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Calculating the Winner

Higher Ed
In this video, after completely restyling our game board, we will focus on the game functionality and create the gaming functions, define the winner properties and conditions, and get the game to function.
Instructional Video17:13
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Updating the Player Circle

Higher Ed
Here, we will use the dynamic styles we created and learn to update the player circles with those styles to make the game more presentable.
Instructional Video3:47
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Handling Callbacks

Higher Ed
In this lesson, we will use the dynamic classes created in the previous video in callback functions to handle exceptions when running an Event function.
Instructional Video3:47
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Dynamic Classes

Higher Ed
After learning how to create dynamic styles, you will learn to create dynamic classes and use the classes instead of the component details.
Instructional Video4:00
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Dynamic Styling

Higher Ed
In this lecture, you will learn to create a dynamic style that we can apply globally to the React game project.
Instructional Video6:43
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Global Styling

Higher Ed
In this lesson, you will learn to create a global CSS file and add the styles we created in the last lesson into the global CSS file to control the styles in one location.
Instructional Video10:18
Curated Video

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

Higher Ed
In this video, we will continue to implement the calculator and test the operator functions by clicking on the operator buttons that we have created on the calculator.
Instructional Video5:54
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Events in React

Higher Ed
After learning how to build the visuals of our basic calculator, we will now create events using the () function to define tasks to the buttons created in the visual and use callback functions.