LearnVern
LearnVern Logo

React Js for Web Development 

  • Offered byLearnVern

React Js for Web Development
 at 
LearnVern 
Overview

Learn React from top industry experts at no cost to you

Duration

38 hours

Mode of learning

Online

Official Website

Go to Website External Link Icon

Credential

Certificate

React Js for Web Development
 at 
LearnVern 
Highlights

  • Earn a certificate upon completion
  • Get Life Time Access
Details Icon

React Js for Web Development
 at 
LearnVern 
Course details

More about this course
  • React is a JavaScript library that is open source and used to create user interfaces for single-page applications
  • The primary goal of React is to be fast, scalable and simple
  • It is simple to understand for anyone with a basic understanding of programming; all you need is a basic knowledge of CSS and HTML
  • React views can be thought of as functions of the state, which means we can play with the state we pass to the view and examine the output and triggered actions, events, functions and so on

React Js for Web Development
 at 
LearnVern 
Curriculum

React Introduction

About Course

What is React

Single Page Application

Why Choose React for Web Development?

Real Time Example

React VS Angular VS vue

Setting up the first project

Quiz : React Introduction

Components

Components in React

How to Create Components in React

Installation of Node

Creating the First Project

Understanding File Structure

Understanding Index.js

Introduction to JSX

Custom Components

Assignmnet : Introduction

Assignment : Components

Quiz : Components

JSX

Adding Template in JSX React

Adding Styles in JSX React

Dynamic Data in JSX React

Data Passing in React

Accessing Props in React

Implementing JS Code in JSX React

Creating Single Responsibility Components in React

Children Props in React

Other Details in JSX React

Assignment : JSX

Quiz : JSX

Events

Event Listening in React

Event Handling in React

States in React

Adding Forms in React

Feching Form Inputs in React

Storing Form Inputs in React

Another Method for Storing Form Inputs in React

Submitting Forms in React

Two Way Binding in React

Component Communication in React

Adding Custom Components in React

Lifting State up in React

Filter Component in React

Updating States in React

Controlled vs Uncontrolled Components in React

Assignment : Events

Quiz : Events

Iterations and Conditions

Iterating the List in JSX React

Arrays in React State

Filtering the Data in React

Conditional Rendering in React

Handling Conditions in React

Conditional Return in React

Adding Handlers in React part -1

Adding Handlers in React part -2

Charts in React

Adding Dynamic Style Sheets in React

Creating Dataset in React

Calculating Max Value in Charts

Global CSS in React

Assignment : Iterations and conditions

Quiz : Iterations and conditions

Other courses offered by LearnVern

– / –
– / –
– / –
Free
18 hours
Beginner
Free
9 hours
– / –
Free
7 hours
– / –
View Other 22 CoursesRight Arrow Icon
qna

React Js for Web Development
 at 
LearnVern 

Student Forum

chatAnything you would want to ask experts?
Write here...