Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Dynamic Classes
After learning how to create dynamic styles, you will learn to create dynamic classes and use the classes instead of the component details.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Dynamic Styling
In this lecture, you will learn to create a dynamic style that we can apply globally to the React game project.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Global Styling
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Square to Circle Component
After completing the inline styles to our components in the previous video, we will take it further by applying more styles to make them more attractive in the project.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Inline Styling
This video focuses on how we can style some of the components of the project and create some inline styles for our React components.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Passing Arguments to Click Events
After learning how to run an Event and to destructure a prop, we will look at passing arguments to the click events to define conditions and parameters.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Passing Props - Destructing - React Children
We will take a second look at the props or properties learned in the previous project and take lessons to the next level. We will define the properties of the circles of this game project.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Game Circle - Event
In this video, we will create the game board component and define the Event() functions for the game.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Creating the Game Board
This video demonstrates how to create the game board for the Connect-4 game, which will download all the dependencies and files required, create a template and do the configurations.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Tools Needed - Node JS
This video outlines the tools needed to be used to complete this project. We will need Node JS, a runtime engine built on Chrome's V8JavaScript engine, for this project.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Project Introduction - What We Will Build - Connect-4-Clone
This video outlines what we will build in Project 2, a game called Connect-4-Clone.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Project Summary -1
This video outlines the summary of what we have learned as we created the calculator project with a quick recapitulation of concepts.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Debugging in React
This video elaborates on how we can debug React applications to resolve errors and make the app functional and proper.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing the Calculator - Operators
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing the Calculator - Display
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Using React State Hook
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".
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Passing Parameters in Callback Functions
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Events in React
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Building the Calculator Visuals
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - React Components, Props, and Callbacks
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Introduction to Props in React
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Why Components?
This video elaborates on functional components because the React program encourages using functional components.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Functional Components in React
In this video, we will understand how to introduce functional components to load data into our React project, the basic calculator.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Introduction to JSX
In this video, you will learn to use JSX, which allows us to incorporate HTML into our JavaScript codes.