Full Stack React COURSE TRAINING IN HYDERABAD

About LearnAi.co.in

Learnai.co.in offers a comprehensive range of professional IT and Non-IT courses that are designed to cater to an aspiring group of professionals who went a tailored program on making them career ready. Our programs are driven by a constant need to be job achieving by following industry-oriented course curriculum and stimulating, taking into consideration the dynamic nature of technology with practical knowledge work on different modules, tools and are taught by world-class professionals with specific domain expertise. Simply one stop learning for all trending technologies.

Upcoming Batches

Course	Branch	Training Type	Week	Day
Data Science	Dilsukhnagar	Hybrid	1st	Wednesday
Data Science	Dilsukhnagar	Hybrid	2nd	Monday
Data Science	Dilsukhnagar	Hybrid	3rd	Wednesday
Data Science	Dilsukhnagar	Hybrid	4th	Monday

About React

React. js is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It's used for handling the view layer for web and mobile apps.React also allows us to create reusable UI components. ...The main purpose of React is to be fast, scalable, and simple.

Top Reasons to learn React?

React has an awesome community. One of the most preferred reasons to learn React JS is its popularity. ...
React is SEO-friendly. ...
React is very scalable. ...
React is all about Reusable Components. ...
React Performance is Amazing. ...
Development Speed. ...
Backward Compatibility.

Who can Pursue Artificial Intelligence?

Any Degree pursuing or Graduated,
 Bachelor’s, Master’s, PhD, and
 Anyone interested in course

Enroll to Course Now

Services	Essential Course Package	Mid-Level Career Booster	Mastery Career Package
Members	>20	<15	<10
Duration	3 Months	7 Months	7 Months + 1 Year
Portal
Course Completion Certificate
One to One
Resume Preparation
Mock Interviews
Job Assistance
Internship
Job Guarantee

COURSE CURRICULUM

HTML & CSS Building

Your First Web Page
What Are HTML & CSS?
Understanding Common HTML Terms
Setting Up the HTML Document Structure
Understanding Common CSS Terms
Working with Selectors
Referencing CSS
Using CSS Resets
Getting to Know HTML
Semantics Overview
Identifying Divisions & Spans
Using Text-Based Elements
Building Structure
Creating Hyperlinks
Getting to Know CSS
The Cascade
Calculating Specificity
Combining Selectors
Layering Styles with Multiple Classes
Common CSS Property Values
 Opening the Box Model
How Are Elements Displayed?
What Is the Box Model?
Working with the Box Model
Developer Tools
Positioning Content
Positioning with Float- Positioning with Inline-Block
Creating Reusable Layouts
Uniquely Positioning Elements
Working with Typography
Adding Color to Text
Changing Font Properties
Applying Text Properties
Using Web-Safe Fonts
Embedding Web Fonts
Including Citations & Quotes
Setting Backgrounds & Gradients
Adding a Background Color
Adding a Background Image
Designing Gradient Backgrounds
Using Multiple Background Images
Exploring New Background Properties
Creating Lists
Unordered Lists
Ordered Lists
Description Lists
Nesting Lists
List Item Styling
Horizontally Displaying List
Adding Media
Adding Images
Adding Audio
Adding Video
Adding Inline Frames
Semantically Identifying Figures & Captions
Building Forms
Initializing a Form
Text Fields & Textareas
Multiple Choice Inputs & Menus
Form Buttons
Other Inputs
Organizing Form Elements
Form & Input Attributes
Login Form Example
Organizing Data with Tables
Creating a Table
Table Structure
Table Borders
Table Striping
Aligning Text
Completely Styled Table
Writing Your Best Code
HTML Coding Practices
CSS Coding Practices

Bootstrap

Introduction
Layouts
Grid system
Utilities for layout
Content
Typography
Images
Tables
Components
Alerts
Badges
Breadcrumb
Buttons
Button group
Cards
Carousel
Collapse
Dropdowns
Forms
Input group
Jumbotron
List group
Media object
Modal
Navs
Navbar
Pagination
Popovers
Progress
Spinners
Toasts
Tooltips
Utilities
Borders
Colors
Display property
Embeds
Flex
Overflow
Position
Shadows
Sizing
Spacing
Text
Vertical alignment
Icons

PART 1: JAVASCRIPT BASICS

JAVASCRIPT – Overview
What is JavaScript?
Client-Side JavaScript
Advantages of JavaScript
Limitations of JavaScript
JavaScript Development Tools
Where is JavaScript Today?
JAVASCRIPT – Syntax
Your First JavaScript Code
Whitespace and Line Breaks
Semicolons are Optional
Case Sensitivity
Comments in JavaScript
JAVASCRIPT – Enabling
JavaScript in Internet Explorer
JavaScript in Firefox
JavaScript in Chrome
JavaScript in Opera
Warning for Non-JavaScript Browsers
JAVASCRIPT – Placement
JavaScript in and Sections
JavaScript in External File
JAVASCRIPT – Variables
JavaScript Datatypes
JavaScript Variables
JavaScript Variable Scope
JavaScript Variable Names
JavaScript Reserved Words
JAVASCRIPT – Operators
What is an Operator?
Arithmetic Operators
Comparison Operators
Logical Operators
Bitwise Operators
Assignment Operators
Miscellaneous Operators
JAVASCRIPT – If-Else
Flow Chart of if-else
if Statement
if...else Statement
if...else if... Statement
JAVASCRIPT – Switch-Case
JAVASCRIPT – While Loop
The while Loop
The do...while Loop
JAVASCRIPT – For Loop
The for Loop
JAVASCRIPT – For-in Loop
JAVASCRIPT – Loop Control
The break Statement
The continue Statement
Using Labels to Control the Flow
JAVASCRIPT – Functions
Function Definition
Calling a Function
Function Parameters
The return Statement
Nested Functions
Function () Constructor
Function Literals
JAVASCRIPT – Events
What is an Event?
onclick Event Type
onsubmit Event Type
onmouseover and onmouseout
HTML 5 Standard Events
JAVASCRIPT – Cookies
What are Cookies?
How It Works?
Storing Cookies
Reading Cookies
Setting Cookies Expiry Date
Deleting a Cookie
JAVASCRIPT – Page Redirect
What is Page Redirection?
JavaScript Page Refresh
Auto Refresh
How Page Re-direction Works?
JAVASCRIPT – Dialog Box
Alert Dialog Box
Confirmation Dialog Box
Prompt Dialog Box

PART 2: JAVASCRIPT OBJECTS

JAVASCRIPT – Objects
Object Properties
Object Methods
User-Defined Objects
Defining Methods for an Object
The ‘with’ Keyword
JAVASCRIPT – Number
Number Properties
MAX_VALUE
MIN_VALUE
NaN
NEGATIVE_INFINITY
POSITIVE_INFINITY
Prototype
constructor
Number Methods
toExponential ()
toFixed ()
toLocaleString ()
toPrecision ()
toString ()
valueOf ()
JAVASCRIPT – Boolean
Boolean Properties
constructor ()
Prototype
Boolean Methods
toSource ()
toString ()
valueOf ()
JAVASCRIPT – String
String Properties
constructor
Length
Prototype
String Methods
charAt()
charCodeAt ()
contact ()
indexOf ()
lastIndexOf ()
localeCompare ()
match ()
replace ()
Search ()
slice ()
split ()
substr ()
substring ()
toLocaleLowerCase()
toLocaleUppereCase ()
toLowerCase ()
toString ()
toUpperCase ()
valueOf ()
String HTML Wrappers
anchor()
big()
blink ()
bold ()
fixed ()
fontColor ()
fontsize ()
italics ()
link ()
small ()
strike ()
sub()
sup ()
JAVASCRIPT – Arrays
Array Properties
constructor
length
Prototype
Array Methods
concat ()
every ()
filter ()
forEach ()
indexOf ()
join ()
lastIndexOf ()
map ()
pop ()
push ()
reduce ()
reduceRight ()
reverse ()
shift ()
slice ()
some ()
sort ()
splice ()
toString ()
unshift ()
JAVASCRIPT – Date
Date Properties
constructor
Prototype
Date Methods
Date()
getDate()
getDay()
getFullYear()
getHours()
getMilliseconds()
getMinutes ()
getMonth ()
getSeconds ()
getTime ()
getTimezoneOffset ()
getUTCDate ()
getUTCDay ()
getUTCFullYear ()
getUTCHours ()
getUTCMilliseconds ()
getUTCMinutes ()
getUTCMonth ()
getUTCSeconds ()
getYear ()
setDate ()
setFullYear ()
setHours ()
setMilliseconds ()
setMinutes ()
setMonth ()
setSeconds ()
setTime ()
setUTCDate ()
setUTCFullYear ()
setUTCHours ()
setUTCMilliseconds ()
setUTCMinutes ()
setUTC Month ()
setUTCSeconds ()
setYear ()
toDateString ()
toGMTString ()
toLocaleDateString ()
toLocaleDateString ()
toLocaleFormat ()
toLocaleString ()
toLocaleTimeSring ()
toSource ()
toString ()
toTimeString ()
toUTCString ()
valeOf ()
Date Static Methods
Date.parse ( )
Date.UTC ( )
JAVASCRIPT – Math
Math Properties
Math-E
Math-LN2
Math-LN10
Math-LOG2E
Math-LOG10E
Math-PI
Math-SQRT1_2
Math-SQRT2
Math Methods
abs ()
acos ()
asin ( )
atan ( )
atan2 ( )
ceil ( )
cos ( )
exp ( )
floor ( )
log ( )
max ( )
min ( )
pow ( )
random ( )
round ( )
sin ( )
sqrt ( )
tan ( )
toSource ( )
JAVASCRIPT – RegExp
Brackets
Quantifiers
Literal Characters
Metacharacters
Modifiers
RegExp Properties
constructor
global
ignoreCase
lastIndex
multiline
source
RegExp Methods
exec ( )
test ( )
toSource ( )
toString ( )

PART 3: JAVASCRIPT ADVANCED

JAVASCRIPT – Errors and Exceptions
Syntax Errors
Runtime Errors
Logical Errors
The try...catch...finally Statement
The throw Statement
The onerror( ) Method
JAVASCRIPT – Form Validation
Basic Form Validation
Data Format Validation
JAVASCRIPT – Animation
Manual Animation
Automated Animation
Rollover with a Mouse Event

SQL

SQL ─ Overview
What is SQL?
SQL Process
SQL Commands
SQL ─ RDBMS Concepts
What is RDBMS?
SQL Constraints
Data Integrity
Database Normalization
Database – First Normal Form (1NF)
Database – Second Normal Form (2NF)
Database – Third Normal Form (3NF)
SQL ─ RDBMS Databases
MySQL
MS SQL Server
ORACLE
MS ACCESS
SQL – Syntax
Various Syntax in SQL
SQL ─ Data Types
SQL – Operators
What is an Operator in SQL?
SQL Arithmetic Operators
Arithmetic Operators – Examples
SQL Comparison Operators
Comparison Operators – Examples
SQL Logical Operators
Logical Operators – Examples
SQL – Expressions
Boolean Expressions
Numeric Expressions
Date Expressions
SQL – CREATE Database
SQL ─ DROP or DELETE Database
SQL ─ SELECT Database,USE Statement
SQL ─ CREATE Table
SQL - Creating a Table from an Existing Table
SQL ─ DROP or DELETE Table
SQL ─ INSERT Query
SQL ─ SELECT Query
SQL ─ WHERE Clause
SQL ─ AND & OR Conjunctive Operators
The AND Operator
The OR Operator
SQL ─ UPDATE Query
SQL ─ DELETE Query
]SQL ─ LIKE Clause
SQL ─ TOP, LIMIT or ROWNUM Clause
SQL ─ ORDER BY Clause
SQL ─ Group By
SQL ─ Distinct Keyword
SQL ─ SORTING Results
SQL ─ Constraints
SQL - NOT NULL Constraint
SQL - DEFAULT Constraint
SQL - UNIQUE Constraint
SQL ─ Primary Key
SQL ─ Foreign Key
SQL ─ CHECK Constraint
SQL ─ INDEX Constraint
Dropping Constraints
Integrity Constraints
SQL ─ Using Joins
SQL - INNER JOIN
SQL ─ LEFT JOIN
SQL - RIGHT JOIN
SQL ─ FULL JOIN
SQL ─ SELF JOIN
SQL ─ CARTESIAN or CROSS JOIN
SQL ─ UNIONS CLAUSE
The UNION ALL Clause
SQL ─ INTERSECT Clause
SQL ─ EXCEPT Clause
SQL ─ NULL Values
SQL ─ Alias Syntax
SQL – Indexes
The CREATE INDEX Command
The DROP INDEX Command
SQL - INDEX Constraint
SQL ─ ALTER TABLE Command
SQL - TRUNCATE TABLE Command
SQL ─ Using Views
Creating Views
The WITH CHECK OPTION
SQL ─ Having Clause
SQL – Transactions
Properties of Transactions
Transactional Control Commands
SQL ─ Wildcard Operators
SQL ─ Date Functions
SQL ─ Temporary Tables
What are Temporary Tables?
Dropping Temporary Tables
SQL – Clone Tables
SQL – Sub Queries
Subqueries with the SELECT Statement
Subqueries with the INSERT Statement
Subqueries with the UPDATE Statement
Subqueries with the DELETE Statement
SQL – Using Sequences
Using AUTO_INCREMENT column
Obtain AUTO_INCREMENT Values
Renumbering an Existing Sequence
Starting a Sequence at a Particular Value
SQL – Handling Duplicates
SQL – Injection
Preventing SQL Injection

REACTJS ─ OVERVIEW

React ─ Feature
React ─ Advantages
React ─ Limitations

REACTJS ─ ENVIRONMENT SETUP

Step 1 - Install Global Packages
Step 2 - Create the Root Folder
Step 3 - Add Dependencies and Plugins
Step 4 - Create the Files
Step 5 - Set Compiler, Server and Loaders
Step 6 - index.html
Step 7 - App.jsx and main.js
Step 8 - Running the Server

REACTJS ─ JSX

Using JSX
Nested Elements
Attributes
JavaScript Expressions
Styling
Comments
Naming Convention

REACTJS ─ COMPONENT API

Set State
Force Update
Find Dom Node

REACTJS ─ COMPONENT LIFE CYCLE

Lifecycle Methods

REACTJS ─ EVENTS

Simple Example
Child Events

REACTJS ─ ROUTER

Step 1 - Install a React Router
Step 2 - Create Components
Step 3 - Add a Router

Redux

Step 1 - Install Redux
Step 2 - Create Files and Folders
Step 3 – Actions
Step 4 – Reducers
Step 5 - Store
Step 6 - Root Component
Step 7 - Other Components

REACTJS ─ COMPONENTS

Stateless Example
Stateful Example

REACTJS ─ PROPS OVERVIEW

Using Props
Default Props
State and Props

REACTJS ─ ANIMATIONS

Step 1 - Install React CSS Transitions Group
Step 2 - Add a CSS file
Step 3 - Appear Animation
Step 4 - Enter and Leave Animations

Job Roles

React JS  Developer
Web Developer

Components of React

Create a Class Component. When creating a React component, the component's name must start with an upper case letter. ...
Create a Function Component. Here is the same example as above, but created using a Function component instead. ...
Component Constructor. ...
Props. ...
Components in Files.