Download Careers360 App

    React JS Training and Certification

    BY
    Mindmajix Technologies

    Brochure Enquire
    Mode

    Online

    Duration

    14 Hours

    Fees

    ₹ 8000 10000

    Quick Facts

    particular details
    Medium of instructions English
    Mode of learning Virtual Classroom
    Mode of Delivery Video and Text Based

    Course and certificate fees

    Fees information
    ₹ 8,000  ₹10,000
    certificate availability

    Yes

    certificate providing authority

    Mindmajix Technologies

    The syllabus

    Module 1 - Introduction To ES5 & ES6

    • ES5
    • ES6
    • ES5 VS ES6
    • ES5 VS ES6 Syntax Difference
    • ES6 Advantages

    Module 2 - Introduction To React JS

    • Introduction to React JS
    • History of web development
    • History of React
    • DOM (Document Object Model)
    • DOM Manipulation
    • Virtual DOM
    • How does React use Virtual DOM
    • Virtual DOM vs Real DOM
    • Thinking in React
    • React one - way data binding
    • React two - way data binding
    • One way vs two-way data binding
    • Difference b/n one - way data binding & two - way data binding
    • Server-side Rendering
    • Advantages of using server-side rendering
    • Advantages of React.JS
    • When to use React JS? And when to opt for alternatives?
    • Applications of React.js

    Module 3 - Installation Setup

    • Installation Setup React JS
    • React JS environment Setup
    • Using the Create-react-app Command
    • Node Package Manager
    • Default vs Named Exports
    • Lets Start Coding ....Hello World Program
    • React vs Angular vs Vue
    • How to Connect React JS with NodeJS

    Module 4 - Building Blocks of React.JS

    • Core Building Blocks of React
    • Components
    • State and Props
    • Rendering 
    • Conditional Rendering
    • What is JSX
    • Example
    • Why JSX
    • Advantages of JSX
    • Expressions in JSX
    • Internal Implementation of JSX
    • Hands-on: Creating a react component with jsx

    Module 5 - Elements & Functions in React JS

    • Rendering Elements in React.JS
    • Hands-on: How does render function work and update DOM
    • Hands-on: Styling and CSS

    Module 6 - Components in React JS

    • What are Components in React JS
    • Types of Components
    • Functional component
    • Class Component
    • Functional component vs Class Component
    • Creating Class Components
    • Creating Functional Components
    • Converting Functional Components to Class Components

    Module 7 - Programming in React JS

    • What are Props 
    • Lets Practice Props 
    • What is State in React JS
    • ReactJS(Diff Props vs State)
    • Why Props are Read-only
    • Composition of React Components
    • Stateless Component
    • Stateful Component
    • When would you use a stateless Component
    • When would you use a stateful Component
    • Stateful Component vs Stateless Component

    Module 8 - Composition of ReactElement

    • Composition of ReactComponents

    Module 9 - Understanding Lifecycle Methods

    • What are lifecycle Methods and what are the uses of it
    • Constructor
    • Render
    • Should component update
    • Render
    • ComponentDidUpdate

    Module 10 - Programming in ReactJS

    • Passing props to child components
    • Updating state of React JS component
    • What is the significant of SetState function

    Module 11 - Event Handling

    • Events
    • Event Handling

    Module 12 - Conditional Rendering

    • Conditional Rendering in React JS
    • Logical && Operator
    • Switch case operator
    • Conditional Rendering with enums

    Module 13 - Conditional Rendering 2

    • Switch case operator continuation
    • Conditional Rendering with enums

    Module 14 - Preventing Rendering

    • Preventing component from rendering
    • How to connect ReactJS with Node JS 
    • Backend Setup
    • propTypes
    • getDefaultProps
    • Binding the context( Inline)
    • UI without ReactJS & Problem
    • How the ReactJS solving the problem
    • Binding the context( Inline)

    Module 15 - List & Keys

    • References
    • When to use Refs
    • When not to use Refs
    • How to Create Refs
    • How to access Refs

    Module 16 - Controlled vs Uncontrolled Components

    • Controlled component
    • UnControlled component
    • Controlled vs Uncontrolled components in React JS

    Module 17 - Composition vs Inheritance

    • Inheritance
    • Using composition in React with Example
    • Practice on Composition & Inheritance
    • Difference b/n Composition & Inheritance

    Module 18 - Advance Topics in React JS

    • What is context API?
    • When to use the context API
    • How to use the Context API
    • Fragments
    • Why we use Fragments?
    • Fragments short Syntax
    • Keyed Fragments
    • Higher-order components 

    Module 19 - Redux Overview

    • Redux Overview
    • Flux
    • Flux Elements
    • Dispatcher
    • Stores
    • Views
    • Actions
    • Flux Pros
    • Connecting Redux and React
    • What is Redux?
    • Why use Redux with React. js?
    • Redux Architecture?
    • Redux Principles
    • Redux Components
    • What is Redux
    • Store
    • Action
    • Middleware
    • What is a Reducer?

    Module 20 - Router

    • Router
    • Advantages of Router
    • Router Setup

    Instructors

    Mr Vasu
    Instructor
    Mindmajix Technologies

    Trending Courses

    Digital Marketing Courses Fashion Design Courses Data Science Courses Interior Design Courses Graphic Designing Courses Cyber Security Courses Nursing Courses Tally Courses Data Analysis Courses Web Designing Courses Artificial Intelligence Courses Ethical Hacking Courses Free Digital Marketing Courses And certifications Free Artificial Intelligence Courses And Certifications Free Data Analysis Courses And Certifications Free Cyber Security Courses And Certifications Free Data Science Courses And Certifications Free Cloud Computing Courses And Certifications Free Python Courses And Certifications Free Fashion And Textiles Courses And Certifications Free Graphic Designing Courses And Certifications Free Web Designing Courses And Certifications

    Popular Courses

    General Management Courses Public Health Courses Teaching and Education Courses Financial Management Courses Web Development Courses Mathematics Courses Data Science Courses Programming Courses Cyber Security Courses Digital Marketing Courses Law Courses Mechanical Engineering Courses Explore all courses

    Popular Platforms

    upGrad Courses Udemy Courses Swayam Courses Edx Courses Coursera Courses NPTEL Courses Futurelearn Courses Mindmajix Technologies Courses Vskills Courses IIT Kharagpur Courses IIT Kanpur Courses Emeritus Courses Explore all platforms

    Learn more about the Courses

    10 Reasons to Enrol Yourself in a Digital Marketing Course 8 Must-Have Skills for AWS Cloud Architects Planning to Upskill Yourself? Enrol for a Program in Data Science 25+ Tips for Improving Your Graphic Design Skills Top Universities in India Offering Cyber Security Courses 15+ Courses for Learning Data Mining How to Make a Career in the Field of Artificial Intelligence Top 10 Benefits Of Holding A Certification In Business Intelligence Which are the best certification courses for Photography in India A Beginner's Guide to Pursue Python Programming Want to Pursue a Career in Blockchain Technology? Here is all that you need to Know How Entrepreneurs Can Use Machine Learning to Make their Business Successful? The Scope of Artificial Intelligence in India Top 10 Online Courses for Travel Lovers 10 Best Certification Courses After Hospital and Healthcare Management
    Providers
    Close
    Download Careers360 App
    All this at the convenience of your phone

    • Regular Exam Updates

    • Best College Recommendations

    • College & Rank predictors

    • Detailed Books and Sample Papers

    • Question and Answers

    google play
    students
    400M+ Students
    Colleges
    36K+ Colleges
    Exams
    500+ Exams
    eBooks
    3K+ eBooks
    Certification
    16K+ Certifications
    mobile