Personal Questions

1. Introduce yourself.

2. What is your current location?

3. Are you willing to relocate?

4. What is your experience?

5. What is your base location?

6. What is your career goal?

7. Why do you want to switch your company?

8. Why should we hire you?

9. How do you handle pressure?

10. If some of your work is not completed, what would you do? Will you work on
weekends?

11. What are your strengths?

12. Have you led any team?

13. Have you trained your juniors?

14. How quick can you learn?

15. Are you comfortable working extra hours to meet deadlines?

16. Are you comfortable working with a team?

17. What is your family background?

18. What is your life goal?

19. What is your highest qualification?

20. What was your university and year of passing (YOP)?

21. What was your 10th and 12th YOP and percentage?

22. Why did you change sectors (if applicable)?

23. Are you passionate about working in IT?

24. Are you familiar with TypeScript?

25. Are you fine with TypeScript?

1. Explain your current project in depth.

2. Since how long have you been working on this project?

3. What are the challenges you faced in your project?

4. What are the technologies you’ve worked on in your projects?

5. What are the roles and responsibilities in your project?

6. Have you worked on any features? Explain any complex feature you worked on.

7. Have you worked on any bugs? Explain any complex bug you worked on.

8. What are the difficulties you faced in your project?

9. What are the new things you have used in your project from React 18?

10. What are the third-party libraries used in your project, and for what purpose?

11. Have you used TypeScript in your project before?

12. Have you worked on any project from scratch?

13. Have you used plugins in your React or JavaScript project?

14. Have you worked on libraries like Redux, Lodash?

15. Have you worked on class components or functional components?

16. What are the things you used in previous projects?

17. What are the challenges you might face once you join this company?

18. What is your exact work experience?

19. From when did you start working with React?

20. What is your team size?

21. How is the work divided among team members?

22. What environment do you prefer for work, and why?

23. What is your approach if a project is to be built from scratch?

24. Have you worked on DSA?

25. Have you worked on any UI libraries/frameworks other than React?

26. Have you worked on server-side rendering (SSR)?

27. Have you worked on Next.js?

29. Have you worked on AWS?

30. Have you worked on MySQL or MongoDB?

31. Have you worked on Material UI or Tailwind CSS?

32. Have you worked on Storybook (component library)?

33. Have you worked on Emotion (CSS-in-JS library)?

34. Have you worked on Redux Saga or Redux Thunk?

35. Have you worked on unit testing?

36. Have you worked on performance optimization techniques?

37. Have you worked on lazy loading?

38. Have you worked on error boundaries?

39. Have you worked on API error handling?

40. Have you worked on state management globally in your project?

41. Have you worked on responsive design for mobile applications?

42. Have you worked on CSS preprocessors like SCSS?

43. Have you worked on CSS frameworks like Bootstrap?

44. Have you worked on drag-and-drop APIs?

45. Have you worked on web workers?

46. Have you worked on live video streaming?

47. Have you worked on Git and GitHub?

48. Have you worked on Unix platforms?

49. Have you worked on Agile methodology?

50. Have you worked on SDLC?

1. What is hoisting?

2. What is closure? Explain with an example.

3. What is lexical environment?

4. What is the Temporal Dead Zone (TDZ)?

5. What is function currying?

6. What is a promise?

7. What is async/await?

8. What is the difference between promises and async/await?

9. What is the difference between == and ===?

10. What is the difference between let, var, and const?

11. What is the difference between synchronous and asynchronous JavaScript?

12. What is the difference between callbacks and promises?

13. What is the difference between map, filter, and reduce?

14. What is the difference between forEach and map?

15. What is the difference between shallow copy and deep copy?

16. What is the difference between JSON object and JS object?

17. What is the difference between call(), apply(), and bind()?

18. What is the difference between spread operator and rest parameter?

19. What is the difference between arrow functions and traditional functions?

20. What is the difference between block scope and function scope?

21. What is the difference between event bubbling and event capturing?

22. What is the difference between event delegation and event bubbling?

23. What is the difference between POST and GET?

24. What is the difference between local storage, session storage, and cookies?

25. What is the difference between primitive and non-primitive data types?

26. What is the difference between proto and prototype?

27. What is the difference between prototypal inheritance and classical inheritance?
 28. What is the difference between function declaration and function expression?

29. What is the difference between first-class functions and higher-order functions?

30. What is the difference between debouncing and throttling?

31. What is the difference between concurrency and parallelism?

32. What is the difference between call stack and event loop?

33. What is the difference between heap and stack memory?

34. What is the difference between call by reference and call by value?

35. What is the difference between explicit binding and implicit binding?

36. What is the difference between factory functions and constructor functions?

37. What is the difference between self-executing functions and IIFE?

38. What is the difference between async functions and generator functions?

39. What is the difference between error handling and error boundaries?

40. What is the difference between try-catch and error boundaries?

JavaScript (Practical)

1. Write a program to reverse a string without using built-in functions.

2. Write a program to remove duplicates from an array.

3. Write a program to check if a string is a palindrome.

4. Write a program to flatten a nested array.

5. Write a program to find the second most frequently occurring element in an array.

6. Write a program to find the missing number in an array.

7. Write a program to find the common elements between two arrays.

8. Write a program to sort an array without using the sort() method.

9. Write a program to count the number of duplicate characters in a string.

10. Write a program to find the sum of all elements in an array using reduce.

11. Write a program to implement a custom hook to fetch data from an API.

12. Write a program to implement a polyfill for Promise.all().

13. Write a program to implement a polyfill for the bind method.

15. Write a program to implement a polyfill for the map method.

16. Write a program to implement a polyfill for the reduce method.

17. Write a program to implement a debounce function.

18. Write a program to implement a throttle function.

19. Write a program to implement a counter using closure.

20. Write a program to implement a function that accepts dynamic arguments using
currying.

21. Write a program to implement a function that returns the first letter of the first name
and last name.

22. Write a program to implement a function that fetches data from an API and displays
it in a list.

23. Write a program to implement a function that creates a password with specific
validation rules.

24. Write a program to implement a function that finds the substring occurrence in a
string.

25. Write a program to implement a function that finds the output of a given array with
undefined values

React (Theoretical)

1. What is React?

2. What is JSX?

3. What is the difference between functional and class components?

4. What is the difference between state and props?

5. What is the difference between controlled and uncontrolled components?

6. What is the difference between useState and useReducer?

7. What is the difference between useEffect and useLayoutEffect?

8. What is the difference between useMemo and useCallback?

9. What is the difference between React.memo and useMemo?

11. What is the difference between Redux and Context API?

12. What is the difference between Redux and Redux Toolkit?

13. What is the difference between Redux Thunk and Redux Saga?

14. What is the difference between SSR and CSR?

15. What is the difference between lazy loading and code splitting?

16. What is the difference between prop drilling and context API?

17. What is the difference between error boundaries and try-catch?

18. What is the difference between React Router and conventional routing?

19. What is the difference between React.lazy and React.Suspense?

20. What is the difference between React Fragments and div?

21. What is the difference between React Hooks and lifecycle methods?

22. What is the difference between React.memo and PureComponent?

23. What is the difference between useRef and useState?

24. What is the difference between useImperativeHandle and useRef?

25. What is the difference between useEffect and componentDidMount?

26. What is the difference between useEffect and componentWillUnmount?

27. What is the difference between useEffect and componentDidUpdate?

28. What is the difference between useEffect and useLayoutEffect?

29. What is the difference between useEffect and useMemo?

30. What is the difference between useEffect and useCallback?

React (Practical)

1. Create a React component that toggles a div on button click.

2. Create a React component that increments a counter on button click.

3. Create a React component that fetches data from an API and displays it in cards.

4. Create a React component that implements a to-do list with add, edit, and delete
functionality.
5. Create a React component that implements a counter with increment and decrement
functionality.

6. Create a React component that implements a form with validation.

7. Create a React component that implements a search functionality.

8. Create a React component that implements a pagination feature.

9. Create a React component that implements lazy loading.

10. Create a React component that implements error boundaries.

11. Create a React component that implements a custom hook.

12. Create a React component that implements a context API.

13. Create a React component that implements Redux.

14. Create a React component that implements Redux Toolkit.

15. Create a React component that implements Redux Thunk.

16. Create a React component that implements Redux Saga.

17. Create a React component that implements React Router.

18. Create a React component that implements React.lazy and React.Suspense.

19. Create a React component that implements React.memo.

20. Create a React component that implements useMemo and useCallback.

21. Create a React component that implements useRef.

22. Create a React component that implements useLayoutEffect.

23. Create a React component that implements useImperativeHandle.

24. Create a React component that implements useReducer.

25. Create a React component that implements useContext.

1. What is the difference between flexbox and grid?

2. What is the difference between px, em, and rem?

3. What is the difference between inline, block, and inline-block?

4. What is the difference between position absolute and relative?

5. What is the difference between display none and visibility hidden?

6. What is the difference between pseudo-classes and pseudo-elements?

7. What is the difference between CSS preprocessors and plain CSS?

8. What is the difference between SCSS and CSS?

9. What is the difference between media queries and responsive design?

10. What is the difference between semantic and non-semantic HTML?

11. What is the difference between HTML and XHTML?

12. What is the difference between meta tags and regular tags?

13. What is the difference between z-index and stacking context?

14. What is the difference between box model and flexbox?

15. What is the difference between CSS animations and transitions?

16. What is the difference between CSS specificity and inheritance?

17. What is the difference between CSS variables and preprocessor variables?

18. What is the difference between CSS frameworks and custom CSS?

19. What is the difference between CSS-in-JS and traditional CSS?

20. What is the difference between CSS modules and global CSS?

CSS/HTML (Practical)

1. Create a layout using flexbox.

2. Create a layout using grid.

3. Create a responsive design using media queries.

4. Create a circle inside a square using CSS.

5. Create a triangle using CSS.

7. Create a modal using CSS.

8. Create a tooltip using CSS.

9. Create a dropdown menu using CSS.

10. Create a card layout using CSS.

11. Create a form with validation using HTML and CSS.

12. Create a responsive image gallery using CSS.

13. Create a parallax effect using CSS.

14. Create a sticky header using CSS.

15. Create a hover effect using CSS.

16. Create a loading spinner using CSS.

17. Create a custom checkbox using CSS.

18. Create a custom radio button using CSS.

19. Create a custom scrollbar using CSS.

20. Create a dark mode toggle using CSS.