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 Video7:35
Curated Video

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

Higher Ed
After learning to use the React state hook, we will now look at storing variables passed with the () event to put in the calculator's display.
Instructional Video4:50
Curated Video

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

Higher Ed
In this lesson, you will learn about the React State hook component and how to implement it in our project. We will understand a hook, a function provided by React; they start with the word "use".
Instructional Video4:36
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Passing Parameters in Callback Functions

Higher Ed
After learning how to use callback functions in the previous lesson, we will now use the callback functions we created in the parent component of our code and pass them on to the instances of the child component.
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.
Instructional Video11:09
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Building the Calculator Visuals

Higher Ed
This video demonstrates how to build the visuals of our elementary calculator project. We are going to develop a very basic component called a calculator.
Instructional Video4:24
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - React Components, Props, and Callbacks

Higher Ed
In this video, we will look at the React root component, namely the app, the dashboard, the admin, and other elements of the project that form the tree structure of React.
Instructional Video3:59
Curated Video

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

Higher Ed
In this lesson, you will learn more about props or properties used in React. Here, the properties are transferred from the parent component to the child component.
Instructional Video3:10
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Why Components?

Higher Ed
This video elaborates on functional components because the React program encourages using functional components.
Instructional Video5:39
Curated Video

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

Higher Ed
In this video, we will understand how to introduce functional components to load data into our React project, the basic calculator.
Instructional Video4:13
Curated Video

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

Higher Ed
In this video, you will learn to use JSX, which allows us to incorporate HTML into our JavaScript codes.
Instructional Video4:48
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Code Pen

Higher Ed
In this video, you will learn how to use the code pen application as the text editor for writing our codes in the codepen.io portal.
Instructional Video1:10
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Tools Needed - Windows installer/binary, macOS installer/binary, and Linux binaries

Higher Ed
In this video, you will learn the tools we need to develop our React program, including Windows installer/binary, macOS installer/binary, and Linux binaries.
Instructional Video6:31
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Hello, React

Higher Ed
This is the first text code practice for the React program. Here you will learn how to write a simple text code, Hello React.
Instructional Video1:06
Curated Video

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

Higher Ed
This introductory video outlines the concepts to be covered in this module, including the various components and events in React.
Instructional Video4:50
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - What Is React?

Higher Ed
This video discusses a JavaScript library used to build user interfaces and maintained by Facebook.
Instructional Video1:03
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - Skills Required

Higher Ed
This video discusses the skills required to learn about React, including ES2015 JavaScript (arrow functions and destructuring).
Instructional Video2:38
Curated Video

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

Higher Ed
This is the continuation lesson of the practice project (photo gallery) based on what we have learned about JavaScript so far.
Instructional Video2:24
Curated Video

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

Higher Ed
This is a practice project (photo gallery) based on what we have learned about JavaScript.
Instructional Video2:14
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - JavaScript Project 1 - BG Color Changer

Higher Ed
This is a practice project (background color changer) based on what we have learned about JavaScript.
Instructional Video1:19
Curated Video

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

Higher Ed
In this video, we will look at the different events like mouse clicks, mouse overs, mouse out, key down, and document load.
Instructional Video1:54
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - JavaScript Functions

Higher Ed
In this video, you will learn about JavaScript functions to create blocks of code to perform particular tasks when called upon with an example.
Instructional Video1:15
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - JavaScript Break and Continue

Higher Ed
In this lesson, you will learn about the break and continue statements to either exit a loop or skip an iteration of a loop with examples.
Instructional Video1:58
Curated Video

AWS, JavaScript, React - Deploy Web Apps on the Cloud - JavaScript Do-While Loop

Higher Ed
Here, we will look at a variation of the while loop, the do-while loop, which will execute the entire code block once before checking that the condition is met and then allows the execution as long as the condition remains true.