Acharya
Learning Solutions.
React JS Course
Master front-end Technologies
trainings@acharyals.com
+91 (814)-225-1234
Download Content
Learning Solutions.
Master front-end Technologies
trainings@acharyals.com
+91 (814)-225-1234
Download Content
o History and role of JavaScript in web development.
o Difference between JavaScript, HTML, and CSS.
o Using the browser’s developer tools (Console).
o Setting up a code editor (e.g., Visual Studio Code).
o Variables (var, let, const).
o Data types (String, Number, Boolean, Null, Undefined, Symbol, Object).
o Comments, operators (arithmetic, assignment, comparison, logical).
o if, else, else if statements..
o o Ternary operators, switch statements.
o for, while, do...while loops.
o Loop control (break, continue).
o Defining and calling functions.
o Parameters and return values.
o Function expressions and arrow functions (=>).
o Scope (global vs local) and hoisting.
o Array methods (push, pop, shift, unshift, map, filter, reduce, etc.).
o Looping through arrays (forEach, map).
o Creating and accessing objects.
o Object properties and methods.
o Nested objects and destructuring.
o this keyword, constructors, and prototypes.
o ES6 classes and inheritance.
o Understanding the DOM structure.
o Selecting elements using getElementById, querySelector, querySelectorAll.
o Changing text, HTML, and CSS styles.
o Creating, appending, and removing elements.
o Handling events (click, mouseover, keyup, etc.).
o Adding event listeners (addEventListener).
o Event object, event propagation (bubbling, capturing).
o Understanding closures and lexical scoping.
o Function scopes and block scopes.
o Asynchronous JavaScript and the need for callbacks.
o Promises: resolve, reject, then, catch.
o async/await syntax.
o try, catch, finally.
o Throwing custom errors.
o Understanding REST APIs, request/response cycle.
o Using fetch() to make GET and POST requests.
o Handling responses (JSON parsing).
o Error handling in API calls.
o Arrow functions.
o Template literals (backticks).
o Default parameters in functions.
o Spread and rest operators (...).
o Destructuring arrays and objects.
o let, const, and block scoping.
o Storing and retrieving data in the browser.
o Callbacks, Promises, and async/await.
o Understanding event loop and execution context.
o Chaining promises, error handling with catch.
o Using Promise.all and Promise.race.
o Overview and importance of React in modern web development.
o Single Page Applications (SPA) concept.
o Installing Node.js, npm/yarn.
o Creating a React project using create-react-app.
o Understanding JSX and its benefits.
o Embedding JavaScript in JSX.
o Functional vs Class Components.
o Component structure and lifecycle.
o Passing data with props.
o Managing local state in components.
o Handling user interactions (onClick, onChange, etc.).
o Event handlers and synthetic events.
o Implementing conditional rendering with if-else, ternary operators, and logical &&.
o Rendering lists using .map().
o Importance of keys in React.
o Controlled vs Uncontrolled Components.
o Handling form input and submission.
o Managing local state using useState.
o Updating and mutating state.
o Sharing state between components.
o Introduction to lifecycle management with useEffect.
o Handling side effects in functional components.
o Managing global state with React Context.
o Passing data through component trees without props drilling.
o Introduction to react-router-dom.
o Setting up routes and navigation.
o Using Link, NavLink, and Redirect.
o Route parameters and query strings.
o Nested routes and layout management.
o Fetching data using fetch() and axios.
o Handling loading, success, and error states.
o Mapping over data to display lists.
o Making POST, PUT, and DELETE requests to manipulate data.
o Why Redux? Key concepts (Actions, Reducers, Store).
o Setting up Redux in React.
o Managing state with useSelector and useDispatch.
o Connecting Redux with React components.