Front-End with React

This course teaches all topics like HTML, CSS, Bootstrap, JavaScript, JSON, AJAX, Mock API, jQuery that enable you to develop Front-End of Web Applications using React.

At the end of this course, you will have acquired the skills to build Front-End of web application that can connect to Back-End (developed using any technology such as Java EE, ASP.NET, PHP, NodeJS and Django).

Course Details

Prerequisite	Basic Programming Knowledge
Theory Fee (Classroom)	Rs. 5000/- (Includes digital course material)
Theory Fee (Online)	Rs. 5000/- (Includes digital course material)
Digital or Physical Certificate Fee	Rs. 200/-
Software Required	Visual Studio Code, Bootstrap, jQuery, NodeJs, React and JSON Server. All are freely downloadable.

Detailed Syllabus

HTML

What is HTML?
HTML Elements and Attributes
Links
Lists
Images
Tables
Forms
Media

CSS

What is CSS?
Internal, inline and external stylesheets
CSS Syntax
CSS Selectors
CSS Box Model
Positions, Size, Padding, Borders and Margins
CSS Classes
Text Formatting
Alignment, Display, Floating and Flex

Bootstrap

What is Bootstrap?
Understanding Grid and Containers
Text formatting - Typography
Table formatting
Image formatting
Button formatting
Alerts
Form formatting
Nav Links and Tabs
Navigation Bars
Bootstrap Components like Cards, Carousel etc

JavaScript

What is JavaScript?
Versions of JavaScript
Language Elements
Conditional statements
Loops
Strings
Regular Expression
Arrays
Dates
Functions
Arrow Functions
Classes
Inheritance
Spread Operator
Destructuring
JSON
Error Handling - try, catch and finally
Browser Object Model
HTML DOM
HTML Events

jQuery

Introduction to jQuery
Selectors
Event handling
Method Chaining
Class related functions
CSS related functions
DOM related functions
Event Handling using jQuery
Effects
Traversing
Making AJAX requests

React

What is React?
Function components
Class components
Rendering HTML
Using Bootstrap with React
Using JSX
Passing data using Props
Validating props using PropTypes
Lists and Keys
Parent and Child relationship
Handling events
Handling state
Hooks - useState() and useEffect()
Using Context
Lifting state up
Form handling
Uncontrolled Components
Making AJAX calls using jQuery
Using Mock API - JSON Server
Routing using Router
Building and Deploying React Application