IT Training

UI With React

Complete UI With React and Improve your Skills

Course Details

Angular Contents :
Introduction to web applications
Web Design v/s Web Programming
Single-Page applications V/S Multi-Page Applications

HTML Introduction : Basic programs–heading tags–formatting tags–inserting images — Creating lists:ordered-unordered-description lists–Tables in HTML–Creating Hyperlinks– sample website–forms in HTML–HTML5 implementations

CSS : Introduction–Need and Importance–CSS Syntax–Declaring and implementing different types of selectors–Internal stylesheet–External stylesheet–inline styles–Applying borders, margins,padding to HTML elements–CSS3 Implementations

Javascript : Introduction and importance–sample programs–Arrays in Javascript–Built-in Objects in Javascript–Functions in Javascript–Event Handling in Javascript–Processing and validating form data

DOM(Document Object Model) : Introduction and examples–Processing HTML elements dynamically

ES6 Concepts:
let, const keywords and Block Scope
for of, for in, forEach…
Rest Parameters and Spread Parameters
Promises, array destructuring, object destructuring
Working with objects
OOP implementations

ReactJS Basics:

Introduction to Single-Page Applications
Advantages of component-based programming
Introduction to React
React JS V/S Angular / Vue JS
Uses of React
Installing the required softwares
Creating and running first application in React
Working With React.render
React project structure


Introduction to JSX :
Working with React. Create
Embedding Expressions in JSX
Attributes in JSX
Children in JSX
JSX in Depth

Working with Elements :
Introduction to elements
Rendering elements into DOM
Updating Rendered Elements

ReactJS Components and Props :
Introduction to Components
Types of components
Functional Component
Class Component
Functional v/s State Component
Passing Data to Component using props
Passing props to class and functional components

Understanding State and Component Lifecycle :
Uses of State
State v/s Props
Read state and set state
Working with Component LifeCycle

Applying styles in React JS:
Inline styling
CSS stylesheets
CSS modules
Styled Components
Conditional Rendering
Bootstrap and font-awesome in React JS

Working With forms and validating forms

Routing With react router
Setting up react router
Understand routing in single page applications
Configuring route with Route component

Just Redux:
Introduction to redux
Uses of redux
Redux principles
Install and setup redux
Working with redux by Creating actions, reducer and store

React Redux:
Introduction to React Redux
Uses of React Redux
Install and setup
Working with Redux

Hooks in React JS
useState hook
useEffect hook
context API ….

Project in React JS

Scroll to Top