React js training in Ahmedabad

React Js Course Details

[Module-1] Fundamentals of ReactJS

HTML
1. Introduction to HTML
2. HTML Elements
3. HTML Tags
4. HTML Anchor Tag
5. Images
6. HTML List
7. HTML Table
8. HTML Form
9. Div And Span
CSS
1. What is CSS?
2. CSS Syntax
3. CSS Boxes and CSS Selector
4. Font Formatting with CSS
5. Apply CSS in HTML files
JavaScript
1. JavaScript Basics
  1. How does the web work?
  2. Purpose of Scripting language
  3. History of JavaScript
  4. Libraries of JavaScript
  5. Versions of JavaScript
  6. What is JavaScript?
  7. Applications of JavaScript
  8. JavaScript Syntax
  9. JavaScript in HTML File
  10. JavaScript Variables
  11. Controls statements in JavaScript
  12. Running JavaScript code using The Console
  13. Alerts in JS
  14. User input using prompt.
  15. What is Function
    1. Parameter less and Parameterized
  16. Passing values to function using
    1. Prompt
    2. Text box
  17. Accessing values of the controls using name and Id Property.
  18. Button Events.
  19. CSS in JavaScript
2. JavaScript Objects
  1. What is a JavaScript Object?
    1. Creating Objects in JavaScript
    2. Defining Methods in JavaScript Object
    3. JavaScript Object Methods list
  2. What is JavaScript DOM?
  3. Important JavaScript Native Objects:
    1. Javascript - Number
    2. Javascript – Strings
    3. Javascript - Date
    4. Javascript - Arrays
    5. Javascript – Math
3. JavaScript Advanced
  1. What is BOM and DOM
  2. BOM objects ,its properties and methods.
    1. Window object
    2. Navigator object
    3. Screen object
  3. DOM object
    1. getElementById()
    2. getElementByName()
    3. getElementByTagName()
    4. innerHTML
  4. JS Form validation
    1. JS Email validation

[Module-2] Introduction to ReactJS

Introduction to ReactJS
Why do we use ReactJS?
What is Virtual DOM?
History Of ReactJS
Versions of ReactJS
React Environment Setup and installation
Creating React Project
Opening React Project in Visual Studio Code
React Project structure
Pros and Cons of React JS
Big question-
1. Angular V/S React
2. React V/S React Native

[Module-3] ES6 and JSX

React ES6
1. What ES6
2. Why use ES6?
3. ES6 Features
  1. Variables (let, const, var)
  2. objects
  3. classes
  4. this keyword
  5. Arrow Function
  6. Array.map() (See later in Module-4)
What is JSX?
How does JSX work?
Why use JSX?
React app with JSX and without JSX
Expression in JSX
Inserting Large Block of HTML
One Top Level Element(nesting of HTML element)
JSX Attributes
JSX Comments
JSX Styling
JS v/s JSX

[Module-4] Virtual DOM Concepts

React Components
1. Why react components?
  1. What are react components?
2. Types of react components
  1. Function Component
  2. Class Component
3. Putting Components into another file and Importing
4. Combining and importing class Components
5. Arrow function in class Component
6. Component Constructor
7. ES6 Array.map() with class Component
React State
1. Defining State
2. Changing State
React Props
1. Props introduction
2. React props with multiple props value
3. React Props validation with different Validators
4. ReactJS Custom Validator
Difference between ReactJS State and ReactJS Props

[Module-5] React UI,Event,Forms and its Controls

React Event
import/export in React
ReactJS List
1. Introduction of list
2. Rendering list inside component
ReactJS keys
React Forms
1. Adding forms to React
2. Handling Forms
3. Conditional Rendering
4. Submitting Forms
5. Multiple Input Fields
6. Validating Form Input
7. Adding Error Message
8. Textarea
9. Select
10. Radio Button
11. Checkbox

[Module-6] Component API and Component Life Cycle

ReactJS Component API
1. setState()
2. forceUpdate()
3. findDOMNode()

Initial Phase
Mounting Phase
Updating Phase
Unmounting Phase

[Module-7] Fragments and Routers

ReactJS Fragments
1. Why use fragments ?
2. Rendering with "div" tag v/s Rendering with "React.Fragment" tag
3. Benefits of Fragments
4. Fragments short syntax
ReactJS Routers
1. What are Routers?
2. Need of Routers
3. Installation of Routers
4. Components in React Routers
Single Page Application(SPA) Example

[Module-8] ReactJS CSS and Bootstrap

ReactJS CSS
1. Introduction to CSS in ReactJS
2. 4 ways to style ReactJS Components
  1. Inline Styling
  2. CSS Stylesheet
  3. CSS Module
  4. Styled Components
ReactJS Bootstrap

[Module-9] Flux and Redux

Flux
1. Introduction to Flux?
2. Flux Elements
3. Advantages of Flux
4. Flux v/s MVC
Redux
1. Redux Introduction
2. Redux over Flux OR MVC
3. Redux installation
4. Redux One way Data flow
  1. State
  2. Store
  3. Action
  4. Pure Function
  5. Reducer
  6. Redux app creation

Our Student Testimonials

LogicRays Academy is the place where you get family environment so that you can learn fast. Our mentor has trained us very well from Basic to advanced level with real example.

Keyur Desai

Python Course

I have taken training of C and C++ from LogicRays Academy. Technically teaching is really very good and practicals are also very nice and assignments has been prepared by the teachers. They are very helpful in examinations and the course that i have completed was around in 2 months.

Haard Sardhara

C, C++ Course

I have completed C and C++ training in LogicRays Academy, The teaching technique is really very good and i will definitely recommend my friend to join this Academy. Thank you!

Vraj Nagarsheth

C, C++ Course

React Js Training Institute

Limited Batch Size

Work on Live Projects

Get Assured Job

Get Expert Mentors

Problem Solving Sessions