"*Frontend Development Interview Questions for Freshers* *1. What is the role of" – Learn Programming - By Anvi 🤵🏼‍♀️💻, June 2, 2025

*Frontend Development Interview Questions for Freshers* *1. What is the role of HTML in web development?* HTML (HyperText Markup Language) provides the structure of a webpage using tags like `

`, `

`, ``, etc. *2. What is semantic HTML?* Semantic HTML uses tags that convey meaning, e.g., `

`, `

`, which improves accessibility and SEO. *3. What is the difference between id and class in CSS?* - `id` is unique and used for one element. - `class` can be reused on multiple elements. *4. What is the Box Model in CSS?* The Box Model includes: `Content → Padding → Border → Margin` *5. What are pseudo-classes in CSS?* They define the special state of an element, e.g., `:hover`, `:focus`, `:nth-child()`. *6. What is the difference between inline, block, and inline-block elements?* - Inline: Flows with text (e.g., ``) - Block: Takes full width (e.g., `

`) - Inline-block: Like inline but respects width/height *7. What is the DOM?* DOM (Document Object Model) is a tree structure representing HTML elements. JavaScript can manipulate the DOM dynamically. *8. How do you optimize website performance?* - Minify CSS/JS - Use lazy loading - Optimize images - Use CDN - Reduce HTTP requests *9. What is the difference between responsive and adaptive design?* - Responsive: Uses fluid grids, media queries. - Adaptive: Uses fixed layouts for specific screen sizes. *10. What are media queries in CSS?* Media queries apply different styles depending on device width/height. *11. What is the use of Flexbox and Grid in CSS?* - Flexbox: One-dimensional layout (row or column). - Grid: Two-dimensional layout (rows and columns). *12. How does JavaScript handle events?* Through event listeners like `addEventListener`, and it uses event bubbling or capturing to handle DOM events. *13. What is event bubbling and capturing?* - Bubbling: Event starts from child and goes up. - Capturing: Event starts from parent and goes down. *14. What are closures in JavaScript?* A closure is a function that retains access to its lexical scope, even when executed outside it. *15. What is the difference between var, let, and const?* - `var`: Function-scoped, hoisted - `let`: Block-scoped - `const`: Block-scoped, cannot be reassigned *16. What is the difference between == and === in JavaScript?* - `==`: Compares value only - `===`: Compares value and type (strict) *17. What are promises in JavaScript?* Promises represent async operations. States: pending → fulfilled or rejected. *18. What is async/await in JavaScript?* A syntactic sugar over Promises for writing cleaner async code. *19. What are SPA (Single Page Applications)?* Apps that load a single HTML page and dynamically update content using JS without reloading the page. *20. What tools/libraries are used in frontend dev?* - HTML, CSS, JS - React, Vue, Angular - Webpack, Babel, npm - VS Code, Chrome DevTools *Double TAP ❤️ if this helped you!*

Learn Programming - By Anvi 🤵🏼‍♀️💻

Comments