Are you open Application tab inside Dev tools? 🤔 I always use Local Storage and open application tab? And think what works others like IndexedDB, Session Storage etc. 🤔 Today, I explored just what they are? And where I can use it? 😎 Few example; Local Storage - 👉 Saves data permanently (you use already in todo list) Session Storage - 👉 Saves data temporarily (if you the close tab, then data clear) Extension Storage - 👉 Uses when you make browser extension IndexedDB - 👉 Same as local storage but saves data in larger amount even you can save data in gigabytes. Cookies - 👉 Small bits of data saved to send to the backend. Cache Storage - 👉 You can save files and open its offline. Notification - 👉 Used when you need to notify the user. etc.. (You can explore it own) All the others things, I guess it not important to know, but above things important and you maybe use it. Tell me in the comments box, are you know already? 😊 #heycoderji #webdevelopment #codingtips #javascript #frontend #webdev #programming #devtools #codinglife #webdevcommunity
Exploring Browser Storage Options in Dev Tools
More Relevant Posts
-
🌐💻 HTTP Status Codes Explained — The Language Every Developer Should Know Every time you open a website, your browser and server are having a conversation… And HTTP status codes are how they talk. 🗣️ 📌 Here’s the breakdown: 🟢 1xx – Informational Request received, continuing process 🟢 2xx – Success ✔️ 200 OK — Everything worked perfectly ✔️ 201 Created — Resource successfully created 🟡 3xx – Redirection 🔁 301 / 302 — Resource moved somewhere else 🔴 4xx – Client Errors ❌ 400 — Bad request 🔐 401 — Unauthorised 🚫 403 — Forbidden 🔍 404 — Not found (the most famous one 😅) ⚫ 5xx – Server Errors (not shown above but equally important) 💥 500 — Internal server error ⚠️ 503 — Service unavailable 💡 Why this matters: Understanding these codes helps you: • Debug faster 🐛 • Build better APIs 🔌 • Improve user experience ⚡ And yes… ☕ 418 — I’m a teapot exists (because developers have humour too 😄) 👉 Which status code do you see the most while coding? #HTTP #WebDevelopment #Backend #Frontend #APIs #Developers #Programming #Coding #SoftwareDevelopment #Debugging #Tech #Learning #DeveloperLife #FullStack #Internet #TechCommunity 🚀
To view or add a comment, sign in
-
-
💡 “Just a Small Fix” Trap It’s Friday… Project is almost complete… Everything is stable… Weekend is already planned 😌🔥 Then at 4:00 PM 💥 “Just a small fix and a few improvements before release 🙂” At first: “No problem, quick update.” But reality disagrees 😭 That “small fix” becomes a chain reaction… API changes because it “can’t handle this case” Query rewritten because it wasn’t ready for real data DB indexing added “just in case” Frontend becomes “dynamic” 😭 Security suddenly becomes important Edge cases appear everywhere By the end… Nothing is small anymore 😅 And trust in the system is gone. You deploy it… You go home… 🌙 3:00 AM 💀 Brain: “What if filter is broken in production?” Then another thought: “what if that query is still slow under load…” 💭 Even after testing 100 times in production… your brain still whispers: “but what if you missed something?” 😭 💡 There is no “small fix”… On Fridays, “small fix” = full module rewrite in disguise 🔥 #SoftwareEngineering #DeveloperLife #ProgrammerHumor #CodingLife #WebDevelopment #BackendDevelopment #Laravel #PHP #FullStackDeveloper #SoftwareDeveloper #Debugging #ProductionIssues #TechHumor #FridayFeeling #WorkLifeBalance #DevLife #CleanCode #SystemDesign #ProgrammingMemes #TechCommunity
To view or add a comment, sign in
-
I noticed something strange while building forms. Users were entering things like: test@gmail.com qwerty 123456 And everything passed validation. No errors. No warnings. But clearly… the data was useless. That’s when I realized: Validation checks syntax. But it doesn’t check intent. So I built input-sense — a small npm package that detects low-quality, meaningless inputs. It catches things like: • placeholder words • keyboard patterns • repeated inputs • and more… Now instead of just “valid / invalid”, I can actually tell if input is meaningful. 📦 Use it via npm: https://lnkd.in/d-ZCtDsF 💻 Explore more on GitHub: https://lnkd.in/dJigUUi7 Curious — how do you handle this in your projects? 👀 #javascript #npm #webdevelopment #buildinpublic #developers
To view or add a comment, sign in
-
-
Redux is a powerful state management library that enables developers to build scalable and predictable applications. In this post, I’ve summarized the core concepts of Redux—Store, Actions, Reducers, and Unidirectional Data Flow—in a simple visual format. 🔑 Key insights: • Single Source of Truth • State is Read-Only • Changes via Pure Functions • Improved Debugging with DevTools • Scalable Architecture Mastering Redux can significantly improve how you handle complex state in modern web applications. #ReactJS #Redux #WebDevelopment #FrontendDeveloper #JavaScript #SoftwareDevelopment #Coding #TechLearning #FullStackDeveloper
To view or add a comment, sign in
-
-
🚀 Day 11 of 21 Days of Explaining Tech Ever wondered how websites and apps actually communicate behind the scenes? It all comes down to one powerful, lightweight format — JSON (JavaScript Object Notation). From logging in 🔐 to scrolling through posts 📱, JSON is constantly working in the background, enabling smooth data exchange between clients and servers. 💡 Why JSON matters: • Simple and human-readable • Lightweight and fast • Industry standard for APIs and web communication Think of JSON as a neatly organized data box 📦 where information is stored in key-value pairs — clean, structured, and efficient. 🎥 Check out the quick 60-second breakdown here: https://lnkd.in/dvQrhfPQ If you're starting your journey in web development, understanding JSON is not optional — it’s foundational. #WebDevelopment #JSON #JavaScript #APIs #Coding #TechExplained #Developers #LearnToCode #FullStack #21DaysOfCode #nikhil
To view or add a comment, sign in
-
HTTP Status Codes Every Developer Should Know If you work with APIs, websites, or backend systems, these status codes are part of your daily life. Understanding them can save hours of debugging and help you build better applications. ✅ 2xx – Success → Request completed successfully 🔄 3xx – Redirection → Resource moved or cached version used ⚠️ 4xx – Client Errors → Something wrong in the request 🔥 5xx – Server Errors → Problem on the server side Knowing what each code means helps developers troubleshoot faster, improve user experience, and create reliable systems. Save this cheat sheet for future reference. Which HTTP status code do you see the most in your projects? 👇 #WebDevelopment #HTTP #StatusCodes #BackendDevelopment #FrontendDevelopment #API #Coding #Programming #Developers #SoftwareEngineering #NodeJS #JavaScript #FullStackDeveloper #TechTips #LearnToCode
To view or add a comment, sign in
-
-
Most developers treat HTTP status codes as just numbers… 👉 But they’re actually communication signals from your backend. Let’s simplify it 👇 🔹 What are HTTP Status Codes? They tell the client:👉 What happened with the request 🔹 1xx – Informational👉 Request received, still processing (Not used much in day-to-day apps) 🔹 2xx – Success ✔ 200 OK → Request successful✔ 201 Created → Resource created✔ 204 No Content → Success, no response body 🔹 4xx – Client Errors ❌ 400 Bad Request → Invalid input❌ 401 Unauthorized → Not logged in❌ 403 Forbidden → No permission❌ 404 Not Found → Resource doesn’t exist 🔹 5xx – Server Errors 💥 500 Internal Server Error → Something broke💥 502/503 → Service unavailable 🔹 Real Example: User tries to access profile 👇 • Not logged in → 401• Wrong ID → 404• Server crash → 500 👉 Same API, different outcomes 🔹 Common Mistake: ❌ Returning 200 for everything 👉 Makes debugging harder👉 Breaks frontend logic 🔹 Best Practice: 👉 Use status codes properly👉 Combine with meaningful error messages 💡 Big Insight: Good APIs don’t just return data… 👉 They return clear signals If you're building APIs… 👉 Are you using status codes correctly or just returning 200? #Backend #RESTAPI #HTTP #SystemDesign #Java #SpringBoot #Developers #TechGrowth
To view or add a comment, sign in
-
-
Every senior developer I know follows this rule: "If you debug for more than 30 minutes, you're debugging the wrong thing." I wasted 6 hours debugging last week. The bug? A missing comma in a JSON config. Here's my debugging framework now: Step 1: Reproduce the bug (5 min max) - Can you consistently trigger it? - If no, check environment differences Step 2: Check the OBVIOUS first (10 min) - Typos, missing imports, wrong file - console.log at every step - Check git diff -- did you change something? Step 3: Isolate (10 min) - Comment out everything - Add code back piece by piece - The bug lives where the break happens Step 4: Google SMART (5 min) - Copy exact error message - Add your framework name - Check GitHub Issues, not just Stack Overflow Step 5: Ask for help (0 min wasted) - After 30 min, ping a teammate - Explain the problem out loud (rubber duck method) - Fresh eyes find bugs in seconds Time limit: 30 minutes. After that, you're not debugging. You're spiraling. Save this for your next 3 AM debugging session. #Debugging #Developer #CodingTips #Programming #WebDevelopment #JavaScript #SoftwareEngineering #DevLife
To view or add a comment, sign in
-
-
💡 𝐆𝐥𝐨𝐛𝐚𝐥 𝐮𝐬𝐢𝐧𝐠𝐬 𝐢𝐧 𝐂# - 𝐬𝐭𝐨𝐩 𝐫𝐞𝐩𝐞𝐚𝐭𝐢𝐧𝐠 𝐭𝐡𝐞 𝐬𝐚𝐦𝐞 𝐮𝐬𝐢𝐧𝐠 𝐬𝐭𝐚𝐭𝐞𝐦𝐞𝐧𝐭𝐬 Most projects repeat the same 5-10 using statements across every file. It's boilerplate that adds noise without value. Global usings let you declare them once and use them everywhere. 🔹 What are global usings? Global usings are namespace imports you declare once in a single file, and they're available in every other file in your project. You use the global using keyword instead of the regular using keyword. The compiler treats them as if you'd written them at the top of every file. 🔹 How do you use them? Create a file called GlobalUsings.cs (or any name you prefer) and put your global using statements there. Common candidates: System, System.Collections.Generic, System.Linq, your company namespace, your most-used domain models. That's it - they're now available everywhere. 🔹 When does this matter? In larger projects with 50+ files, eliminating repetitive usings saves scrolling and makes the code cleaner. In small projects, the benefit is minimal. The real win is in maintaining shared libraries or conventions - one place to update, everywhere benefits. 🔹 The trap to avoid Don't make global usings a dumping ground. If you're only using a namespace in one or two files, keep the using local. Global usings work best for truly universal dependencies. Overuse makes it harder to understand what your code actually depends on. ✦ Declare global usings with global using Namespace; ✦ Keep them in a dedicated file like GlobalUsings.cs for discoverability ✦ Use global usings only for namespaces you need in most files ✦ Local using statements still override and add to global ones in the same file ♻️ Repost to help your team clean up using statements! 📌 Save this for later Subscribe to my weekly .NET newsletter 🚀 https://lnkd.in/drjE3rjP Follow Remigiusz Zalewski for more daily .NET tips 👇 #csharp #dotnet #aspnetcore #dotnetcore #codingtips #softwaredeveloper #programming #webdevelopment #careergrowth #developer #coding #aspnet
To view or add a comment, sign in
-
-
How the Web Works 🟡 You type a URL and hit Enter. A page loads in under a second. But what actually happened? 🤔 Most developers use the web every day without knowing what's happening underneath. Here's the full picture in 5 steps: 01 → You type the URL Your browser prepares an HTTP GET request for that address. 02 → DNS Lookup The domain name (google.com) gets translated to an IP address by a DNS server. Think of it like a phone book for the internet. 03 → TCP Handshake Your browser and the server shake hands — SYN, SYN-ACK, ACK. A connection is established. 04 → Server responds The server processes your request and sends back data with a status code — 200 OK if everything worked. 05 → Browser renders Your browser parses the HTML, loads the CSS and JavaScript, and paints the page you actually see. And the HTTP status codes that matter most: → 2xx — success → 3xx — redirect → 4xx — your fault (404 Not Found) → 5xx — server's fault (500 Internal Error) Understanding this made me a significantly better backend developer. When something breaks — I know exactly where to look. Which status code haunts you the most? Drop it below 👇 #HTTP #WebDevelopment #BackendDevelopment #HowTheWebWorks #Python #Flask #LearnToCode #TechStudent #Programming #BuildInPublic #100DaysOfCode #IndianDeveloper #SoftwareDevelopment #NetworkingBasics
To view or add a comment, sign in
-
More from this author
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development