Anutosh Ghosh

Here is a step-by-step process to pick apart any low-level design question. ----- 𝑆𝐷𝐸 1+ ----- 𝟏. 𝐒𝐂𝐎𝐏𝐄 𝐓𝐇𝐄 𝐏𝐑𝐎𝐁𝐋𝐄𝐌 As you speak with the interviewer, you may list 5-10 requirements for the question. You cannot satisfy these requirements in 45 minutes. Decide on what is important to the system. Pick JUST ONE important requirement, and start with it. The rest can be picked later, if time permits. 𝟐. 𝐋𝐈𝐒𝐓 𝐓𝐇𝐄 𝐀𝐏𝐈𝐬 𝐅𝐈𝐑𝐒𝐓 Users interact with the system using APIs. That's what matters most. Name the APIs sensibly. Walk through how a user will use these APIs to meet the given requirement. Example: In a booking system, how does a customer temporarily lock, pay for, and permanently book a seat? They do it using APIs. Your job is to explain the request flow and interactions. 𝟑. 𝐍𝐎𝐖 𝐃𝐄𝐅𝐈𝐍𝐄 𝐓𝐇𝐄 𝐎𝐁𝐉𝐄𝐂𝐓𝐒 List the request and response parameters. Most of your system's objects will surface here. At this point, you can write the skeleton code, with objects and services. ----- 𝑆𝐷𝐸 2+ ----- 𝟒. 𝐂𝐎𝐍𝐒𝐈𝐃𝐄𝐑 𝐂𝐎𝐍𝐂𝐔𝐑𝐑𝐄𝐍𝐂𝐘 You won't be expected to code a concurrent system. But you will be expected to talk about "how will this system handle concurrent requests?" The usual problems with concurrency are dirty reads and out-of-order processing. Even identifying these problems (without a clear solution) is a big green flag. ----- 𝑆𝐷𝐸 3+ ----- 𝟓. 𝐂𝐎𝐍𝐒𝐈𝐃𝐄𝐑 𝐓𝐄𝐒𝐓 𝐒𝐔𝐈𝐓𝐄𝐒 A system is going to have edge cases. It's the tricky ones that matter most. Noting edge cases, and adapting the system to solve them, is a clear green flag. 𝟔. 𝐂𝐎𝐌𝐌𝐔𝐍𝐈𝐂𝐀𝐓𝐄 𝐂𝐎𝐍𝐒𝐓𝐀𝐍𝐓𝐋𝐘 Walk your interviewer through the code while you write it. You don't need to say everything on your mind, but you DO need to explain everything that's important. In general, over-communication is harmless. Undercommunication leads to confusion. ----- 𝑅𝑒𝑠𝑜𝑢𝑟𝑐𝑒𝑠 ----- 1. Read your writes: https://lnkd.in/dJYZ3Z_7 2. Asynchronous Processing with Futures: https://lnkd.in/d55-j-G8 3. Request Collapsing: https://lnkd.in/dFbJmwJC 4. What are threads? https://lnkd.in/dF4q9ez2 5. Event Bus Publishers and Subscribers: https://lnkd.in/dcciJ4vM 6. Classes and package structuring: https://lnkd.in/dqagPDG9 7. Dependency Inversion: https://lnkd.in/djU2uw4K #SystemDesign

514

7 Comments

Opinion: You don't need to pay for courses on Data Structures and Algorithms (DSA) to get your dream job. Everything you need to learn is available for free. Key Points: 1. Free Resources are Enough: There are many free resources available online that can teach you everything you need to know about DSA. 2. Self-study is Powerful: With dedication and the right resources, you can learn DSA on your own without paying for expensive courses. 1. Free Resources: There are many free resources online where you can learn DSA. These include YouTube videos, websites, and forums. 2. Self-Study: With discipline and consistency, you can learn DSA on your own. Many successful people have done this. 3. Support: Online communities and study groups can help you when you're stuck or need motivation. 4. Join Study Groups: Learning with peers can help you stay motivated and understand concepts better. Look for study groups on social media or join coding communities. 5. Practice Regularly: Consistent practice is key to mastering DSA. Solve different types of problems regularly to improve your understanding and skills. 6. Participate in Coding Competitions: Engage in coding contests on platforms like CodeForces, CodeChef, and others to test your knowledge and improve your problem-solving speed. 7. Watch Tutorials: YouTube has countless tutorials from educators and professionals who explain DSA concepts clearly and provide step-by-step solutions to problems like takeUforward . 8. Follow a Structured Plan: Create a study plan to cover all important topics systematically. Stick to the plan to ensure you cover all areas of DSA comprehensively. Tips for Students 1. Find Good Resources: Start with websites like GeeksforGeeks, LeetCode, and YouTube channels that teach DSA for free. 2. Make a Study Plan: Create a schedule that dedicates regular time for studying DSA. Consistency is important. 3. Practice Regularly: Use platforms like HackerRank, CodeSignal, and LeetCode to solve problems regularly. 4. Join Online Communities: Participate in forums like Stack Overflow or join groups on Reddit, Inc. and Discord where you can ask questions and learn from others. 5. Take Notes: Write down key concepts and problems you find challenging. This helps reinforce your learning. 6. Work on Projects: Apply what you learn by working on small projects or contributing to open-source projects. This gives you practical experience. 7. Stay Motivated: Remember your goal and keep pushing yourself. It's normal to find some concepts difficult, but with persistence, you will improve. Join WhatsApp Community: https://lnkd.in/dPsWBW7q Looking forward to your success! ❤️ By utilizing these free resources and staying disciplined, you can learn DSA effectively and increase your chances of landing your dream job without spending money on paid courses. Follow Vikram Gaur #DSA #Coding #Programming #google #microsoft #amazon #flipkart #walmart #internship #TechCommunity

316

13 Comments

⭐ Spring Framework Series - 012 ⭐ 🥇Topic: Spring AOP: Join Points and Advice - Use cases 🥇 Follow Amandeep Singh 🇮🇳 and #LearnSpringWithLazyProgrammer You can find the links to all previous posts at the end of this post or simply follow hashtag #LearnSpringWithLazyProgrammer to access all articles in one place. Now we know what are Join Points and Advices. Let us see some use cases where they fit better. 🎯Use Cases for Join Points: ✨Method Execution: To monitor the execution of a method and capture metrics like execution time, method inputs, and outputs. ✨Exception Handling: To log exceptions uniformly across the application, ensuring consistent error logging. ✨Constructor Calls: To initialize certain properties or enforce security checks whenever an object is created. 🎯Types and Use Cases of Advice: 🎗Before Advice: Use it to perform tasks like validation, logging, or setting up security contexts before the main logic of a method runs. Example: Checking user permissions before accessing a service. 🎗After Advice: Use it to release resources, log the completion of a method, or perform cleanup tasks. Example: Closing database connections or files after the operation is complete. 🎗Around Advice: This is the most powerful type of advice and can control the method execution itself. Use it to modify the method execution, log execution time, or handle exceptions. Example: Implementing custom transactional behavior or auditing method executions. 🎗After Returning Advice: Use it to execute actions after a method successfully returns a result. It can be used to log the output, post-process the result, or trigger further actions. Example: Logging the returned data or sending a notification upon successful completion of a service. 🎗After Throwing Advice: This advice runs if a method throws an exception. It's useful for implementing centralized error handling and logging. Example: Sending alert emails or logging detailed exception information for troubleshooting. ⏭ Next, we’ll explore in detail what are Pointcuts and AspectJ. 📝Learn more about the Spring Framework In Depth: https://lnkd.in/g6QMngMh 🔖Previous Posts: You can access all previous posts at one location here: https://lnkd.in/gjuUmx5w #SpringAOP #JoinPoints #Advice #AspectOrientedProgramming #LearnSpringWithLazyProgrammer #SpringFramework #JavaDevelopment #Programming #TechTips #BackendDevelopment

3

Most asked 52 #reactjs interview questions: 1. What is React? 2. What is useMemo ? 3. What are the features of React ? 4. What is JSX ? 5. What is DOM ? 6. What is Virtual Dom ? 7. What is component life cycle of React class component ? 8. What are fragments in react ? 9. What are props in react ? 10. What are synthetic events in react ? 11. What are the difference between Package.json and Package.lock.json ? 12. What are the differences between client side and server side rendering ? 13. What is state in Reactjs? 14. What are props ? 15. What are the differences between State and Props in react ? 16. What is props drilling ? 17. What are the disadvantages of props drilling and How we can avoid props drilling ? 18. What are Pure components in React ? 19. Whatare Ref’s in React? 20. What is meant by forward ref ? 21. What are Error boundaries ? 22. What are Higher order components in react ? 23. What are the differences between controlled and uncontrolled components ? 24. What is useCallback ? 25. What are the differences between useMemo and useCallback ? 26. What are keys in React ? 27. What is Lazy loading in React ? 28. What is suspense in React ? 29. What are custom hooks ? 30. What is useReducer hook ? 31. What are Portals in react ? 32. What is context in react ? 33. Practical question: Give an example of context api usage ? 34. What is the purpose of callback function as an argument of setState()? 35. Practical question: create a custom hook for increment/decrement counter ? 36. Which lifecycle hooks in class component are replaced with useEffect in functional components ? 37. What is Strict mode in react ? 38. What are the different ways to pass data from child component to parent component in react ? 39. Practical question: How to send data from child to parent using callback functions ? 40. Practical question: How to send the data from child component to parent using useRef ? 41. How do you optimize your react application ? 42. How would you consume a RESTful JSON API in reactjs? 43.different design patterns used in react? 44. context api vs redux 45. prop types in react(How to apply validation on props in react) 46. What are React Mixins ? 47. what are the different hooks you have used ? 48. What are render props in react ? 49. What are the different types of exports and imports ? 50. What are the differences between create element vs clone element in react ? 51. When to use useState and useReducer? 52. What is flushSync in react ?

2

Difference between JDK, JRE, and JVM. The terms JDK, JRE, and JVM are related to the Java programming environment, but they serve different purposes: 1. JDK (Java Development Kit): Purpose: The JDK is a full development environment for creating Java applications. It includes everything needed for both compiling and running Java programs. Components: JRE: A subset of the JDK, which includes the libraries and other tools required to run Java programs. Development tools: These include the Java compiler (javac), debugger, and other utilities needed for writing and debugging Java programs. Use Case: Needed if you're writing and compiling Java code. 2. JRE (Java Runtime Environment): Purpose: The JRE provides an environment to run Java applications. It contains the libraries, JVM, and other components necessary to run programs written in Java. Components: JVM: The core part of the JRE that runs Java bytecode (explained below). Class libraries: Standard Java libraries that Java programs use to function. Use Case: Needed if you're only interested in running Java programs but not developing them. 3. JVM (Java Virtual Machine): Purpose: The JVM is the heart of the Java platform, which converts the compiled Java bytecode into machine code and runs it. The JVM is platform-independent, meaning it allows Java code to run on any operating system that has a JVM implementation. Components: Interpreter: Reads and executes Java bytecode. Garbage collector: Manages memory by reclaiming unused objects. JIT (Just-In-Time) Compiler: Optimizes bytecode into native machine code at runtime for better performance. Use Case: Executes the bytecode produced by Java compilers, allowing Java to be platform-independent. Summary: JDK = JRE + Development tools (used to develop and run Java applications). JRE = JVM + Libraries (used to run Java applications). JVM = Executes Java bytecode (used to run code in a platform-independent way). In short, JVM runs the bytecode, JRE provides the environment for JVM to execute Java applications, and JDK is for developers who need to compile and run their Java programs. #java #javadevelopers #developers #coding #jdk #jvm #jre

31

2 Comments

Clear DSA rounds, and get into your dream Product Company, Here is a list of the most asked questions on the following topic - 𝟭𝗗 𝗔𝗿𝗿𝗮𝘆 (𝟭𝟬 𝗤𝘂𝗲𝘀𝘁𝗶𝗼𝗻𝘀) 1. How would you find the second-largest element in an array with the least number of comparisons? 2. Write a function to move all zeros in an array to the end, maintaining the relative order of the other elements. 3. How would you reverse an array in place? 4. Given an array of integers, write an algorithm to find the subarray with the largest sum. 5. Write a function to rotate an array by 'k' positions. 6. How would you merge two sorted arrays into a single sorted array? 𝗧𝗶𝗺𝗲 𝗖𝗼𝗺𝗽𝗹𝗲𝘅𝗶𝘁𝘆 (𝟭𝟬 𝗤𝘂𝗲𝘀𝘁𝗶𝗼𝗻𝘀) 1. What is Big O notation, and why is it important in analyzing time complexity? 2. Explain the time complexity of binary search and how it can be optimized in certain cases. 3. How would you calculate the time complexity of a recursive algorithm, and how does it differ from iterative approaches? 4. What are the time complexities for the best, worst, and average cases of merge sort and quicksort? 5. Given a set of cities and the distance between each pair, how would you solve the Traveling Salesman Problem (TSP), and what is its time complexity? 6. What is the difference between Big O, Big Theta (Θ), and Big Omega (Ω) notations? Provide examples for each. 𝗟𝗶𝗻𝗸𝗲𝗱 𝗟𝗶𝘀𝘁𝘀 (𝟭𝟬 𝗤𝘂𝗲𝘀𝘁𝗶𝗼𝗻𝘀) 1. How do you reverse a singly linked list in place? 2. How would you detect a cycle in a linked list? 3. Write a function to merge two sorted linked lists into a single sorted linked list. 4. How would you find the middle element of a linked list in one pass? 5. How would you delete a node from a singly linked list without having access to the head node? 6. Write an algorithm to remove duplicates from an unsorted linked list. 𝗚𝗿𝗮𝗽𝗵𝘀 (𝟭𝟬 𝗤𝘂𝗲𝘀𝘁𝗶𝗼𝗻𝘀) 1. How do you represent a graph using an adjacency list and an adjacency matrix? Which one is more efficient for sparse graphs? 2. Explain Depth First Search (DFS) and Breadth First Search (BFS) and their time complexity. 3. Write an algorithm to detect a cycle in a directed graph. 4. How would you find the shortest path between two nodes in an unweighted graph? 5. Explain Dijkstra’s algorithm for finding the shortest path in a weighted graph. 6. How do you detect a cycle in an undirected graph? Comment on your answers/questions that were asked below. Now, If you're aiming for top tech companies and need focused preparation, especially for System Design interviews, consider the specialized courses and expert mentorship at Bosscoder Academy. Check here: https://lnkd.in/dC8XSuTZ They can help you with : ✅ Structured curriculum heavily focused on DSA & System Design. ✅ Live Weekend Classes, with Limited Batch Size with only experienced Working Professionals. ✅ Personal Mentorship from Industry Veterans working with MAANG. ✅ 24/7 Doubt Support & Placement Assistance for Senior Roles

446

23 Comments

⭐ Spring Framework Series - 006 ⭐ 🥇Topic: Field Based Dependency Injection🥇 Follow Amandeep Singh 🇮🇳 and #LearnSpringWithLazyProgrammer You can find link to all the previous posts in the end of this post or simply Follow #LearnSpringWithLazyProgrammer then you can find all articles at one place. Field injection is a type of dependency injection where dependencies are injected directly into a class's fields. This is used for simple dependencies. Let us consider a simple example where we have a UserController & UserService. We will use field-based dependency injection to inject UserService into UserController. ⭐Service Class: @Service public class UserService { //Service Class's Dependencies public UserService(<Dependencies>) { } public List<User> getAllUsers() { //Logic to get all users. } } The UserService classes is annotated with @Service, which tells Spring that it is a Managed Bean and should be managed by the Spring IoC Container. ⭐Controller Class: @RestController @RequestMapping("/users") public class UserController {   @Autowired   private UserService userService;   @GetMapping public List<User> getAllUsers() { List<User> users = userService.getAllUsers(); return users; } } In this example, the UserController class depends on the UserService instance, which is injected directly into the userService field. As UserService is Managed Bean, when Spring sees that UserController needs a UserService and is annotated with @Autowired, it automatically injects it from IOC Container. ❇️Advantages: ✅ Reduced Boilerplate: Field injection doesn’t require additional methods or constructors. ✅ Annotation-Based Configuration: Field injection relies on annotations like @Autowired, which simplifies configuration. ✅ Lazy Initialization:Fields can be lazily initialized i.e. created only when needed. This can improve performance by avoiding unnecessary object creation. ❌Disadvantages: ⛔️Tight coupling: Field injection can lead to tight coupling between classes. That makes code harder to refactor and change in the future. ⛔️Testing: Field injection can lead to tight coupling between classes. Because Fields are private, it becomes complex to inject mock. ⛔️Immutability Violation: Field injection violates the principle of immutability. If this post was helpful to you, don't forget to #repost, #like and #comment with your #feedback. Learn more about IoC Principle and Dependency Injection: https://lnkd.in/g8Z8Ggs3 🔖 Previous Posts: 🏷 1. IoC Container & Spring Beans: https://lnkd.in/gwRv237M 🏷 2. Defining Beans in Spring: https://lnkd.in/gvD3U-JR 🏷 3. Dependency Injection: https://lnkd.in/gvD3U-JR 🏷 4. Constructor Based Dependency Injection: https://lnkd.in/gN9eyVpH 🏷 5. Setter Based Dependency Injection: https://lnkd.in/gvuAxfRw

11

Reverse revision of Blind 75 🚀 Just cracked the problem 59 of LeetCode's Blind 75 series! 🎉 🔍 Problem: Reorder List 🔗 Problem link: https://lnkd.in/gBkPaE8m 💡 Solution: 🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴 class Solution { public:     void reorderList(ListNode* head) {         ListNode* temp=head;         vector<int>orig;         while(temp!=NULL)         {             orig.push_back(temp->val);             temp=temp->next;         }         vector<int>rev(orig.size());         copy(orig.rbegin(),orig.rend(),rev.begin());         int n=orig.size()/2,i=0,j=0;         while(n>0)         {             n--;             head->val=orig[i++];             head=head->next;             head->val=rev[j++];             head=head->next;         }         if(orig.size()%2!=0)             head->val=orig[i];         if(!head || !head->next || !head->next->next)             return;         ListNode* penultimate=head;                 while(penultimate->next->next)             penultimate=penultimate->next;         penultimate->next->next=head->next;         head->next=penultimate->next;         penultimate->next=NULL;         reorderList(head->next->next);         BRUTE FORCE --Iterative                 if(!head || !head->next || !head->next->next)             return;         ListNode* penultimate;         while(head && head->next && head->next->next)         {             penultimate=head;             while(penultimate->next->next)                 penultimate=penultimate->next;                         penultimate->next->next=head->next;             head->next=penultimate->next;             penultimate->next=NULL;             head=head->next->next;         }            } optimized approach     ListNode* reverse(ListNode* head)     {         ListNode* prev=NULL;         ListNode* curr=head;         ListNode* nxt=NULL;                 while(curr)         {             nxt=curr->next;             curr->next=prev;             prev=curr;             curr=nxt;         }         return prev;     }         void reorderList(ListNode* head) {         ListNode* slow=head;         ListNode* fast=head->next;         while(fast and fast->next)         {             slow=slow->next;             fast=fast->next->next;         }         ListNode* second=reverse(slow->next);         slow->next=NULL;         ListNode* first=head;         while(second)         {             ListNode* temp1=first->next;             ListNode* temp2=second->next;             first->next=second;             second->next=temp1;             first=temp1;             second=temp2;         }     } }; 🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴 Excited to dive deeper into the Blind 75 series and tackle more challenges! 💪 #LeetCode #Blind75 #CodingJourney #Programming #CPP

1

Most asked 52 #reactjs interview questions: 1. What is React? 2. What is useMemo ? 3. What are the features of React ? 4. What is JSX ? 5. What is DOM ? 6. What is Virtual Dom ? 7. What is component life cycle of React class component ? 8. What are fragments in react ? 9. What are props in react ? 10. What are synthetic events in react ? 11. What are the difference between Package.json and Package.lock.json ? 12. What are the differences between client side and server side rendering ? 13. What is state in Reactjs? 14. What are props ? 15. What are the differences between State and Props in react ? 16. What is props drilling ? 17. What are the disadvantages of props drilling and How we can avoid props drilling ? 18. What are Pure components in React ? 19. Whatare Ref’s in React? 20. What is meant by forward ref ? 21. What are Error boundaries ? 22. What are Higher order components in react ? 23. What are the differences between controlled and uncontrolled components ? 24. What is useCallback ? 25. What are the differences between useMemo and useCallback ? 26. What are keys in React ? 27. What is Lazy loading in React ? 28. What is suspense in React ? 29. What are custom hooks ? 30. What is useReducer hook ? 31. What are Portals in react ? 32. What is context in react ? 33. Practical question: Give an example of context api usage ? 34. What is the purpose of callback function as an argument of setState()? 35. Practical question: create a custom hook for increment/decrement counter ? 36. Which lifecycle hooks in class component are replaced with useEffect in functional components ? 37. What is Strict mode in react ? 38. What are the different ways to pass data from child component to parent component in react ? 39. Practical question: How to send data from child to parent using callback functions ? 40. Practical question: How to send the data from child component to parent using useRef ? 41. How do you optimize your react application ? 42. How would you consume a RESTful JSON API in reactjs? 43.different design patterns used in react? 44. context api vs redux 45. prop types in react(How to apply validation on props in react) 46. What are React Mixins ? 47. what are the different hooks you have used ? 48. What are render props in react ? 49. What are the different types of exports and imports ? 50. What are the differences between create element vs clone element in react ? 51. When to use useState and useReducer? 52. What is flushSync in react ?

2

Are you a professional targeting for roles like SDE 2 or SDE 3? 🤔 If yes, then Mastering System Design skills is crucial. This is often a deciding factor in securing senior positions during technical interviews. If targeting tech giants like Google, Amazon, or Walmart. To help with your preparation here is a Guide that contains → Commonly Asked System Design Questions in interviews. Huge thanks to Bosscoder Academy for sharing this Check Bosscoder Academy’s full program here 👉 https://bit.ly/3TeD1T9 They can help you with ✅ Structured curriculum to learn problem-solving in DSA, System Design, and Full stack development. ✅ Personal Mentorship from industry experts. ✅ Live Classes & 24/7 Doubt Support. ✅ Real-life, relevant projects with Placement Assistance #collab #systemdesign #jobswitch

250

9 Comments

List of 450+ SERVICE & PRODUCT based companies hiring in India. ⬇️ This repository contains opportunities for you to apply to more than 450 product base companies(NOT JUST MAANG) & good start-ups. 💫 https://lnkd.in/gT5jdkyJ How can you search jobs using this repo? 🧑‍💻 Please FOLLOW the below steps. 👇 [ Get INTERVIEW READY with me & Ikshit .. in 3 months. ❤️ Guys, I am launching a new batch of the Personal Guidance Program where I'll be your dedicated mentor for three months. I'll guide you for SDE roles and assist with DSA, interview prep, resume creation, and more. If interested, please register yourself at: https://lnkd.in/gXHtYPxf ] 1) SAVE this list. 2) Go to the career portal of these companies, search for relevant jobs. 3) Then, go to LinkedIn. Search for the people working in these companies. 4) Send them personalised invite by sharing your job ID & Resume or you can also ask them if they have some opportunities within their team. 5) If none provides you the referral, apply directly by yourself. For more interviews specific & job hunt related content, checkout my Instagram: https://lnkd.in/gUVave6x Credits goes to Kaustubh Natuskar for curating such an amazing list.

201

8 Comments

Here are top 30 interview questions for mastering DOM - 1. What is the DOM, and how does it relate to HTML? 2. How can you access elements in the DOM using JavaScript? 3. Explain the differences between getElementById, getElementsByClassName, and getElementsByTagName. 4. What is the purpose of the querySelector method, and how does it differ from querySelectorAll? 5. Explain the concept of event bubbling and how it impacts event handling in the DOM. 6. How do you stop event propagation in the DOM? 7. What is event delegation, and why is it useful in DOM manipulation? 8. How can you dynamically create HTML elements using JavaScript? 9. Explain the differences between the textContent and innerHTML properties. 10. How can you modify CSS properties of an element in the DOM using JavaScript? 11. Explain the purpose of the setAttribute and getAttribute methods in DOM manipulation. 12. What is the difference between appendChild and insertBefore methods for adding elements to the DOM? 13. How do you remove elements from the DOM using JavaScript? 14. What is the purpose of the parentNode property in DOM manipulation? 15. Explain how to clone an element in the DOM using JavaScript. 16. How do you check if an element exists in the DOM using JavaScript? 17. What is the purpose of the classList property, and how can you use it to manipulate classes? 18. How do you add and remove classes from an element in the DOM? 19. Explain the differences between classList.add, classList.remove, and classList.toggle. 20. How can you traverse the DOM tree using JavaScript? 21. What are data attributes (data-*), and how can you use them in DOM manipulation? 22. Explain the purpose of the style property in DOM manipulation. 23. How can you retrieve the dimensions (width and height) of an element in the DOM? 24. What is the purpose of the offset properties (offsetWidth, offsetHeight, offsetLeft, offsetTop) in DOM manipulation? 25. How do you handle form manipulation in the DOM using JavaScript? 26. Explain the differences between innerText, textContent, and innerHTML. 27. How do you detect if an element is hidden or visible in the DOM? 28. What are the differences between the client and offset properties in DOM manipulation? 29. How can you handle scroll events in the DOM using JavaScript? 30. Explain the differences between createDocumentFragment and createElement in DOM manipulation. Credit : Harshit Chopra Follow: Alpna P. for more related content! #javascript #dom #frontend

117

6 Comments

#javascript Can you guess the output ? get ebook with (detailed 175 ques = 50+ Reactjs Frequent Ques & Answers, 65+ frequently asked Javascript interview questions and answers, 25+ Output based ques & ans, 23+ Coding Questions & ans, 2 Machine coding ques & ans) 𝐄𝐛𝐨𝐨𝐤 𝐋𝐢𝐧𝐤: https://lnkd.in/gJMmH-PF Follow on Instagram : https://lnkd.in/gXTrcaKP #javascriptdeveloper #reactjs #reactjsdeveloper #angular #angulardeveloper #vuejs #vuejsdeveloper #javascript

53

18 Comments

Reverse revision of Blind 75 🚀 Just cracked the problem 48 of LeetCode's Blind 75 series! 🎉 🔍 Problem: Course Schedule 🔗 Problem link: https://lnkd.in/g6vfB63d 💡 Solution: 🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴 //READ THIS https://lnkd.in/g_EK8sZD // class Solution { // public: //     bool canFinish(int n, vector<vector<int>>& prerequisites) { //     // 1. Create Adjacency List and Degree Array //     vector<vector<int>> G(n); // Adjacency list for courses (n courses) //     vector<int> degree(n, 0); // Array to store in-degree of each course (number of prerequisites) //     // 2. Build Adjacency List and In-Degrees //     for (auto& e : prerequisites) { //         G[e[1]].push_back(e[0]); // Add 'e[0]' (course to take) as a dependent of 'e[1]' (prerequisite) //         degree[e[0]]++;           // Increment in-degree of 'e[0]' (number of prerequisites it needs) //     } //     // 3. Initialize Queue for Topological Sort //     vector<int> bfs; //     for (int i = 0; i < n; i++) { //         if (!degree[i]) { // If a course has no prerequisites (in-degree is 0) //         bfs.push_back(i); // Add it to the queue for processing //         } //     } //     // 4. Topological Sort Using Breadth-First Search (BFS) //     for (int i = 0; i < bfs.size(); i++) { //         for (int j : G[bfs[i]]) { // For each dependent course of the current course in the queue //         degree[j]--; // Decrement the in-degree of the dependent course //         if (degree[j] == 0) { // If the in-degree becomes 0 (all prerequisites met) //             bfs.push_back(j); // Add it to the queue for processing in the next iteration //         } //         } //     } //     // 5. Check if All Courses Can Be Completed //     return bfs.size() == n; // If the queue size equals the number of courses, all can be completed //     } // }; 🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴🔴 Excited to dive deeper into the Blind 75 series and tackle more challenges! 💪 #LeetCode #Blind75 #CodingJourney #Programming #CPP

5

Most asked 52 #reactjs interview questions: 1. What is React? 2. What is useMemo ? 3. What are the features of React ? 4. What is JSX ? 5. What is DOM ? 6. What is Virtual Dom ? 7. What is component life cycle of React class component ? 8. What are fragments in react ? 9. What are props in react ? 10. What are synthetic events in react ? 11. What are the difference between Package.json and Package.lock.json ? 12. What are the differences between client side and server side rendering ? 13. What is state in Reactjs? 14. What are props ? 15. What are the differences between State and Props in react ? 16. What is props drilling ? 17. What are the disadvantages of props drilling and How we can avoid props drilling ? 18. What are Pure components in React ? 19. Whatare Ref’s in React? 20. What is meant by forward ref ? 21. What are Error boundaries ? 22. What are Higher order components in react ? 23. What are the differences between controlled and uncontrolled components ?  24. What is useCallback ? 25. What are the differences between useMemo and useCallback ? 26. What are keys in React ? 27. What is Lazy loading in React ? 28. What is suspense in React ? 29. What are custom hooks ? 30. What is useReducer hook ? 31. What are Portals in react ? 32. What is context in react ? 33. Practical question: Give an example of context api usage ? 34. What is the purpose of callback function as an argument of setState()? 35. Practical question: create a custom hook for increment/decrement counter ? 36. Which lifecycle hooks in class component are replaced with useEffect in functional components ? 37. What is Strict mode in react ? 38. What are the different ways to pass data from child component to parent component in react ? 39. Practical question: How to send data from child to parent using callback functions ? 40. Practical question: How to send the data from child component to parent using useRef ? 41. How do you optimize your react application ? 42. How would you consume a RESTful JSON API in reactjs? 43.different design patterns used in react? 44. context api vs redux 45. prop types in react(How to apply validation on props in react) 46. What are React Mixins ? 47. what are the different hooks you have used ? 48. What are render props in react ? 49. What are the different types of exports and imports ? 50. What are the differences between create element vs clone element in react ? 51. When to use useState and useReducer? 52. What is flushSync in react ? just at 45rs, get ebook with (detailed 142 ques = 42 Reactjs Frequent Ques & Answers, 50+ frequently asked interview questions and answers, 23+ Output based ques & ans, 22+ Coding Questions & ans) 𝐄𝐛𝐨𝐨𝐤 𝐋𝐢𝐧𝐤: https://lnkd.in/gJMmH-PF Follow on Instagram : https://lnkd.in/gXTrcaKP #javascript #javascriptdeveloper #reactjs #reactnative #vuejsdeveloper #angular #angulardeveloper

172

3 Comments

Most asked 52 #reactjs interview questions: 1. What is React? 2. What is useMemo ? 3. What are the features of React ? 4. What is JSX ? 5. What is DOM ? 6. What is Virtual Dom ? 7. What is component life cycle of React class component ? 8. What are fragments in react ? 9. What are props in react ? 10. What are synthetic events in react ? 11. What are the difference between Package.json and Package.lock.json ? 12. What are the differences between client side and server side rendering ? 13. What is state in Reactjs? 14. What are props ? 15. What are the differences between State and Props in react ? 16. What is props drilling ? 17. What are the disadvantages of props drilling and How we can avoid props drilling ? 18. What are Pure components in React ? 19. Whatare Ref’s in React? 20. What is meant by forward ref ? 21. What are Error boundaries ? 22. What are Higher order components in react ? 23. What are the differences between controlled and uncontrolled components ? 24. What is useCallback ? 25. What are the differences between useMemo and useCallback ? 26. What are keys in React ? 27. What is Lazy loading in React ? 28. What is suspense in React ? 29. What are custom hooks ? 30. What is useReducer hook ? 31. What are Portals in react ? 32. What is context in react ? 33. Practical question: Give an example of context api usage ? 34. What is the purpose of callback function as an argument of setState()? 35. Practical question: create a custom hook for increment/decrement counter ? 36. Which lifecycle hooks in class component are replaced with useEffect in functional components ? 37. What is Strict mode in react ? 38. What are the different ways to pass data from child component to parent component in react ? 39. Practical question: How to send data from child to parent using callback functions ? 40. Practical question: How to send the data from child component to parent using useRef ? 41. How do you optimize your react application ? 42. How would you consume a RESTful JSON API in reactjs? 43.different design patterns used in react? 44. context api vs redux 45. prop types in react(How to apply validation on props in react) 46. What are React Mixins ? 47. what are the different hooks you have used ? 48. What are render props in react ? 49. What are the different types of exports and imports ? 50. What are the differences between create element vs clone element in react ? 51. When to use useState and useReducer? 52. What is flushSync in react ? just at 45rs, get ebook with (detailed 142 ques = 42 Reactjs Frequent Ques & Answers, 50+ frequently asked interview questions and answers, 23+ Output based ques & ans, 22+ Coding Questions & ans) 𝐄𝐛𝐨𝐨𝐤 𝐋𝐢𝐧𝐤: https://lnkd.in/gJMmH-PF Follow on Instagram : https://lnkd.in/gXTrcaKP #javascript #javascriptdeveloper #reactjs #reactnative #vuejsdeveloper #angular #angulardeveloper

176

18 Comments

Most asked 52 #reactjs interview questions: 1. What is React? 2. What is useMemo ? 3. What are the features of React ? 4. What is JSX ? 5. What is DOM ? 6. What is Virtual Dom ? 7. What is component life cycle of React class component ? 8. What are fragments in react ? 9. What are props in react ? 10. What are synthetic events in react ? 11. What are the difference between Package.json and Package.lock.json ? 12. What are the differences between client side and server side rendering ? 13. What is state in Reactjs? 14. What are props ? 15. What are the differences between State and Props in react ? 16. What is props drilling ? 17. What are the disadvantages of props drilling and How we can avoid props drilling ? 18. What are Pure components in React ? 19. Whatare Ref’s in React? 20. What is meant by forward ref ? 21. What are Error boundaries ? 22. What are Higher order components in react ? 23. What are the differences between controlled and uncontrolled components ? 24. What is useCallback ? 25. What are the differences between useMemo and useCallback ? 26. What are keys in React ? 27. What is Lazy loading in React ? 28. What is suspense in React ? 29. What are custom hooks ? 30. What is useReducer hook ? 31. What are Portals in react ? 32. What is context in react ? 33. Practical question: Give an example of context api usage ? 34. What is the purpose of callback function as an argument of setState()? 35. Practical question: create a custom hook for increment/decrement counter ? 36. Which lifecycle hooks in class component are replaced with useEffect in functional components ? 37. What is Strict mode in react ? 38. What are the different ways to pass data from child component to parent component in react ? 39. Practical question: How to send data from child to parent using callback functions ? 40. Practical question: How to send the data from child component to parent using useRef ? 41. How do you optimize your react application ? 42. How would you consume a RESTful JSON API in reactjs? 43.different design patterns used in react? 44. context api vs redux 45. prop types in react(How to apply validation on props in react) 46. What are React Mixins ? 47. what are the different hooks you have used ? 48. What are render props in react ? 49. What are the different types of exports and imports ? 50. What are the differences between create element vs clone element in react ? 51. When to use useState and useReducer? 52. What is flushSync in react ? just at 45rs, get ebook with (detailed 149 ques = 42 Reactjs Frequent Ques & Answers, 60+ frequently asked interview questions and answers, 25+ Output based ques & ans, 23+ Coding Questions & ans) 𝐄𝐛𝐨𝐨𝐤 𝐋𝐢𝐧𝐤: https://lnkd.in/gJMmH-PF Follow on Instagram : https://lnkd.in/gXTrcaKP #javascriptdeveloper #reactjs #reactnative #vuejsdeveloper #angular #angulardeveloper

494

31 Comments