Interview Preparation: HTML, CSS, JavaScript, React
Day 1: HTML Basics
- What is HTML?
- What are semantic HTML elements?
- Difference between <div> and <span>?
- What is the use of the <meta> tag?
- What is the difference between id and class attributes?
Day 2: CSS Basics
- What is the difference between inline, internal, and external CSS?
- Explain the box model in CSS.
- What is specificity in CSS?
- How do you center a div?
- What is the difference between relative, absolute, and fixed positioning?
Day 3: HTML Forms and Media
- What are the different input types in HTML5?
- How does the <form> tag work?
- What is the purpose of the 'required' attribute?
- How to embed audio and video in HTML?
- What is the use of the <label> element?
Day 4: CSS Flexbox and Grid
- What is Flexbox in CSS?
- Difference between justify-content and align-items.
- What is CSS Grid and how is it different from Flexbox?
- How to create a responsive layout using CSS Grid?
- What is the difference between 'fr' unit and percentages in Grid?
Day 5: JavaScript Basics
- What is JavaScript and where is it used?
- Difference between var, let, and const?
- What are data types in JavaScript?
- What is hoisting in JavaScript?
- Explain the concept of closures.
Day 6: JavaScript DOM and Events
- What is the DOM?
- How do you select elements in JavaScript?
- How do event listeners work?
- What is event bubbling and capturing?
- How do you manipulate classes with JavaScript?
Day 7: JavaScript Advanced Concepts
- What is asynchronous JavaScript?
- Difference between == and ===?
- What is a promise in JavaScript?
- Explain async/await.
- What is the use of try/catch block?
Day 8: React Basics
- What is React and why is it used?
- What are components in React?
- Difference between functional and class components.
- What is JSX?
- How do you pass props in React?
Day 9: React State and Lifecycle
- What is state in React?
- How do you manage state in a component?
- What are lifecycle methods in class components?
- How does useEffect work?
- Difference between useState and useReducer?
Day 10: React Routing and Hooks
- What is React Router and how does it work?
- How do you create navigation in React?
- What are hooks in React?
- Explain useContext and useRef.
- How to handle forms in React?