500++WWe b b De

evveel o ppm
me en
nt
In
nte
er v
viie
ew Q u
ue ssttiio
on ss

JavaScript Interview Questions

1. How do you make an object iterable in javascript

2. What are the possible ways to create objects in JavaScript
3. What are the common use cases of observables
4. What is the advantage of a comma operator
5. What are the list of cases error thrown from non-strict mode to strict mode
6. What is the di erence between Shallow and Deep copy
7. What are regular expression patterns
8. How do you get the image width and height using JS
9. What is the Temporal Dead Zone
10. What is the output of prepend additive operator on falsy values
11. How do you sort elements in an array
12. How do style the console output using CSS?
13. What is the use of stopPropagation method
14. How do you get property descriptors of an object
15. What are the properties of Intl object
16. What are the three states of promise
17. Does javascript uses mixins
18. What is debouncing?
19. What are various operators supported by javascript
20. How do you prevent an object to extend
21. How do you set prototype of one object to another
22. What is nodejs
23. How do you make rst letter of the string in an uppercase
24. How do you compare scalar arrays

1 / 19
25. Why do you need modules
26. What is AJAX
27. Do all objects have prototypes
28. How do you decode an URL
29. How do you group and nest console output?
30. What is an event ow
31. What is a callback function
32. What is the purpose of isFinite function
33. What is a service worker
34. What is the purpose of exec method
35. What is an object initializer
36. How do you compare two date objects
37. How do you detect a mobile browser without regexp
38. What are the di erences between WeakMap and Map
39. What is the di erence between internal and external javascript
40. What is callback in callback
41. What is the need of tree shaking
42. When you get a syntax error
43. What are the recommendations to create new object
44. What is an arguments object
45. What is the easiest way to ignore promise errors?
46. What are modi ers in regular expression
47. What is the di erence between window and document
48. What is the di erence between let and var
49. What are the two types of loops in javascript
50. How do you get the current url with javascript
51. How do you check web workers browser support
52. What are the pros and cons of for loop
53. How do you create an object with prototype
54. What are the di erent ways to make an object non-extensible
55. How do you access web storage
56. What are di erent event loops
57. What is the di erence between dense and sparse arrays?
58. What is a storage event and its event handler
59. Can I redeclare let and const variables
60. What is the purpose of the array slice method
61. What are the various url properties of location object
62. What is a constructor method
63. What is the purpose of Error object
64. What are the di erent ways to create sparse arrays?
65. Give an example where do you really need semicolon
66. What is unde ned property
67. What are global variables
68. How do you crate speci c number of copies of a string
69. How do you convert date to another timezone in javascript
70. What is a rest parameter

2 / 19
 71. What are closures
72. Why do you need a Cookie
73. What is minimum timeout throttling
74. How do you submit a form using JavaScript
75. What are PWAs
76. How do you swap variables in destructuring assignment
77. What is the easiest way to convert an array to an object
78. What is prototype chain
79. What are the use cases for dynamic imports
80. How do you verify that an argument is a Number or not
81. What are the advantages of typescript over javascript
82. What are the steps involved in return false usage
83. What is the reason to choose the name let as a keyword
84. What is the easiest multi condition checking
85. What is the di erence between Call, Apply and Bind
86. How to invoke an IIFE without any extra brackets?
87. What are the pros and cons of promises over callbacks
88. What is a comma operator
89. What happens if you do not use rest parameter as a last argument
90. How do you determine if an object is sealed or not
91. What is an event delegation
92. What is promise chaining
93. What happens with negating an array
94. What are the string methods available in Regular expression
95. How do you detect primitive or non primitive value type
96. What is the output of below console statement with unary operator
97. What paradigm is Javascript
98. What are the di erent kinds of generators
99. What is an enum
100. What is event bubbling
101. What are javascript accessors
102. What are the syntax rules of JSON
103. How do you map the array values without using map method
104. How do you detect javascript disabled in the page
105. What is a strict mode in javascript
106. How do you copy properties from one object to other
107. How do you de ne multiple properties on an object
108. What is the main di erence between localStorage and sessionStorage
109. What are the bene ts of keeping declarations at the top
110. How do you decode or encode a URL in JavaScript?
111. What is the purpose of clearTimeout method
112. What is the purpose of double exclamation
113. How do you empty an array
114. What Is Obfuscation in javascript
115. What is the output of below string expression
116. What are js labels

3 / 19
117. What are the di erences between cookie, local and session storage
118. What are the attributes provided by a property descriptor
119. How do you check if a key exists in an object
120. What are the various statements in error handling
121. Is it recommended to use eval
122. What are the di erences between javascript and typescript
123. What is the purpose of freeze method
124. How do you extend classes
125. How can you get the list of keys of any object
126. How do you attening multi dimensional arrays
127. What are the ways to execute javascript after page load
128. What are default values in destructuring assignment
129. What is Mini cation
130. What is the currying function
131. How do you get enumerable key and value pairs
132. Why do you need Obfuscation
133. How do you generate random integers
134. What are wrapper objects
135. What is an event table
136. Give an example of a web worker
137. List down the collection of methods available on WeakSet
138. How do you get the status of a checkbox
139. What is the purpose of using object is method
140. What are the DOM methods available for constraint validation
141. What is function execution context?
142. What is the purpose of clearInterval method
143. What are the di erent error names from error object
144. How do you de ne multiline strings
145. How does synchronous iteration works
146. How do you detect caps lock key turned on or not
147. What is a rst order function
148. What is the di erence between slice and splice
149. How to detect if a function is called as constructor
150. What is the di erence between document load and DOMContentLoaded
151. What are lambda or arrow functions
152. What is global execution context?
153. List down some of the features of ES6
154. How do you print numbers with commas as thousand separators
155. What is for...of statement
156. Can we de ne properties for functions
157. What are asynchronous thunks
158. What is typeof operator
159. Why do you need web storage
160. What is the di erence between an attribute and a property
161. What is the easiest way to resize an array
162. What is the output of below function calls

4 / 19
163. What is the output of below spread operator array
164. How do you check if a string starts with another string
165. How do you reuse information across service worker restarts
166. What is MEAN in javascript
167. How to remove all line breaks from a string
168. What is throttling?
169. Why do you need to avoid with statement
170. How do you combine two or more arrays
171. What is jQuery
172. What are events
173. How do you assign default values to variables
174. How to cancel a fetch request
175. How do you create custom HTML element?
176. How do you invoke javascript code in an iframe from parent page
177. What are the advantages of module loaders
178. How do you determine whether object is frozen or not
179. How do you check an object is a promise or not
180. What is an event loop
181. What is destructuring assignment
182. What is an empty statement and purpose of it
183. How do you list all properties of an object
184. What is the output of below for loops
185. Why do you need JSON
186. How do you determine two values same or not using object
187. Does javascript supports namespace
188. What is call stack
189. What is NaN property
190. How do get query string values in javascript
191. How do you implement zero timeout in modern browsers
192. What is a debugger statement
193. What are the di erences between Obfuscation and Encryption
194. What is a unary function
195. What are the restrictions of web workers on DOM
196. What is an Unary operator
197. What is same-origin policy
198. How do you access history in javascript
199. How do you receive server-sent event noti cations
200. What are the di erences between arguments object and rest parameter
201. What is an async function
202. How do you nd operating system details
203. What is the purpose of the array splice method
204. What are template literals
205. How to get the value from get parameters
206. What is a pure function
207. What is the purpose of double tilde operator
208. What is tree shaking

5 / 19
209. How do you add a key value pair in javascript
210. How do you compare Object and Map
211. Is there any relation between Java and JavaScript
212. What happens if you write constructor more than once in a class
213. Can you apply chaining on conditional operator
214. Why do you need a promise
215. Is JavaScript faster than server side script
216. What are the di erent ways to deal with Asynchronous Code
217. What are the methods available on session storage
218. What is the main di erence between Object.values and Object.entries method
219. How do you disable right click in the web page
220. How do you detect a mobile browser
221. What is the purpose of dir method of console object
222. What is destructuring aliases
223. What are dynamic imports
224. How do you display data in a tabular format using console object
225. What are the applications of seal method
226. How do you create an in nite loop
227. What are the list of validity properties
228. What are the function parameter rules
229. What is the purpose of breakpoints in debugging
230. What is a freeze method
231. What is the shortcut to get timestamp
232. How do you prevent promises swallowing errors
233. Is Node.js completely single threaded
234. What is the di erence between java and javascript
235. What are the di erences between freeze and seal methods
236. What are the applications of assign method
237. What is the purpose of the let keyword
238. What is web speech API
239. Why do we need callbacks
240. What is the di erence between a parameter and an argument
241. What is the precedence order between local and global variables
242. What is a void operator
243. What are the built-in iterables
244. How do you get metadata of a module
245. What is the use of setTimeout
246. What are break and continue statements
247. What are the conventions to be followed for the usage of switch case
248. How do you use javascript libraries in typescript le
249. What is a decorator
250. What are primitive data types
251. What are the advantages of mini cation
252. What is a conditional operator in javascript
253. How do you de ne property on Object constructor
254. How do you perform form validation without javascript

6 / 19
255. What is the di erence between setTimeout, setImmediate and process.nextTick?
256. What are the options in a cookie
257. What are the di erences between WeakSet and Set
258. Is postMessages synchronous
259. How do you call the constructor of a parent class
260. How do you display the current date in javascript
261. What are the di erent ways to access object properties
262. What is the purpose of compareFunction while sorting arrays
263. What is a promise
264. Can I add getters and setters using de neProperty method
265. What is a post message
266. What is the di erence between re ow and repaint
267. What is web storage
268. How do you trim a string in javascript
269. What are tagged templates
270. What is a rst class function
271. How do you check whether an array includes a particular value or not
272. Is JavaScript a case-sensitive language
273. What is nullish coalescing operator (??)?
274. How do you encode an URL
275. What are the di erences between spread operator and rest parameter
276. What are typed arrays
277. What are the di erent methods to nd HTML elements in DOM
278. What is the purpose of some method in arrays
279. What are the di erences between undeclared and unde ned variables
280. What are the di erences between promises and observables
281. What is the purpose of switch-case
282. What is scope in javascript
283. How do you reverse an array without modifying original array?
284. Why do we call javascript as dynamic language
285. How do you create self string using special characters
286. How do you make synchronous HTTP request
287. What are the problems with global variables
288. Is JavaScript a compiled or interpreted language
289. What is typescript
290. What is a callback hell
291. What is IndexedDB
292. How do you create copy to clipboard button
293. How do you check whether an object can be extendable or not
294. What are the di erences between for...of and for...in statements
295. How do you test for an empty object
296. How do you search a string for a pattern
297. List down the collection of methods available on WeakMap
298. Can I avoid using postMessages completely
299. What is null value
300. How do you redirect new page in javascript

7 / 19
301. What is the way to nd the number of parameters expected by a function
302. How do you nd min and max value in an array
303. Why is JavaScript treated as Single threaded
304. How do you trim a string at the beginning or ending
305. How do you change the style of a HTML element
306. How do you avoid receiving postMessages from attackers
307. What are the properties used to get size of window
308. What is the purpose JSON stringify
309. What are enhanced object literals
310. What is an anonymous function
311. What are the main rules of promise
312. How to convert string to title case with javascript
313. What is the purpose of the race method in promise
314. What are the tools or techniques used for debugging JavaScript code
315. Is const variable makes the value immutable
316. What is eval
317. How do you check whether a string contains a substring
318. How do you capture browser back button
319. How do you loop through or enumerate javascript object
320. What is Hoisting
321. How do you nd min and max values without Math functions
322. How do get the timezone o set from date
323. Is enums feature available in javascript
324. What is the purpose of the delete operator
325. What are default parameters
326. What are the placeholders from console object
327. How do you detect a browser language preference
328. What are the events available for server sent events
329. What is memoization
330. What is an event queue
331. Is that possible to use expressions in switch cases?
332. What is the di erence between function and class declarations
333. What is JSON and its common operations
334. What is the di erence between == and === operators
335. How do you validate an email in javascript
336. Is it possible to add CSS to console messages
337. How do you perform language speci c date and time formatting
338. How do I modify the url without reloading the page
339. What is a Regular Expression
340. What is the di erence between native, host and user objects
341. What is optional chaining?
342. How do you print the contents of web page
343. How do you de ne JSON arrays
344. Can I use reserved words as identi ers
345. How do you perform form validation using javascript
346. Why do I need to use freeze method

8 / 19
347. How to set the cursor to wait
348. How do you get the prototype of an object
349. How do you parse JSON string
350. What are the available constraint validation DOM properties
351. Is it possible to debug HTML elements in console
352. How do you declare strict mode
353. How do you de ne instance and non-instance properties

9 / 19
 ReactJS Interview Questions

1. What is React?
2. What is the di erence between try catch block and error boundaries?
3. What is redux-saga?
4. How do you access props in attribute quotes?
5. How to use https instead of http in create-react-app?
6. How do you create HOC using render props?
7. How to perform automatic redirect after login?
8. How to prevent component from rendering?
9. Is it possible to use React without rendering HTML?
10. Describe about data ow in react?
11. How to programmatically trigger click event in React?
12. How to de ne constants in React?
13. How do you update rendered elements?
14. How to debug forwardRefs in DevTools?
15. How do you say that props are read only?
16. How to create props proxy for HOC component?
17. What is the main goal of React Fiber?
18. How to create refs?
19. How to combine multiple inline style objects?
20. How do you memoize a component?
21. What is state mutation and how to prevent it?
22. How do you use contextType?
23. How to structure Redux top level directories?
24. What are the main features of reselect library?
25. What is JSX?
26. What is react scripts?
27. How to write comments in React?
28. How Redux Form initialValues get updated from state?
29. What is the bene t of strict mode?
30. What is suspense component?
31. What is the purpose of registerServiceWorker in React?
32. Can you describe about componentDidCatch lifecycle method signature?
33. How to loop inside JSX?
34. How to use connect from React Redux?
35. What is React lazy function?
36. What is the required method to be de ned for a class component?
37. Give an example on How to use context?
38. How you implement Server-Side Rendering or SSR?
39. Can I dispatch an action in reducer?
40. Why React uses className over class attribute?

10 / 19
41. How to implement default or NotFound page?
42. What are Redux selectors and Why to use them?
43. What is the purpose of ReactTestUtils package?
44. How to access Redux store outside a component?
45. What is the di erence between constructor and getInitialState?
46. What is the purpose of push and replace methods of history?
47. What are portals in React?
48. What are loadable components?
49. What is the di erence between React context and React Redux?
50. What are the approaches to include poly lls in your create-react-app?
51. How to ensure hooks followed the rules in your project?
52. Give an example of Styled Components?
53. What is di ng algorithm?
54. Whats the purpose of at symbol in the redux connect decorator?
55. What is Redux?
56. What is the stable release for hooks support?
57. What are the di erences between redux-saga and redux-thunk
58. What is the popular choice for form handling?
59. How to re-render the view when the browser is resized?
60. What are the limitations of React?
61. How events are di erent in React?
62. What are uncontrolled components?
63. What is the lifecycle methods order in mounting?
64. How is the new JSX transform di erent from old transform?
65. How to access current locale with React Intl
66. Why React tab is not showing up in DevTools?
67. How do you say that state updates are merged?
68. How do you solve performance corner cases while using context?
69. How do you pass arguments to an event handler?
70. Do I need to rewrite all my class components with hooks?
71. What are Higher-Order components?
72. What is Shallow Renderer in React testing?
73. What are the Di erences Between Functional and Class Component in React
74. How to import and export components using react and ES6?
75. What are the possible ways of updating objects in state?
76. How to apply validation on props in React?
77. What are the features of Redux DevTools?
78. Is lazy function supports named exports?
79. What is the di erence between setState and replaceState methods?
80. Why should we not update the state directly?
81. How to create components in React?
82. What is Virtual DOM?
83. How to use React label element?
84. What is an action in Redux?
85. What are the conditions to safely use the index as a key?
86. What is the methods order when component re-rendered?

11 / 19
 87. How to update a component every second?
88. What are render props?
89. How do you pass an event handler to a component?
90. Do Hooks replace render props and higher order components?
91. Is it ref argument available for all functions or class components?
92. What are the popular packages for animation?
93. What is React PropType array with shape?
94. What are controlled components?
95. What is the di erence between component and container in React Redux?
96. How to pretty print JSON with React?
97. What is React Fiber?
98. Why is DevTools not loading in Chrome for local les?
99. What is a consumer?
100. What is Lifting State Up in React?
101. How to avoid using relative path imports in create-react-app?
102. How to test React Native apps?
103. What is the di erence between Element and Component?
104. What are the di erences between Flux and Redux?
105. What are the bene ts of using typescript with reactjs?
106. Should I learn ES6 before learning ReactJS?
107. Is Hooks cover all use cases for classes?
108. How React PropTypes allow di erent type for one prop?
109. Are custom DOM attributes supported in React v16?
110. Why you get "Router may have only one child element" warning?
111. What are the major features of React?
112. What is children prop?
113. What is the purpose of render method of react-dom?
114. What is windowing technique?
115. What is the bene t of styles modules?
116. What are React Server components?
117. What are stateless components?
118. What are synthetic events in React?
119. What is the di erence between React Native and React?
120. What are hooks?
121. What is the purpose of using super constructor with props argument?
122. What is the use of refs?
123. What will happen if you use props in initial state?
124. What is React Router?
125. What are the methods invoked during error handling?
126. What are inline conditional expressions?
127. What is reconciliation?
128. What is the proper way to access Redux store?
129. Is it possible to use react without JSX?
130. Do you need to have a particular build tool to use Redux?
131. What is the purpose of eslint plugin for hooks?
132. What are the problems of using render props with pure components?

12 / 19
133. Does React support all HTML attributes?
134. Give an example of reselect usage?
135. How to pass numbers to React component?
136. What is the di erence between state and props?
137. What are the lifecycle methods of React?
138. Can Redux only be used with React?
139. Do I need to keep all my state into Redux? Should I ever use react internal state?
140. What is the recommended way for naming components?
141. Can I use web components in react application?
142. What is the purpose of the constants in Redux?
143. How do you set default value for uncontrolled component?
144. How to focus an input element on page load?
145. How to prevent a function from being called multiple times?
146. How to use class eld declarations syntax in React classes?
147. What are the exceptions on React component naming?
148. How to add Bootstrap to a react application?
149. What is the bene t of component stack trace from error boundary?
150. What are the advantages of React over Vue.js?
151. How to bind methods or event handlers in JSX callbacks?
152. How to format date using React Intl?
153. How to reset state in Redux?
154. Why we need to be careful when spreading props on DOM elements??
155. Can you force a component to re-render without calling setState?
156. How to prevent unnecessary updates using setState?
157. How do you conditionally render components?
158. How to pass params to history.push method in React Router v4?
159. Is it prop must be named as render for render props?
160. What are Pure Components?
161. How to use TypeScript in create-react-app application?
162. How to debug your React Native?
163. What is route based code splitting?
164. Does the statics object work with ES6 classes in React?
165. What is a switching component?
166. Is it keys should be globally unique?
167. How do you get redux sca olding using create-react-app?
168. What is the di erence between Shadow DOM and Virtual DOM?
169. What is the recommended ordering of methods in component class?
170. How to create react class components without ES6?
171. What are the two ways of formatting in React Intl?
172. What are the limitations with HOCs?
173. How Relay is di erent from Redux?
174. What are fragments?
175. How to listen to state changes?
176. Is it recommended to use CSS In JS technique in React?
177. What is Redux Form?
178. How do you programmatically navigate using React router v4?

13 / 19
179. What is dynamic import?
180. What are the sources used for introducing hooks?
181. What is MobX?
182. When component props defaults to true?
183. What is the di erence between useState and useRef hook?
184. What are the di erent phases of component lifecycle?
185. What is the impact of indexes as keys?
186. What will happen if you use setState in constructor?
187. What is the di erence between Flow and PropTypes?
188. What are the downsides of Redux compared to Flux?
189. What is the proper placement for error boundaries?
190. How do you render Array, Strings and Numbers in React 16 Version?
191. How do you apply vendor pre xes to inline styles in React?
192. What are the di erent ways to write mapDispatchToProps()?
193. How to set initial state in Redux?
194. What is React Dev Tools?
195. How to use FormattedMessage as placeholder using React Intl?
196. What is the use of react-dom package?
197. How you use decorators in React?
198. What are the popular React-speci c linters?
199. What is Jest?
200. How to use font-awesome icons in React?
201. What is prop drilling?
202. What is the purpose of getDerivedStateFromProps() lifecycle method?
203. What are stateful components?
204. What is the purpose of renderToNodeStream method?
205. What are the drawbacks of MVW pattern
206. What are the advantages of React?
207. In which scenarios error boundaries do not catch errors?
208. What is the purpose of default value in context?
209. What is the mental model of redux-saga?
210. What is context?
211. Why fragments are better than container divs?
212. What are default props?
213. What is the di erence between React and ReactDOM?
214. Can I import an SVG le as react component?
215. What are the rules covered by di ng algorithm?
216. What is the di erence between async mode and concurrent mode?
217. What is CRA and its bene ts?
218. What are the lifecycle methods going to be deprecated in React v16?
219. What is state in React?
220. What are the features of create react app?
221. What is your favorite React stack?
222. What is the behavior of uncaught errors in react 16?
223. How JSX prevents Injection Attacks?
224. What are the bene ts of new JSX transform?

14 / 19
225. What is the purpose of unmountComponentAtNode method?
226. Is it good to use arrow functions in render methods?
227. Is it possible to use async/await in plain React?
228. What are React Mixins?
229. What is the di erence between HTML and React event handling?
230. What are the core principles of Redux?
231. What is the browser support for react applications?
232. What are the possible return types of render method?
233. What is the di erence between Real DOM and Virtual DOM?
234. What is strict mode in React?
235. What are styled components?
236. Why should component names start with capital letter?
237. Why do you not required to use inheritance?
238. Why are inline ref callbacks or functions not recommended?
239. Why do you need additional care for component libraries while using forward refs?
240. Why do you not need error boundaries for event handlers?
241. How to fetch data with React Hooks?
242. Why you can't update props in React?
243. Do browsers understand JSX code?
244. When do you need to use refs?
245. What are the common folder structures for React?
246. How to use styles in React?
247. What is the di erence between React and Angular?
248. What is the purpose of displayName class property?
249. What are the bene ts of React Router V4?
250. What is "key" prop and what is the bene t of using it in arrays of elements?
251. What is the di erence between createElement and cloneElement?
252. What is the use of the ownProps parameter in mapStateToProps() and mapDispatchToProps()?
253. What is reselect and how it works?
254. What are the Pointer Events supported in React?
255. Give a simple example of Jest test case
256. How to conditionally apply class attributes?
257. How to pass a parameter to an event handler or callback?
258. How do you access imperative API of web components?

15 / 19
 HTML and CSS Interview Questions

1. What are empty elements in HTML?

2. How do you serve a page with content in multiple languages?
3. What are data- attributes good for?
4. Consider HTML5 as an open web platform. What are the building blocks of HTML5?
5. What does a doctype do?
6. What is the di erence between canvas and svg?
7. Describe the di erence between a cookie, sessionStorage and localStorage.
8. What kind of things must you be wary of when designing or developing for multilingual sites?
9. What is progressive rendering?
10. What is the use of only?
11. Are you familiar with styling SVG?
12. Why css selectors mixed up with cases don't apply the styles?
13. What is shadow DOM?
14. What are some of the "gotchas" for writing e cient CSS?
15. What does * { box-sizing: border-box; } do? What are its advantages?
16. What techniques/processes do you use?
17. Does padding-left or padding-right or margin-left or margin-right has e ect on inline element?
18. What are the di erent ways to visually hide content (and make it available only for screen
readers)?
19. What are the di erent css lter you can use?
20. What are the various clearing techniques and which is appropriate for what context?
21. How would you approach xing browser-speci c styling issues?
22. Does over ow: hidden create a new block formatting context?
23. How would you implement a web design comp that uses non-standard fonts?
24. What are the properties related to box model?
25. How do you serve your pages for feature-constrained browsers?
26. What is the di erence between CSS Grid and Flexbox? When would you use one over the other?
27. What are the di erences between visibility hidden and display none?
28. Have you used or implemented media queries or mobile speci c layouts/CSS?
29. What is the CSS display property and can you give a few examples of its use?
30. What are the some pseudo classed u have used?
31. Describe pseudo-elements and discuss what they are used for.
32. Have you ever used a grid system, and if so, what do you prefer?
33. What does oat do?
34. What is speci city? How do u calculate speci city?
35. Explain how a browser determines what elements match a CSS selector.
36. Which one would you prefer among px, em % or pt and why?
37. Describe z-index and how stacking context is formed.
38. Does margin-top or margin-bottom has e ect on inline element?
39. What are the di erences between inline, block and inline-block?

16 / 19
40. Are CSS rule names case sensitive?
41. What are the reasons to use preprocessor?
42. Describe BFC (Block Formatting Context) and how it works.
43. Does padding-top or padding-bottom has e ect on inline element?
44. How can you load css resources conditionally?
45. What's the di erence between the "nth-of-type()" and "nth-child()" selectors?
46. How can you clear sides of a oating element?
47. How can you clear sides of a oating element?
48. How absolute, relative, xed and static position di er?
49. What's the di erence between "resetting" and "normalizing" CSS? Which would you choose, and
why?
50. How could you apply css rules speci c to a media?
51. Have you ever worked with retina graphics? If so, when and what techniques did you use?
52. Can you give an example of an @media property other than screen?
53. Describe Floats and how they work.
54. What is CSS selector speci city and how does it work?
55. Can you explain the di erence between px, em and rem as they relate to font sizing?
56. What's the di erence between inline and inline-block?
57. Have you used CSS Grid?
58. Why would you use sprites?
59. How do you align a p center-center inside a div?
60. What do you know about transition?
61. How do you optimize css selectors?
62. some tricky questions in rapid re style

17 / 19
 Web Dev misc. Interview Questions

1. What is the di erence between layout, painting and compositing?

2. Talk about your preferred development environment.
3. What is the di erence between PUT and PATCH methods in REST?
4. If you jumped on a project and they used tabs and you used spaces, what would you do?
5. What is REST?
6. Which version control systems are you familiar with?
7. Describe how you would create a simple slideshow page.
8. Explain some of the pros and cons for CSS animations versus JavaScript animations.
9. Talk about the di erences between websockets, long polling and SSE
10. Do you use Grunt, Gulp, Webpack or Browserify in your projects?
11. What role do you see yourself in?
12. What is Web Components?
13. What is the di erence between sessionStorage, localStorage and cookies?
14. What is CORS?
15. If you could master one technology this year, what would it be?
16. How would you optimize a website's assets/resources?
17. List the main things you can do to increase page speed loading?
18. What resources do you use to learn about the latest in front end development and design?
19. What do you know about "60fps"? How can you achieve it?
20. How did you handle a disagreement with your boss or your collaborator?
21. What is Flash of Unstyled Content? How do you avoid FOUC?
22. What does CORS stand for and what issue does it address?
23. What skills are needed to be a good front-end developer?
24. What are the exceptions?
25. What actions have you personally taken on recent projects to increase maintainability of your
code?
26. Name 3 ways to decrease page load (perceived or actual load time).
27. How many resources will a browser download from a given domain at a time?
28. Progressive enhancement vs graceful degradation. What is the di erence?
29. Explain the importance of standards and standards bodies.
30. Explain the di erence between cookies, session storage, and local storage?
31. What tools do you know or already use to improve your code?
32. What is a recent technical challenge you experienced and how did you solve it?

18 / 19
HAFIZ
YASIR

19 / 19