Scribd
Upload
4 views

Working with React

The document outlines a comprehensive syllabus for learning React, covering topics such as HTML5, JavaScript, and React basics. It includes sections on working with HTML elements, application styling, Bootstrap, functional components, state management, and routing in React. Additionally, it addresses performance optimization techniques and the use of modern JavaScript features.

Uploaded by

shabilmohamed1234
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Working with React

The document outlines a comprehensive syllabus for learning React, covering topics such as HTML5, JavaScript, and React basics. It includes sections on working with HTML elements, application styling, Bootstrap, functional components, state management, and routing in React. Additionally, it addresses performance optimization techniques and the use of modern JavaScript features.

Uploaded by

shabilmohamed1234
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

React Syllabus

1. Working with HTML5

1. HTML Introduction and History

2. Working with HTML Elements

3. Adding Attributes to HTML Element

4. Working with Input Elements

5. Working with Forms

6. Working with Lists

7. Working with HTML Tables

8. Adding Styles to HTML Elements

2. Introduction to HTML5

1. Introduction to HTML5 Doctype

2. HTML5 New Elements

3. Working with HTML5 Geolocator APIs

4. Working with Local and Session Storage

5. HTML5 Audio and Video Tag

3. Working with Application Styling

1. Working with Classes for Styling

2. Attaching Styling to Element Id

3. CSS Box Model

4. Working with Flexbox

5. Adding Animation to the Elements

6. Working with “position”

7. Introduction to “display” Property

4. Working with Bootstrap

1. Introduction to Bootstrap

2. Bootstrap Layout Model

3. Working with Bootstrap Components

4. Working with Bootstrap Utilities


1. Introduction to JavaScript

1. Creating Variables in JavaScript

2. Creating Functions in JavaScript

3. Returning Data from Functions

4. Working with Conditions

5. Looping in JavaScript

6. JavaScript Execution Model

7. Understanding “false” and “falsy” Values

8. Block Scope Variables

9. Function Definition vs Declarations

2. Working with Objects

1. Creating Object using Object Literals

2. Working with Module Pattern

3. Creating Singleton Objects

4. Creating Objects with Prototype Pattern

3. Manipulating DOM Elements with JavaScript

1. Accessing DOM Elements using “tag” name

2. Accessing DOM element using “classes”

3. Accessing Elements using “id”

4. Manipulating DOM Elements

5. Updating DOM styling with JavaScript

4. Working with Modern JavaScript

1. Working with ES6

2. Variable and Block Scope

3. Arrow Functions

4. Object Literals

5. Rest and Spread Operators

6. Template String

7. Working with Classes

8. Promises in ES6
9. Working with Async and Await

Working with React Basics


1. Introduction To React

2. What is React?

3. Setting Up React Development Environment

4. Advantages and Disadvantages

5. React vs Angular

6. Working with Virtual DOMs

2. Working with Functional Components

1. Understanding React Functional Component

2. Defining a Component

3. Component Rendering

4. Understanding JSX

5. JSX vs Native JavaScript Implementation

6. Multiline JSX

7. Understanding the parameters in “ReactDOM”

3. Working with Data in Functional Component

1. Understanding Props Data

2. Passing Props data to the Component

3. Understanding and Updating Props

4. Interpolating Data in Component

5. Invoking Functions in React Component

6. Raising Event with React Components

7. Working With Spread and Rest Operators

4. Creating State Components

1. Understanding State Components

2. Adding State to the Component

3. Passing State to Child Components

4. Updating Component State


5. Understanding State Update impact on props

6. Working with “setState”

7. Understanding “setState” asynchronous behavior

5. Working with Child Components

1. Adding Child Component to Parent Components

2. Passing Data to Child Components

3. Lifting the State

4. Updating the Parent Data from Child Component

6. React Basics Introduction

1. Working with Conditional Operators

2. Working with Iterations

3. Working with Keys in Iteration

4. Incorrect Usage of Keys

5. Performance Impact of Keys in Iteration

7. Working with Routing in React

1. Understanding the dynamics of Single Page Architecture

2. Creating Single Page architecture with React Routers

3. Working with BrowserRouter and HashRouter

4. Defining React Router and Switch and Links

5. Nested Routing in React

6. Working with Render Props

7. Creating Private Routes

8. Prompt User on Page Redirection

9. Creating Custom Routes and Links

8. Working with Forms

1. Capturing Events from Forms

2. Updating Forms Data


3. Working with Uncontrolled Elements

4. Working with TextArea, Inputs, et

9. Performance Optimization with React 16.8

1. Working with Pure Components

2. Working with React Fragments

3. Function binding with Arrows vs “bind” keyword.

4. Providing Default parameters

You might also like