myblog.pk

  Topics for Backend Engineer Week 1 Network Fundamentals In this module, we'll dive deep into the fundamental building blocks of modern networking. Students will learn both theoretical concepts and gain hands-on experience through practical exercises. By the end of this week, participants will have a solid understanding of how data flows through networks and the key protocols that power the internet. 📚 Theory How internet works DNS OSI Model TCP/IP Protocols TCP/UDP Client-server architecture 3 way handshake 👷🏾‍♂️ Practicals Trace network packets using WireShark Analyse DNS using Dig Build a TCP server Build a UDP server HTTP deep dive In this module, we'll explore HTTP, from versions 1.1 to 3, and how they improve web performance. Students will learn about status codes, headers, methods, cookies, and ETags for caching and state management. We'll also cover the essentials of TLS/SSL for secure communication. By the end, participants will have a ...

 Javascript Quiz links 1. this keyword behaviour - non-strict mode https://chatgpt.com/share/68335fb8-36fc-8007-b818-3d36e2b3d1bf 2. this keyword behaviour - strict mode https://chatgpt.com/share/6834c111-f2d8-8007-b0a4-c7cd70a707bd 3.  lexical environments, closures, and scoping https://chatgpt.com/share/68458dd9-d800-8007-8742-790434178f63 4. Promises, Promise combinators (all, allSettled, race and any), async await https://chatgpt.com/share/684d1476-9568-8007-9426-5b49d08ce628 5: serialization & JSON.stringify https://chatgpt.com/share/684d14e9-6e5c-8007-ae75-afdfbe66a07a

Basic System design for Global level application 1. Client and Server Roles in System Design Client : The client is typically a user's device (mobile app, browser, etc.) that sends a request to get some data or perform some action. Server : This is a machine (computer) that runs 24/7 and listens for client requests, processes them, and returns a response. Think of it like ordering food online (client) and the restaurant kitchen preparing and delivering it (server). 2. Public IP Address For a server to be accessed over the internet, it needs a public IP address . This makes it globally accessible . Example: Just like your phone has a unique number, servers have IPs. 3. Domain Names Instead of IP IP addresses are hard to remember (like 142.250.78.206 ), so we use domain names like amazon.com . These names are easier for humans to remember and use. 4. What is a DNS Server? DNS (Domain Name System) is like a phonebook of the internet . It con...

  🚀 The Evolution of Rendering in React: From Client-Side to Server Components React has evolved massively in how it renders pages, moving from Client-Side Rendering (CSR) to Server Components (RSC) to improve performance, SEO, and user experience. Let's break this down step by step: 🔥 1️⃣ Client-Side Rendering (CSR) – The Beginning 📌 What is CSR? In Client-Side Rendering (CSR) , the browser downloads a bare HTML file and a JavaScript bundle . React runs entirely in the browser , generating the UI dynamically. 📌 How it Works? Browser downloads an empty HTML file . Loads a large JavaScript bundle containing React code. React renders components dynamically and updates the DOM. 📌 Example: CSR in React (Create React App) function App ( ) { return < h1 > Hello, world! </ h1 > ; } export default App ; The entire app loads and renders in the browser . No content is present in the initial HTML file. 📌 Challenges of CSR: ❌ Slow First Page Load – A blank page ...

  React.js Topics for a Mid-Senior Level Developer Interview Preparation 1. Core Concepts React Component Types (Class vs Functional Components)✅ JSX and Rendering Elements✅ Props and Prop Validation✅ State Management (useState, class-based state)✅ Lifecycle Methods vs Hooks (useEffect)✅ 2. Advanced React Context API✅ Higher-Order Components (HOC)✅ Render Props✅ React Portals✅ Refs (createRef✅, useRef✅, forwardRef✅) Error Boundaries✅ Suspense and Lazy Loading✅ Strict Mode✅ Concurrent Rendering✅ 3. React Hooks Basic Hooks: useState, useEffect✅ Advanced Hooks: useContext✅, useReducer✅, useMemo✅, useCallback✅, useRef✅, useLayoutEffect✅ Custom Hooks (Creation and Use Cases)✅ 4. React Performance React.memo and useMemo✅ React Profiler Avoiding Re-renders (key, memoization, and immutability)✅ Code Splitting and Lazy Loading✅ Virtual DOM and Reconciliation✅ 5. Routing React Router (v6+): Route Configurations✅ Nested Routing✅ Dynamic Routing✅ Programmatic Navigation (useNavigate, useParams...