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