Instructional Video10:56
Curated Video

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

Higher Ed
In this video, you will learn about rendering, the process of generating a photorealistic or non-photorealistic image from a 2D or 3D model using a computer program of the various categories of elements.
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 Video4:08
Curated Video

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

Higher Ed
This video will introduce the JSON server and its components and concepts. We will understand the need to use the JSON server in our project and how it functions.
Instructional Video4:04
Curated Video

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

Higher Ed
This video will look at scaffolding, a meta-programming method of building database-backed software applications. It is a technique supported by some model view and generally refers to the setup skeleton for an app.
Instructional Video2:00
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Project Introduction - What We Will Build - the components required to implement the project

Higher Ed
In this lesson, you will learn about the project details, what we will build, and the components required to implement the project.
Instructional Video2:42
Curated Video

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

Higher Ed
This recapitulation video briefly summarizes our entire project and what concepts you have learned.
Instructional Video2:47
Curated Video

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

Higher Ed
n this guide, you will learn how to deploy your Gridsome site to Surge. Surge is a cloud platform for hosting static websites.
Instructional Video6:08
Curated Video

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

Higher Ed
In this lesson, you will learn to deploy Netlify, which helps accelerate the time to deploy website and app integrations and APIs on one powerful serverless platform.
Instructional Video8:23
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Conditional Rendering

Higher Ed
In this lesson, we will look at a term to describe the ability to render different user interface (UI) markup if a condition is true or false—conditional rendering.
Instructional Video7:14
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - CSS Variables

Higher Ed
In this video, we will look at custom properties (sometimes called CSS variables or cascading variables), entities defined by CSS authors that contain specific properties that define the variables.
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 Video12:13
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Suggesting a Move - Implementing a Computer Player

Higher Ed
Here, we will define the game's moves, where the game makes suggestions to the player to make a particular move, or we will be able to click on the New Game button to reset a game and start over. You will also learn to implement a player...
Instructional Video6:23
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Initializing the Game

Higher Ed
Here, we will use the component "didinitevent" to initialize the game on the game board using the React State hook. You will also learn to initialize the players of the game.
Instructional Video3:24
Curated Video

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

Higher Ed
This video illustrates a lifecycle event in React. It explains the different functions defined and invoked during an event and how the functions work to cause an effect on the event.
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 Video14:41
Curated Video

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

Higher Ed
After defining the moves in the game and being able to calculate the winner, we will now create a display effect on the game board to display the winner after the game is completed.
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 Video11:17
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Styling the Game Board - Header and Footer

Higher Ed
We will take the styling of the game board further, and instead of just the 16 circles, we will add a header and footer to the game board and improve its overall appearance.
Instructional Video2:12
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - React Key Property

Higher Ed
Here, in this lesson, you will learn how to assign a key property to each user in the React game.
Instructional Video8:20
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Initializing the Game Board

Higher Ed
In this lecture, you will learn to debug the errors created in the previous video, which did not allow certain functions to execute properly, and we will initialize the game board.
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 Video14:32
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Using React State Hook (again)

Higher Ed
You will learn to use the React State hook you learned to use in Project 2. Further, we will use the hook to add more functionality to the game in our React project.
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.