Web Development Interview Questions, Schemes and Mind Maps of Web Design and Development

Interview Questions of Web Development

Typology: Schemes and Mind Maps

2022/2023

Uploaded on 12/06/2022

pavan-kalyan-0090
pavan-kalyan-0090 🇮🇳

5

(1)

3 documents

1 / 19

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Sleepless Yogi | All Rights Reserved
1 / 19
500+ Web Development
500+ Web Development
500+ Web Development
Interview Questions
Interview Questions
Interview Questions
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
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13

Partial preview of the text

Download Web Development Interview Questions and more Schemes and Mind Maps Web Design and Development in PDF only on Docsity!

500+ Web Development500+ Web Development 500+ Web Development

Interview QuestionsInterview Questions Interview Questions

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 dierence 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. Why do you need modules
  2. What is AJAX
    1. Do all objects have prototypes
  3. How do you decode an URL
  4. How do you group and nest console output?
  5. What is an event ow
    1. What is a callback function
    2. What is the purpose of isFinite function
    3. What is a service worker
    4. What is the purpose of exec method
    5. What is an object initializer
    6. How do you compare two date objects
    7. How do you detect a mobile browser without regexp
    8. What are the dierences between WeakMap and Map
    9. What is the dierence between internal and external javascript
  6. What is callback in callback
    1. What is the need of tree shaking
    2. When you get a syntax error
    3. What are the recommendations to create new object
    4. What is an arguments object
    5. What is the easiest way to ignore promise errors?
    6. What are modiers in regular expression
    7. What is the dierence between window and document
    8. What is the dierence between let and var
    9. What are the two types of loops in javascript
  7. How do you get the current url with javascript
    1. How do you check web workers browser support
  8. What are the pros and cons of for loop
    1. How do you create an object with prototype
    2. What are the dierent ways to make an object non-extensible
  9. How do you access web storage
    1. What are dierent event loops
    2. What is the dierence between dense and sparse arrays?
  10. What is a storage event and its event handler
  11. Can I redeclare let and const variables
  12. What is the purpose of the array slice method
    1. What are the various url properties of location object
  13. What is a constructor method
    1. What is the purpose of Error object
    2. What are the dierent ways to create sparse arrays?
    3. Give an example where do you really need semicolon
    4. What is undened property
    5. What are global variables
    6. How do you crate specic number of copies of a string
  14. How do you convert date to another timezone in javascript
  15. What is a rest parameter
  1. What are the dierences between cookie, local and session storage
  2. What are the attributes provided by a property descriptor
  3. How do you check if a key exists in an object
  4. What are the various statements in error handling
  5. Is it recommended to use eval
  6. What are the dierences between javascript and typescript
  7. What is the purpose of freeze method
  8. How do you extend classes
  9. How can you get the list of keys of any object
  10. How do you attening multi dimensional arrays
  11. What are the ways to execute javascript after page load
  12. What are default values in destructuring assignment
  13. What is Minication
  14. What is the currying function
  15. How do you get enumerable key and value pairs
  16. Why do you need Obfuscation
  17. How do you generate random integers
  18. What are wrapper objects
  19. What is an event table
  20. Give an example of a web worker
  21. List down the collection of methods available on WeakSet
  22. How do you get the status of a checkbox
  23. What is the purpose of using object is method
  24. What are the DOM methods available for constraint validation
  25. What is function execution context?
  26. What is the purpose of clearInterval method
  27. What are the dierent error names from error object
  28. How do you dene multiline strings
  29. How does synchronous iteration works
  30. How do you detect caps lock key turned on or not
  31. What is a rst order function
  32. What is the dierence between slice and splice
  33. How to detect if a function is called as constructor
  34. What is the dierence between document load and DOMContentLoaded
  35. What are lambda or arrow functions
  36. What is global execution context?
  37. List down some of the features of ES
  38. How do you print numbers with commas as thousand separators
  39. What is for...of statement
  40. Can we dene properties for functions
  41. What are asynchronous thunks
  42. What is typeof operator
  43. Why do you need web storage
  44. What is the dierence between an attribute and a property
  45. What is the easiest way to resize an array
  46. What is the output of below function calls
  1. What is the output of below spread operator array
  2. How do you check if a string starts with another string
  3. How do you reuse information across service worker restarts
  4. What is MEAN in javascript
  5. How to remove all line breaks from a string
  6. What is throttling?
  7. Why do you need to avoid with statement
  8. How do you combine two or more arrays
  9. What is jQuery
  10. What are events
  11. How do you assign default values to variables
  12. How to cancel a fetch request
  13. How do you create custom HTML element?
  14. How do you invoke javascript code in an iframe from parent page
  15. What are the advantages of module loaders
  16. How do you determine whether object is frozen or not
  17. How do you check an object is a promise or not
  18. What is an event loop
  19. What is destructuring assignment
  20. What is an empty statement and purpose of it
  21. How do you list all properties of an object
  22. What is the output of below for loops
  23. Why do you need JSON
  24. How do you determine two values same or not using object
  25. Does javascript supports namespace
  26. What is call stack
  27. What is NaN property
  28. How do get query string values in javascript
  29. How do you implement zero timeout in modern browsers
  30. What is a debugger statement
  31. What are the dierences between Obfuscation and Encryption
  32. What is a unary function
  33. What are the restrictions of web workers on DOM
  34. What is an Unary operator
  35. What is same-origin policy
  36. How do you access history in javascript
  37. How do you receive server-sent event notications
  38. What are the dierences between arguments object and rest parameter
  39. What is an async function
  40. How do you nd operating system details
  41. What is the purpose of the array splice method
  42. What are template literals
  43. How to get the value from get parameters
  44. What is a pure function
  45. What is the purpose of double tilde operator
  46. What is tree shaking
  1. What is the dierence between setTimeout, setImmediate and process.nextTick?
  2. What are the options in a cookie
  3. What are the dierences between WeakSet and Set
  4. Is postMessages synchronous
  5. How do you call the constructor of a parent class
  6. How do you display the current date in javascript
  7. What are the dierent ways to access object properties
  8. What is the purpose of compareFunction while sorting arrays
  9. What is a promise
  10. Can I add getters and setters using deneProperty method
  11. What is a post message
  12. What is the dierence between reow and repaint
  13. What is web storage
  14. How do you trim a string in javascript
  15. What are tagged templates
  16. What is a rst class function
  17. How do you check whether an array includes a particular value or not
  18. Is JavaScript a case-sensitive language
  19. What is nullish coalescing operator (??)?
  20. How do you encode an URL
  21. What are the dierences between spread operator and rest parameter
  22. What are typed arrays
  23. What are the dierent methods to nd HTML elements in DOM
  24. What is the purpose of some method in arrays
  25. What are the dierences between undeclared and undened variables
  26. What are the dierences between promises and observables
  27. What is the purpose of switch-case
  28. What is scope in javascript
  29. How do you reverse an array without modifying original array?
  30. Why do we call javascript as dynamic language
  31. How do you create self string using special characters
  32. How do you make synchronous HTTP request
  33. What are the problems with global variables
  34. Is JavaScript a compiled or interpreted language
  35. What is typescript
  36. What is a callback hell
  37. What is IndexedDB
  38. How do you create copy to clipboard button
  39. How do you check whether an object can be extendable or not
  40. What are the dierences between for...of and for...in statements
  41. How do you test for an empty object
  42. How do you search a string for a pattern
  43. List down the collection of methods available on WeakMap
  44. Can I avoid using postMessages completely
  45. What is null value
  46. How do you redirect new page in javascript
  1. What is the way to nd the number of parameters expected by a function
  2. How do you nd min and max value in an array
  3. Why is JavaScript treated as Single threaded
  4. How do you trim a string at the beginning or ending
  5. How do you change the style of a HTML element
  6. How do you avoid receiving postMessages from attackers
  7. What are the properties used to get size of window
  8. What is the purpose JSON stringify
  9. What are enhanced object literals
  10. What is an anonymous function
  11. What are the main rules of promise
  12. How to convert string to title case with javascript
  13. What is the purpose of the race method in promise
  14. What are the tools or techniques used for debugging JavaScript code
  15. Is const variable makes the value immutable
  16. What is eval
  17. How do you check whether a string contains a substring
  18. How do you capture browser back button
  19. How do you loop through or enumerate javascript object
  20. What is Hoisting
  21. How do you nd min and max values without Math functions
  22. How do get the timezone oset from date
  23. Is enums feature available in javascript
  24. What is the purpose of the delete operator
  25. What are default parameters
  26. What are the placeholders from console object
  27. How do you detect a browser language preference
  28. What are the events available for server sent events
  29. What is memoization
  30. What is an event queue
  31. Is that possible to use expressions in switch cases?
  32. What is the dierence between function and class declarations
  33. What is JSON and its common operations
  34. What is the dierence between == and === operators
  35. How do you validate an email in javascript
  36. Is it possible to add CSS to console messages
  37. How do you perform language specic date and time formatting
  38. How do I modify the url without reloading the page
  39. What is a Regular Expression
  40. What is the dierence between native, host and user objects
  41. What is optional chaining?
  42. How do you print the contents of web page
  43. How do you dene JSON arrays
  44. Can I use reserved words as identiers
  45. How do you perform form validation using javascript
  46. Why do I need to use freeze method

ReactJS Interview Questions

  1. What is React?
  2. What is the dierence 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 dene 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 benet 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 dened 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?
  1. How to implement default or NotFound page?
  2. What are Redux selectors and Why to use them?
  3. What is the purpose of ReactTestUtils package?
  4. How to access Redux store outside a component?
  5. What is the dierence between constructor and getInitialState?
  6. What is the purpose of push and replace methods of history?
  7. What are portals in React?
  8. What are loadable components?
  9. What is the dierence between React context and React Redux?
  10. What are the approaches to include polylls in your create-react-app?
  11. How to ensure hooks followed the rules in your project?
  12. Give an example of Styled Components?
  13. What is ding algorithm?
  14. Whats the purpose of at symbol in the redux connect decorator?
  15. What is Redux?
  16. What is the stable release for hooks support?
  17. What are the dierences between redux-saga and redux-thunk
  18. What is the popular choice for form handling?
  19. How to re-render the view when the browser is resized?
  20. What are the limitations of React?
  21. How events are dierent in React?
  22. What are uncontrolled components?
  23. What is the lifecycle methods order in mounting?
  24. How is the new JSX transform dierent from old transform?
  25. How to access current locale with React Intl
  26. Why React tab is not showing up in DevTools?
  27. How do you say that state updates are merged?
  28. How do you solve performance corner cases while using context?
  29. How do you pass arguments to an event handler?
  30. Do I need to rewrite all my class components with hooks?
  31. What are Higher-Order components?
  32. What is Shallow Renderer in React testing?
  33. What are the Dierences Between Functional and Class Component in React
  34. How to import and export components using react and ES6?
  35. What are the possible ways of updating objects in state?
  36. How to apply validation on props in React?
  37. What are the features of Redux DevTools?
  38. Is lazy function supports named exports?
  39. What is the dierence between setState and replaceState methods?
  40. Why should we not update the state directly?
  41. How to create components in React?
  42. What is Virtual DOM?
  43. How to use React label element?
  44. What is an action in Redux?
  45. What are the conditions to safely use the index as a key?
  46. What is the methods order when component re-rendered?
  1. Does React support all HTML attributes?
  2. Give an example of reselect usage?
  3. How to pass numbers to React component?
  4. What is the dierence between state and props?
  5. What are the lifecycle methods of React?
  6. Can Redux only be used with React?
  7. Do I need to keep all my state into Redux? Should I ever use react internal state?
  8. What is the recommended way for naming components?
  9. Can I use web components in react application?
  10. What is the purpose of the constants in Redux?
  11. How do you set default value for uncontrolled component?
  12. How to focus an input element on page load?
  13. How to prevent a function from being called multiple times?
  14. How to use class eld declarations syntax in React classes?
  15. What are the exceptions on React component naming?
  16. How to add Bootstrap to a react application?
  17. What is the benet of component stack trace from error boundary?
  18. What are the advantages of React over Vue.js?
  19. How to bind methods or event handlers in JSX callbacks?
  20. How to format date using React Intl?
  21. How to reset state in Redux?
  22. Why we need to be careful when spreading props on DOM elements??
  23. Can you force a component to re-render without calling setState?
  24. How to prevent unnecessary updates using setState?
  25. How do you conditionally render components?
  26. How to pass params to history.push method in React Router v4?
  27. Is it prop must be named as render for render props?
  28. What are Pure Components?
  29. How to use TypeScript in create-react-app application?
  30. How to debug your React Native?
  31. What is route based code splitting?
  32. Does the statics object work with ES6 classes in React?
  33. What is a switching component?
  34. Is it keys should be globally unique?
  35. How do you get redux scaolding using create-react-app?
  36. What is the dierence between Shadow DOM and Virtual DOM?
  37. What is the recommended ordering of methods in component class?
  38. How to create react class components without ES6?
  39. What are the two ways of formatting in React Intl?
  40. What are the limitations with HOCs?
  41. How Relay is dierent from Redux?
  42. What are fragments?
  43. How to listen to state changes?
  44. Is it recommended to use CSS In JS technique in React?
  45. What is Redux Form?
  46. How do you programmatically navigate using React router v4?
  1. What is dynamic import?
  2. What are the sources used for introducing hooks?
  3. What is MobX?
  4. When component props defaults to true?
  5. What is the dierence between useState and useRef hook?
  6. What are the dierent phases of component lifecycle?
  7. What is the impact of indexes as keys?
  8. What will happen if you use setState in constructor?
  9. What is the dierence between Flow and PropTypes?
  10. What are the downsides of Redux compared to Flux?
  11. What is the proper placement for error boundaries?
  12. How do you render Array, Strings and Numbers in React 16 Version?
  13. How do you apply vendor prexes to inline styles in React?
  14. What are the dierent ways to write mapDispatchToProps()?
  15. How to set initial state in Redux?
  16. What is React Dev Tools?
  17. How to use FormattedMessage as placeholder using React Intl?
  18. What is the use of react-dom package?
  19. How you use decorators in React?
  20. What are the popular React-specic linters?
  21. What is Jest?
  22. How to use font-awesome icons in React?
  23. What is prop drilling?
  24. What is the purpose of getDerivedStateFromProps() lifecycle method?
  25. What are stateful components?
  26. What is the purpose of renderToNodeStream method?
  27. What are the drawbacks of MVW pattern
  28. What are the advantages of React?
  29. In which scenarios error boundaries do not catch errors?
  30. What is the purpose of default value in context?
  31. What is the mental model of redux-saga?
  32. What is context?
  33. Why fragments are better than container divs?
  34. What are default props?
  35. What is the dierence between React and ReactDOM?
  36. Can I import an SVG le as react component?
  37. What are the rules covered by ding algorithm?
  38. What is the dierence between async mode and concurrent mode?
  39. What is CRA and its benets?
  40. What are the lifecycle methods going to be deprecated in React v16?
  41. What is state in React?
  42. What are the features of create react app?
  43. What is your favorite React stack?
  44. What is the behavior of uncaught errors in react 16?
  45. How JSX prevents Injection Attacks?
  46. What are the benets of new JSX transform?

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 dierence between canvas and svg?
  7. Describe the dierence 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 ecient 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 eect on inline element?
  18. What are the dierent ways to visually hide content (and make it available only for screen readers)?
  19. What are the dierent 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-specic styling issues?
  22. Does overow: 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 dierence between CSS Grid and Flexbox? When would you use one over the other?
  27. What are the dierences between visibility hidden and display none?
  28. Have you used or implemented media queries or mobile specic 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 specicity? How do u calculate specicity?
  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 eect on inline element?
  39. What are the dierences between inline, block and inline-block?
  1. Are CSS rule names case sensitive?
    1. What are the reasons to use preprocessor?
  2. Describe BFC (Block Formatting Context) and how it works.
  3. Does padding-top or padding-bottom has eect on inline element?
  4. How can you load css resources conditionally?
  5. What's the dierence between the "nth-of-type()" and "nth-child()" selectors?
  6. How can you clear sides of a oating element?
  7. How can you clear sides of a oating element?
  8. How absolute, relative, xed and static position dier?
  9. What's the dierence between "resetting" and "normalizing" CSS? Which would you choose, and why?
  10. How could you apply css rules specic to a media?
    1. Have you ever worked with retina graphics? If so, when and what techniques did you use?
  11. Can you give an example of an @media property other than screen?
    1. Describe Floats and how they work.
    2. What is CSS selector specicity and how does it work?
  12. Can you explain the dierence between px, em and rem as they relate to font sizing?
    1. What's the dierence between inline and inline-block?
    2. Have you used CSS Grid?
  13. Why would you use sprites?
  14. How do you align a p center-center inside a div?
  15. What do you know about transition?
    1. How do you optimize css selectors?
  16. some tricky questions in rapid re style

Further Reading

If you liked these interview questions, I have one more surprise for you. 🎉

I'm gonna teach web development to 10,000 students this year, with your help!

What if I told you I can help you understand answers to these interview questions? I need only 30 minutes of your time everyday or 2 hours per week.

Here's how you can crack all your web dev interviews:

Struggling to understand the Web Development basics? HTML, JS, ReactJS, CSS - Check out my book HTML to React

Need daily practice and weekly challenges on JavaScript? Check out my JavaScript Bootcamp

Hundreds of students have already enrolled ⭐ ⭐ ⭐ ⭐ ⭐