Html, CSS,
js(23 to 25)
--
variables
Data types
-primitive types
-Non- primitive types
operators
if else statements
loops
array methods
es6+
arrow functions
ternanry operators
spread and rest operators
template literals
(30 and 1)
revise topics(2)
-----------
React
------
Fundamentals and basics
what is React
-Components
-Props
-state
-jsx syntax
events in react
Hooks
useState
State management
styling in react
conditional rendering
useEffect,useMemo,UseCallback,useRef,ForwardRef,Usecontext
nd lot more
Routing
redux
GitHub,jira tools
day 2
-----
// Variables
// variables are used to store data temporarily (manipulate the data and control
that data)
// var
// let
// const
// var userName ;decleration
// userName= 'Ganesh'; assaining
// var userName = "Ganesh"; //initialization
// console.log(userName);
// var -it can be updated and redeclared (we can change the value by redeclaring
it)
// let-it can be updated but cannot be redeclared
// const- it cannot be updated or redeclared
// let userName = "sudhakar";
// userName = "Ganesh";
// console.log(userName);
// let _interestRate = 10;
// console.log(_interestRate);
// cannot be reserved keyword, if ,else , while;
//should be meaningful
// cannot start with the number or hypen(-,1)
// they must be case sensetive
// we cannot give spaces in between
// camel casing : oneTwoThreeFour
// pascal casing :OneTwoThreeFour
// Data Types
// 1.primitive data types
// 2.non - primitive data types
// primitive types:
// -String
// -Number
// -Boolean
// -undefined
// -null
// let name = "Sudhakar"; //string
// let age = 25; //number
// let isApproved = false; //boolean
// let firstName = undefined;
// let lastName = null; // we use in situations where we want to give the value in
future;
// console.log(typeof lastName);
// .non - primitive data types
// -Arrays
// Collection of elements
// index value starts with zero
// let selectedColours = ["red", "Blue", "Green", "Pink", "white"];
// selectedColours[3] = "a";
// console.log(selectedColours);
// -objects- collection of key value pairs)
// let person = {
// name: "Sudhakar",
// age: 25,
// height: 6.5,
// };
// // Dot Notation:
// person.qualification = "Graduation";
// person.jobRole = "software developer";
// console.log(person);
// -function
// Operators
// -Arthematic operators
// -logical Operators(&&, ||)
// -Assaignment operators
// -Comparison operators
// -equality operators
// let x = 12;
// let y = 3;
// console.log(x + y);
// console.log(x - y);
// console.log(x * y);
// console.log(x % y);
// console.log(x ** y);
// console.log(x / y);
// Increment (++);
// Decrement(--);
// console.log(x--);
// console.log(x++);
// console.log(++x);
// Assaignment operators
// let x = 20;
// // x = x + 5;
// // x += 5;
// console.log((x += 5));
// console.log((x -= 5));
// console.log((x *= 5));
// console.log((x %= 5));
// rotational operators
// let x = 1;
// console.log(x > 0);
// console.log(x >= 0);
// console.log(x < 0);
// console.log(x <= 0);
// Equality operators(==, ===)
// console.log("1" == 1); // value
// console.log(1 === 1); //value and datatype
// logical operators
// && (it returns true if both the operands are true)
// ||(it returns true if one operand is true)
// let highIncome = false;
// let goodCreditScore = true;
// let eligibleForLoan = highIncome || goodCreditScore;
// console.log(eligibleForLoan);
// if and else conditional statements
// if(condition){
// statement
// }else if(another condition){
// statement
// }else if (another condition){
// statement
// }else(){
// statement
// }
// Hours
// if Hour is btwn 6am to 12pm - good morning;
// if Hour is btwn 12pm to 6pm - good Afternoon;
// if Hour is btwn 6pm to 9pm - good evng;
// if Hour is btwn 9pm to 12am - good Night;
// let hour = 17;
// if (hour >= 6 && hour <= 12) {
// console.log("Good Morning");
// } else if (hour >= 12 && hour <= 18) {
// console.log("Good Afternoon");
// } else if (hour >= 18 && hour <= 21) {
// console.log("Good Evening");
// } else console.log("Good Night");
// Ternary operators
// if - ?
// else - :
// example : if a customer has more than 100 points he is a prime member or he is
regular user
// let points = 120;
// let membership = points > 100 ? "Prime member" : "Regular Member";
// console.log(membership);
// if (points > 100) {
// console.log("Prime");
// } else console.log("Regular");
// Switch cases
// let role = "Manager";
// switch (role) {
// case "Guest":
// console.log("Guest user");
// break;
// case "Admin":
// console.log("Admin user");
// break;
// case "Manager":
// console.log("Manager user");
// break;
// default:
// console.log("Unknown User");
// }
