Web And React JS

Learn HTML, CSS, JS, Bootstrap, and ReactJS. Master website structure, styling, and dynamic functionalities. Build a multi-page website project and delve into React's advanced features like routing, props, hooks, and MaterialUI for polished UI development.

Course Curriculum:

• Part 1 - The Foundation
•  Introduction to Web:
• Understanding how websites work, client side and server side. Installing VS code and its extensions.
•  HTML:
• Running a HTML Program, implementing important HTML tags, Semantic and Non-Semantic tags, Inline and Block Elements, Creating Tables, Forms, Iframe tags, Ids and classes. Creating a basic HTML website.
•  CSS and Bootstrap:
• Introduction to CSS, Inline, Internal and External CSS. Different types of Selectors in CSS. Working with fonts, colors, Borders and Backgrounds in CSS. Box Model, Margin and Padding, Float and Clear, Styling links and Buttons, Creating a Navigation Menu, CSS Display Property and Visibility, Adding Box shadow and text shadow. Different Types of Positions, Various types of units, CSS Media Queries. CSS Flexbox, CSS Attributes. Variables and Custom Properties, Creating Animations and Keyframes. Creating Transitions in CSS. Transform property in CSS. Introduction to bootstrap. Bootstrap components, Adding navbar, alerts, badges, buttons, buttons groups, cards, carousels, Adding custom components, linking multiple pages, adding forms, modals, login & signup options. Creating a multiple page website with help of HTML, CSS and Bootstrap.
• Part 2 - The Front-End
•  Javascript ES5 and ES6 :
• Introduction to JavaScript for Frontend & Backend. Limitations of Javascript. Why Javascript? Javascript Versions. Writing in-browser JavaScript and Developer Console. Variables, Data Types, Constants and Operators in Javascript.Strings and String Functions in Javascript Arrays & Objects in Javascript. Functions in JavaScript and Arrow Functions. Scope, If-else Conditionals & Switch Case. What is DOM? Navigating The DOM. Interaction - Alert, Prompt, Confirm. Loops - for loop, for while loop, for in loop, forEach loop, forOf loop, do While Loop. Events & Listening to Events. setInterval, clearInterval & setTimeOut, cleartimeout. Date & Time In JavaScript What is JSON? Working with JSON in Javascript. Math Object in Javascript. Promises in Javascript. Callback Functions. Local & Session storage. Creating functional projects such as calculators, to-do list etc. with the help of Html, CSS and Javascript.
• Part 3 - React JavaScript
•  React JS:
• Introduction to ReactJS, Features and uses of ReactJS. Installation on Node, up and running. What is Npx? Difference between npx and npm. Running a Hello world program in React. What are fragments and how to run multiple elements using react fragments. What is JSX? What is Babel? Writing JS Expressions in React JS. Template literals in JS. Adding JSX Attributes in React. Adding CSS in JSX. External CSS and Internal CSS. Bootstrap in React. What is a component? Types of components, Difference between class components, Functional components, rendering components. Importing and Exporting components. What is a prop? Props in React. Explanation Of the Hooks in detail. React-router-dom. Redux in React, MaterialUIi in React. Creating a functional website with the help of ReactJs.
• Part 5 - The Finish Line
•  Projects Building and Interview Preparation :
• Building Multiple Complete Web Projects with ReactJS. Building a Front-end Project on React JS. Mastering Group Discussions. Mastering Personal Interview Questions. Mock Interviews, Communication and Presentation Skills. Resume Building.