Contents
Of your course.
module 1
Diploma in React JS
+
-
Introduction to React and JavaScript
This lesson will give you a high level description of what is React JavaScript all about, and why it is so important to have it in your skillset. The lesson will introduce you to the JavaScript Programming Language, you'll learn how to install Visual Studio Code on your machine, and then we will write a basic JavaScript program.
JavaScript Data Types and Variables
This lesson will introduce you to the basic JavaScript data types. We will also discuss variables and the important use cases of them in JavaScript. Lastly, other basic JavaScript Syntax, such as how to write comments in JavaScript programming language will be covered.
Statements in JavaScript
The lesson will explain how to write JavaScript sentences and commands. We will also discuss conditionals such as If statements.
Arrays
This lesson will cover the basics of arrays and where to use them. Then we'll explain the use of the pop method to remove a value from the end of the array, and the push method to add a value to the end of the array. We are also going to take a look at the types of values we can store inside the array, as well as how to access and modify each value by its index.
Functions
Today's lesson will discuss functions - what they are, and the syntax associated with writing a function in the JavaScript programming language.
Objects
In this lesson you will understand what is "objects" and what we can do by using them, before jumping into a practical demonstration on how to create and work with objects.
ECMAScript (ES6) Refresher
This lesson will teach you the new features of JavaScript, including arrow functions and how to create them, the new way of doing string concatenation in JavaScript, and de-structuring
More on ES6
This lesson will be completing the previous lesson and will explain additional features of ES6, including for Each, the Map function and how we use it, and finally, the Filter function and how it works.
module 2
Intermediate in React JS
+
-
Meeting React
Here we will start by understanding React, and how React solve problems. Then we will introduce Create react App, the great way of creating react applications, then we will see the folder structure of the the app and then will go through the files and explain what is inside and how they are linked to each other
Introduction to JSX
In this lesson, we will understand what JSX is, and what its benefits are. We will also learn how to create elements with JSX.
Making React Interactive with States
Components are the heart of React - everything we render to the screen is written in a component. in this lesson we will understand components and their different types.
React Component Lifecycle Events
In this lesson you will take a look at the lifecycle methods available for class components, you will learn what is Component Mounting Lifecycle Methods, and then move to understanding Updating Lifecycle Methods.
Handling Events in React
This lesson provides the solution on how to handle events in React. We will also learn how to exchange data between components.
Working with forms in React
In this lesson we are going to learn the basics of working with Forms in React, we will see how to capture data from different input tags, and make it available for submission.
Scaling React components
By the end of this lesson you’ll be familiar with most features of React. You’ll become adept at making your code more developer friendly
Project: To do List
This lesson will walk you through a complete project, gradually building on the concepts you’ve learned in the previous lessons. This project will also reinforce the material by repeating some of the techniques and ideas that are most important in React.
