Frontend

Interview Questions (202)

Q1What is the purpose of HTML?
Technical
Q2How do you ensure your web applications are accessible?
Technical
Q3What are the differences between block-level and inline elements in HTML?
Technical
Q4How do you optimize a website's performance?
Technical
Q5What is the box model in CSS?
Technical
Q6How do you handle browser compatibility issues?
Technical
Q7What is your experience with responsive design?
Experience
Q8Can you explain the concept of a CSS preprocessor?
Technical
Q9What is your approach to debugging JavaScript?
Technical
Q10Can you explain how you manage state in a React application?
Technical
Q11What motivates you to work in front-end development?
Motivational
Q12What tools do you use for version control?
Technical
Q13How do you stay updated with the latest web development trends and technologies?
Experience
Q14What is your experience with testing frameworks?
Experience
Q15How would you handle a disagreement with a team member?
Behavioral
Q16What is your process for gathering requirements for a project?
Experience
Q17How do you prioritize tasks when working on multiple projects simultaneously?
Situational
Q18What do you think is the most important quality for a front-end developer?
Motivational
Q19How do you approach learning a new framework or library?
Motivational
Q20What questions do you have for us?
Reverse
Q21What is a closure?
Technical
Q22What is the difference between a promise and a callback?
Technical
Q23Explain the this keyword in JavaScript.
Technical
Q24What are the various CSS position properties and their differences?
Technical
Q25How would you build an image carousel component?
Situational
Q26How would you design an email client application?
Situational
Q27What does success look like here this year?
Reverse
Q28What is asynchronous programming and what does this mean in JavaScript?
Technical
Q29What’s a closure refer to in JavaScript, can you provide an example of one?
Technical
Q30What does ‘use strict’; do when placed in a function? Why don’t we see it used as often in modern JavaScript code?
Technical
Q31Please explain your understanding of semantic versioning, and why one might adhere to it when creating tools for developers.
Technical
Q32What is happening when you call ‘foo’.charAt(0); Is there a difference between const x = “taco”; and const x = new String(“taco”);?
Technical
Q33Please explain JavaScript’s inheritance model.
Technical
Q34Can you name two programming paradigms that are important for JavaScript developers to know?
Technical
Q35CSS – which one would you prefer among px, em, rem, %, or pt and why?
Technical
Q36CSS – what is specificity and how is it calculated? Why is this important to know?
Technical
Q37CSS – can you give an 100ft overview of CSS layout?
Technical
Q38How do you make a site load fast?
Situational
Q39Can you help me with this CSS problem I was working 5 minutes before this interview?
Situational
Q40How would you explain state management to someone with no technical background?
Behavioral
Q41How do you approach explaining technical concepts to non-technical stakeholders?
Behavioral
Q42What kind of skill do you have at actually writing a front end?
Motivational
Q43How do you structure a JSON with data that does a thing?
Technical
Q44Can you describe in detail what happens when a person types a URL into a browser to result in a webpage being displayed?
Situational
Q45What is debounce and how would you implement it?
Technical
Q46What is throttle and how would you implement it?
Technical
Q47How do you implement a function that conditionally joins CSS class names together?
Technical
Q48How would you build a Todo list that lets users add new tasks and delete existing tasks?
Technical
Q49How would you build a contact form which submits user feedback and contact details to a back end API?
Technical
Q50What is the Holy Grail layout and how would you build it?
Technical
Q51How would you build a tabs component that displays a list of tab elements and one associated panel of content at a time?
Technical
Q52How would you design an autocomplete component seen on Google and Facebook search?
Technical
Q53How do you implement the Promise.all() function?
Technical
Q54How would you implement a function that performs a deep copy of a JSON-serializable value?
Technical
Q55How do you implement a class that can subscribe to and emit events that trigger attached callback functions?
Technical
Q56How would you implement a function that formats a list of items into a single readable string?
Technical
Q57How do you implement a function that determines whether two values are equal?
Technical
Q58How would you implement a function that removes specified keys and their corresponding values from an object, including nested objects or arrays?
Technical
Q59How do you implement a function that takes a function following the common error-first callback style and returns a version that returns promises?
Technical
Q60How would you build a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating?
Technical
Q61How would you build an image carousel that displays a sequence of images?
Technical
Q62How would you build a digital clock that shows the current time?
Technical
Q63How would you build a reusable modal dialog component that can be opened and closed?
Technical
Q64What are the key considerations for building a user data table with pagination features?
Technical
Q65How would you build a counter with a history of the values and ability to undo/redo actions?
Technical
Q66What is your approach to designing a collaborative editor like Google Docs and Notion?
Technical
Q67What is HTML?
Technical
Q68What are Semantic elements in HTML?
Technical
Q69Differentiate between the Inline and the Block elements in HTML.
Technical
Q70What is a list in HTML? Explain the different types of lists available in HTML.
Technical
Q71What is the difference between <div> and <span>?
Technical
Q72What is the DOCTYPE declaration?
Technical
Q73What is the purpose of the <iframe> tag?
Technical
Q74What is the difference between <b> and <strong> tags in HTML?
Technical
Q75What are meta tags in HTML?
Technical
Q76What is CSS?
Technical
Q77Explain selectors in CSS.
Technical
Q78How can we include the CSS in the webpage?
Technical
Q79What is the difference between visibility: hidden and display: none properties in CSS?
Technical
Q80What is the difference between CSS Grid and Flexbox?
Technical
Q81What is the use of the float property?
Technical
Q82What is JavaScript?
Technical
Q83What is the difference between let, var, and const?
Technical
Q84What is difference between == and === in JavaScript?
Technical
Q85What is the DOM?
Technical
Q86Difference between null and undefined in JS.
Technical
Q87What is React?
Technical
Q88Explain the building blocks of React.
Technical
Q89What is virtual DOM in React?
Technical
Q90What is JSX React?
Technical
Q91What are the components In React?
Technical
Q92What is Angular?
Technical
Q93How is AngularJS different from Angular?
Technical
Q94What are the Components in Angular?
Technical
Q95What is Two-Way Data Binding in Angular?
Technical
Q96What are Angular Services and when to use them?
Technical
Q97What are Angular Pipes?
Technical
Q98What is Vue.js?
Technical
Q99What are VueJS components?
Technical
Q100What are Props in VueJS?
Technical
Q101What is a VueJS Router?
Technical
Q102What is Git?
Technical
Q103What are the advantages of using Git?
Technical
Q104Explain the difference between Git and GitHub.
Technical
Q105What is a repository in Git?
Technical
Q106What is localStorage?
Technical
Q107What is sessionStorage?
Technical
Q108How to create a table In HTML?
Technical
Q109Difference between the GET and the POST methods in HTML forms.
Technical
Q110What are common client-side form validation techniques?
Technical
Q111What are void elements in HTML?
Technical
Q112What is z-index in CSS?
Technical
Q113What are CSS Sprites?
Technical
Q114What is CSS specificity and how do you resolve selector conflicts?
Technical
Q115What is hoisting in JavaScript?
Technical
Q116Difference between Implicit and Explicit Conversion in JavaScript.
Technical
Q117What is Implicit Type Coercion in JavaScript?
Technical
Q118What are the closures?
Technical
Q119What is the use of 'this' keyword in JS?
Technical
Q120How do browsers read JSX in React?
Technical
Q121What is a react router?
Technical
Q122What are Hooks in React?
Technical
Q123What are Custom Hooks in React?
Technical
Q124What are the lifecycle methods in the React?
Technical
Q125What are the main features of Angular?
Technical
Q126What is Angular CLI?
Technical
Q127What is a module in Angular?
Technical
Q128What is a directive in Angular?
Technical
Q129What is scope and Data Binding in AngularJS?
Technical
Q130What is a Vue instance? How can we create a Vue instance?
Technical
Q131What is the watcher in VueJS?
Technical
Q132Explain Virtual Dom in VueJs?
Technical
Q133Explain Hooks in VueJS?
Technical
Q134What is Vue CLI and how is it used?
Technical
Q135What is an anchor tag in HTML?
Technical
Q136How to create scrolling text or images on a webpage?
Technical
Q137How can you apply JS in your HTML?
Technical
Q138How you can merge the rows and columns of a HTML table?
Technical
Q139What is the difference between an id and a class in HTML/CSS?
Technical
Q140What is the difference between inline, inline-block, and block elements?
Technical
Q141What are some SEO best practices when structuring an HTML document?
Technical
Q142What is the Document Object Model (DOM)?
Technical
Q143How do you add an event listener to an element?
Technical
Q144What is the difference between null and undefined?
Technical
Q145What is the difference between cookies, sessionStorage, and localStorage?
Technical
Q146How does the browser render a website?
Technical
Q147What are media queries?
Technical
Q148What is the difference between the em and rem units?
Technical
Q149How do you create a flexbox layout?
Technical
Q150Can you explain CSS specificity and how it works?
Technical
Q151How can you create a CSS grid layout?
Technical
Q152What are closures, and how/why would you use them?
Technical
Q153Can you explain what event delegation is in JavaScript?
Technical
Q154What are promises, and how do they work?
Technical
Q155How do you optimize website assets for better loading times?
Technical
Q156What are service workers, and what are they used for?
Technical
Q157What is the Same-Origin Policy in web development?
Technical
Q158What are CSS variables, and when would you use them?
Technical
Q159How would you implement critical CSS to improve the perceived load time of your web pages?
Technical
Q160How does the event loop work in JavaScript?
Technical
Q161What are the different ways to handle asynchronous operations in JavaScript?
Technical
Q162How do you handle state management in single-page applications?
Technical
Q163How does virtual DOM work, and what are its advantages?
Technical
Q164What is server-side rendering, and when might you use it?
Technical
Q165How do you analyze and improve the performance of a web application?
Technical
Q166What is Content Security Policy (CSP), and how does it improve the security of web applications?
Technical
Q167What is tree shaking, and how does it help with the performance of a web application?
Technical
Q168Can you explain how React Fiber works?
Technical
Q169What is Next.js routing and how does it work?
Technical
Q170How do you handle memory leaks in JavaScript applications?
Technical
Q171What are the differences between microtask and macrotask queues?
Technical
Q172Can you explain how you would optimize the performance of a React application?
Technical
Q173What is server-side rendering (SSR) in Next.js?
Technical
Q174How do you implement accessibility in web applications?
Technical
Q175How do you approach debugging in your projects?
Behavioral
Q176What’s the role of HTML, JavaScript, and CSS in developing websites?
Technical
Q177How are CSS frameworks and libraries different, and how would you use each?
Technical
Q178What are some ways of navigating browser compatibility issues?
Technical
Q179How would you use CSS preprocessors to improve the development process or result?
Technical
Q180What would you do if a site you developed worked very well on a laptop but didn’t look right on a mobile phone?
Situational
Q181What is responsive design and how would you use it to optimize a site?
Technical
Q182How do you make sure the code you write is easy to read by others, as well as easy to maintain?
Behavioral
Q183Have you ever met with a client to discuss their needs and expectations?
Experience
Q184What are some of your time management strategies, especially when you have hard deadlines ahead?
Behavioral
Q185Have you ever had to learn something new to complete a job?
Experience
Q186If a team member told you they were suffering from an abnormal amount of work-related stress, how would you help them out?
Behavioral
Q187Can you describe a time when you witnessed—or played a role in—a miscommunication?
Behavioral
Q188Could you talk about a time you had to come up with a creative solution to address a challenge?
Behavioral
Q189Are you better at being a leader or someone who supports another leader?
Behavioral
Q190Have you ever had to learn something new to complete a job? If so, could you describe how you obtained the knowledge you needed?
Experience
Q191Are you better at being a leader or someone who supports another leader? And what could you do to grow in your ability to either lead or follow?
Behavioral
Q192Suppose there’s a conflict between two members of your team, and it’s affecting progress toward the goal. How would you manage this situation?
Situational
Q193A manager approaches you and says, “Hey, I’m really sorry, but the time frame for project X just shifted from three weeks to two weeks.” How would you handle that situation?
Situational
Q194What is your philosophy on reusable components vs simplicity and premature optimization?
Other
Q195How would you explain a useEffect to a junior engineer?
Technical
Q196What are major pitfalls or common issues people face with hooks?
Technical
Q197If you are getting too many API calls being made from your hooks what can you do to prevent this?
Technical
Q198Explain the javascript event loop.
Technical
Q199Why should we not directly update state (using DOM manipulation)?
Technical
Q200What are a couple of easy to avoid front-end security pitfalls?
Technical
Q201What is Virtual DOM and how does it work?
Technical
Q202What is the difference between Shadow DOM and Virtual DOM?
Technical