Scribd
Upload
68 views

Frontend Interview Questions

The document contains questions about HTML/CSS, JavaScript/ES6/jQuery, Angular, ReactJS and Sass. It asks about features of each technology, differences between concepts, how to implement specific functionality, and more. Key topics include HTML5 features, CSS properties and selectors, JavaScript concepts like hoisting and scope, Angular components and directives, React components and hooks, and Sass features like nesting and mixins.

Uploaded by

Youssef Ibrahem
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
68 views

Frontend Interview Questions

The document contains questions about HTML/CSS, JavaScript/ES6/jQuery, Angular, ReactJS and Sass. It asks about features of each technology, differences between concepts, how to implement specific functionality, and more. Key topics include HTML5 features, CSS properties and selectors, JavaScript concepts like hoisting and scope, Angular components and directives, React components and hooks, and Sass features like nesting and mixins.

Uploaded by

Youssef Ibrahem
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

HTML/CSS

1. whats new in html5 over html?


2. What are meta tags?
3. Explain what is html5 canvas?

4. Explain data attributes in html5?


5. What is the purpose of the alt attribute on images?
6. What are the three ways to add css to websites?
7. How can you style the following so that the first paragraph
is blue and the second is red without addingany classes?
Please answer with the css code?
<div>
<p>this is first paragraph</p>
<p>this is second paragraph</p>

</div>
8. What’s new in css3 over css?

9. What is the difference between SCSS and Sass?

10. What is the difference between css grid and


flexbox?

11. How can you apply css styles only for specific
resolutions and viewports? Please answer with example
12. Is there a difference between “display:none” and
“opacity:0” in css?

13. Explain the CSS “box model”?


14. What is a Grid System in CSS?
15. What is the difference between inline and block
elements,give me examples for them?

16. What are the values for position property in css ,


differentiate between them and mention default value for
it?

17. Differentiate between using display , float and


flexbox

18. Explain Css architects tools?

Javascript/ES6/Jquery

1. What is Callback function?

2. what is hoisting in js?

3. What is Coercion in JavaScript?

4. What is Scope in JavaScript?

5. Differentiate between using ‘==’ and ‘===’

6. What is strict mode?


7. what the difference between let,var,const?

8. what is the template literal in es6?

9. What is IIFEs (Immediately Invoked Function Expressions)?

10. what are settimeout and setinterval


functions,differentiate between them?
11. What is js spread operator?
12. what is main functionality of using jquery?

13. Explain what is the DOM?


14. How to check if an object is an array or not?please
answer with a code example

15. What is the difference between .map and .each array


functions?
16. Write a function to remove duplicates from array of
objects,you have to compare all the attributes of the
object to know if it id duplicate or not?
17. how can you select all elements with class test in jquery?

18. can i make ajax requests by jquery?

ANGULAR

1. What is npm?

2. What is angular cli?

3. what is webpack in angular?

4. Explain how angular implement spa?

5. what are types of directives in angular


6. what are decorator functions in angular

7. what types of forms in angular

8. how we can share data between components in angular

9. what is rxjs?

10. what ia lazy loading in angular and how to apply it?


11. What are pipes? Give me an example.

12. What are main arrays in the root module of angular

, differentiate between them?

13. what is life cycle hook in angular?

14. What's the difference between an Angular


component , directive and module?
15. What is router outlet?

16. What is subscribing and observables?

17. What is dependency injection?

18. What are @input and @output ?

19. What is the difference between a promise and


observable?
20. What is a service and when do you use it?

21. Write code to determine the active environment ofthe


angular application?
22. What are compilation types in angular?

23. Explain State management in angular?

24. Explain angular elements?

25. Explain angular view encapsulation

26. What’s new in angular 12 over 11?

27. Explain angular apps architecture


28. Can I use jquery with angular or not?best practice?
Reactjs

1. What are the advantages of using React?


2. What is JSX?
3. What are the differences between functional and class
components?
4. What is the virtual DOM? How does react use the virtual
DOM to render the UI?
5. What are the differences between controlled and
uncontrolled components?
6. What are the different lifecycle methods in React?
7. Explain Strict Mode in React.
8. How to prevent re-renders in React?
9. Explain React state and props.
10. Explain React Hooks.
11. What are the different ways to style a React
component?
12. Name a few techniques to optimize React app
performance.
13. What are keys in React?
14. How to pass data between react components?
15. What are Higher Order Components?
16. What is prop drilling in React?
17. What are error boundaries?

Sass
1. Explain what is Sass? How it can be used?
2. What are the SCSS basic features?
3. List out the data types that Sass supports?
4. Explain the @include, @mixin, @function functions and how they are used.
What is %placeholder?
5. List out the differences between LESS and Sass?
6. What is the difference between SCSS and Sass?
7. What are the advantages/disadvantages of using CSS preprocessors?
8. Explain what is the use of the @import function in Sass?
9. Explain what is the use of Mixin function in Sass? What is the meaning of
DRY-ing out a mixin?

General questions

1. Explain grunt/gulp/webpack and differentiate?

2. Explain pwa?

3. Explain spa?

4. What is difference between http and https?

5. what is the difference between framework andlibrary?

6. how can i speed up my website and improve


performance?

7. Explain Authentication and authorization ,


differentiate between them?

8. Explain difference between authentication and


authorization?
9. Why oop?,features of it,?

10. Categories of design patterns,types of them

11. Mvc vs mvvm? Disadvatgaes of mvc which adv. in


mvvm?

12. Angular mvc or mvvm ?

13. Which class in angular considered to be model,view


and view model?

14. Types of relations between classes or objects?

15. Directives in angular view,model or view model?

16. Multipage site without refresh?

17. Diff. Between web security and app security?

18. Types of apis,web services?


19. What is main parts in any http request?

20. Js contains garbage collector?

21. Js interpreter name?

You might also like