React Js Training In Jaipur

Course Modules:

Understanding HTML4 & HTML5

• What is Markup Language
• Basic Structure of HTML
• Head Section and Elements
• Meta Tags
• External Link Tags
• HTML Structure Tags
• Create Table, Div and Frame Tag
• Content and Header Tags
• Paragraph, Span, Pre Tags
• Anchor Links and Named Anchors
• Object,Iframe and Image Tag
• Implementing iFrame in Real-time
• Working with Forms
• Form Tag and Attributes
• POST and GET Method
• Text Input, Text Area, Checkbox and Radio
• Password Field
• Select Option, Option Group
• File Field and Hidden Fields
• Submit, Reset, Image Buttons
• Relation between HTML Form and PHP
• XHTM
• What is XHTML
• Difference between HTML & XHTML
• XHTML Basics
• Introduction to Doc Types
• XHTML Validation
• HTML5 (Latest Version)
• Introduction to HTML5
• Whats new in HTML5
• HTML5 Apis
• HTML5 Semantic Tag
• HTML5 Multimedia
• Search, Email and Url Tel Input

Cascading Style Sheets (CSS2 & CSS3)

• Introduction to Cascading Style Sheets
• Types of Style Sheets
• Media Type
• Default CSS Properties
• Types of CSS Selectors
• Adjacent Sibling Selector
• Other Selectors
• CSS properties
• Type Properties
• Background Properties
• Block Properties
• Box Model Properties
• List Properties
• Border Properties
• Positioning Properties
• CSS Optimization Tips
• CSS Compression
• (CSS 3.0 – Latest Version)
• Introduction to CSS 3
• Basic CSS3 Selectors
• Advanced CSS3 Selectors
• New CSS3 Properties
• CSS Rounded Corners
• Border Image
• Box and Text Shadow
• Multiple Backgrounds
• Background Origin
• Background Resize
• CSS Clip, Gradients, Opacity
• Transitions & Transform

React Introduction

• What is React JS?
• React JS Architecture
• React JS Terminology
• Setting up Development Environment
• IDE Extension for React JS Development – VS Code, Sublime, Atom
• NPM and Node Introduction
• React JS Installation
• Developing Simple Angular App

JavaScript for React JS Coding – Programming Language

• Variables in JavaScript
• Const in JavaScript
• let vs var in JavaScript
• Operators in JavaScript
• Assignments in JavaScript
• Control Statements – If Else
• Control Statements – If Else If
• Control Statements – For Loop
• Control Statements – While Loop
• Control Statements – Switch Cases
• JavaScirpt Functions
• Arrow Functions in JavaScript
• ES6 Concepts
• JavaScript Objects
• JavaScript Classes
• Constructor and Desctructor
• Promises
• Fetch
• Template Literals

React Components

• Component Introduction
• Introduction to JSX
• Building First Component
• Types of Components
• Component Architecture
• Functional Components
• Render Function
• States and Props
• Class Component
• Render Method
• Component Lifecycle
• Parent and Child Components
• Nested Components

States in React JS

• React State Introduction
• State Creation
• Accessing States and SetState
• Passing State to another Components
• Using State in Functional Components
• Using State in Class Components
• React Hooks
• UseStates
• UseEffect
• UseContext
• React Advance State Management
• Custom Hooks

Props in React JS

• React Props Introduction
• Accessing Props in Components
• PropTypes for Props Validation
• Props Default Value
• Rendering Props using Maps

React Event Handling

• Event Handling Introduction
• Event Handling Function
• Event Object
• PreventDefaults
• Passing Parameters to the Event Function
• Binding Events the Component
• Different Binding Types
• Synthetic Events

JSX and Styling in React

• JSX Introduction
• JSX and HTML Difference
• JSX Elements
• JSX Attribute Difference
• Closing Tags in JSX
• Fragments
• Inline Styling
• Styling in React
• CSS Stylesheet
• Style Import
• Using Bootstrap in React

React Forms

• Forms Introduction
• Basic Form Creation
• Controlled Components
• Uncontrolled Components
• Default Value
• Form Input Value Change
• Form Submit
• Data Validation in Form
• React ref Props

React Router

• Router Setup
• React-Routers Introduction
• react-routers features
• Single Page Application
• HashRouter
• BrowserRouter
• Route Configuration
• Switch Components
• Route Params
• Nested Routes
• Page Navigations
• NavLink and Link Components
• Route Redirect
• Pathless Routes

React Redux

• React Redux Introduction
• React Redux Installation
• React Redux Setting
• Container Components
• Presentational Components
• High Order Components
• Redux Architecture
• Redux Action
• Redux Reducers
• Redux Store
• Principles of Redux
• Redux Middleware Introduction
• Redux Middleware Choice
• Redux Sagas
• Saga Helpers
• Promises versus Sagas
• Generators in Redux-Saga
• Saga Methods()

Data Fetching using GraphQL

• GraphQL Introduction
• REST API Apporach
• Disadvantages of REST API
• Advantages of GraphQL
• GraphQL Architecture
• Datatypes in GraphQL
• Modifiers
• Schema
• GraphQL API Building
• Apollo Client Introduction
• Apollo Client Setup

Database

• MySQL Introduction
• MySQL Installation
• MySQL Administration
• MySQL PHP Syntax
• MySQL Connection
• MySQL Create Database
• MySQL Drop Database
• MySQL Select Database
• MySQL Datatype
• MySQL Create Table
• MySQL Drop Table
• MySQL Insert Query
• MySQL Select Query
• MySQL Where Clause
• MySQL Update Query
• MySQL Delete Query
• MySQL Like Clause
• MySQL Sorting Results
• MySQL Using Join
• MySQL Null Values
• MySQL Regexps
• MySQL Transactions
• MySQL Alter Command
• MySQL Indexes
• MySQL Temporary Tables
• MySQL Clone Table
• MySQL Database Info
• MySQL Using Sequences
• MySQL Handling Duplicates
• MySQL SQL Injection
• MySQL Database Exports
• MySQL Database Import

                                  To download Complete syllabus click here

More Industrial Training Courses Click here