JavaScript Fundamentals and LeetCode Challenge

🚀 #Day30 of My Learning Journey 💻 Today was focused on revising JavaScript fundamentals, solving a classic DSA problem, and strengthening backend knowledge. 🔹 JavaScript Revision Revisited important JavaScript concepts to improve understanding of execution flow, logic building, and writing cleaner code. 🔹 LeetCode – Container With Most Water Problem (Brief Explanation): Given an array representing heights of vertical lines, the goal is to find two lines that together with the x-axis form a container that holds the maximum amount of water. Brute Force Approach: Check every possible pair of lines and calculate the area between them. Keep track of the maximum area found. Time Complexity: O(n²) Space Complexity: O(1) Optimized / Optimal Approach (Two Pointer Technique): Start with two pointers at the beginning and end of the array. Calculate the area and move the pointer with the smaller height inward. Continue until both pointers meet. Time Complexity: O(n) Space Complexity: O(1) 🔹 Backend Revision Revised backend concepts focusing on API flow, server logic, and improving understanding of how frontend communicates with backend services. 💡 Takeaway Understanding optimized approaches and revising fundamentals helps in writing efficient and scalable solutions 🚀 Masai #JavaScript #DSA #LeetCode #TwoPointers #FrontendDevelopment #dailylearning #100DaysOfCode #FullStackJourney #Masaiverse #Masai

🚀 #Day22 of My Learning Journey 💻 Today was focused on DSA problem-solving, understanding asynchronous JavaScript concepts, and backend revision. 🔹 LeetCode – Maximum Subarray Problem (Brief Explanation): Given an array of integers, the goal is to find the contiguous subarray that has the maximum sum. Brute Force Approach: Check all possible subarrays and calculate their sums. Keep track of the maximum sum found. Time Complexity: O(n²) Space Complexity: O(1) Optimized Approach (Kadane’s Algorithm): Traverse the array once while maintaining a running sum. Reset the sum when it becomes negative and track the maximum value. Time Complexity: O(n) Space Complexity: O(1) 🔹 Async JavaScript – Promises & Fetch Learned how asynchronous JavaScript works, including: How Promises handle asynchronous operations How the Fetch API retrieves data from a server Proper error handling and response management Understanding how async tasks are processed behind the scenes 🔹 Backend Revision Revised important backend concepts, focusing on API flow, request–response lifecycle, and server-side logic. 💡 Takeaway Understanding optimized algorithms and asynchronous behavior, along with revising backend fundamentals, helps build efficient and scalable applications 🌱 Masai #LeetCode #DSA #JavaScript #AsyncJS #FrontendDevelopment #dailylearning #100DaysOfCode #FullStackJourney #Masaiverse #Masai

🚀 #Day36 of My Learning Journey 💻 Today was focused on deepening backend knowledge, practicing frontend logic, and strengthening JavaScript fundamentals. 🔹 Django Continued learning Django by reinforcing backend concepts and understanding how different components work together. 🔹 React Practice – Sorting & Filtering Solved React problems focused on sorting and filtering data, improving state management, conditional rendering, and performance handling. 🔹 JavaScript Revision Revised key JavaScript concepts to strengthen fundamentals and improve problem-solving clarity. 💡 Takeaway Working on real-world UI logic alongside backend learning helps build scalable and reliable applications 🌱 Masai #Django #ReactJS #JavaScript #masai #dailylearning #100DaysOfCode #FullStackJourney #Masaiverse #Masai

🚀 #Day20 of My Learning Journey 💻 Today was focused on full-stack development, backend API building, DSA problem-solving, and revising JavaScript fundamentals. 🔹 Django Continued learning Django by strengthening backend concepts and improving understanding of application flow. 🔹 React Full Application – CRUD Built a complete CRUD application in React, focusing on component structure, state management, and clean UI interactions. 🔹 Backend API Development Developed backend APIs to support the React application, strengthening the connection between frontend and backend. 🔹 LeetCode – Jump Game II Normal Approach: Use recursion or dynamic programming to try all possible jumps. Time Complexity: O(n²) Space Complexity: O(n) Optimal Approach: Use a greedy approach to track the farthest reachable index and count jumps. Time Complexity: O(n) Space Complexity: O(1) 🔹 JavaScript Revision Revisited important JavaScript concepts to reinforce fundamentals and improve coding clarity. 💡 Takeaway Building full-stack applications while practicing optimized DSA solutions helps develop real-world development skills 🌱 Masai #Django #ReactJS #JavaScript #LeetCode #DSA #BackendDevelopment #dailylearning #100DaysOfCode #FullStackJourney #Masaiverse #Masai

Most people learn JavaScript the same way: Syntax first.Concepts second.Practice later. But what if that order is backwards? What if understanding comes faster when you experience the concepts inst…

🚀 Day 13 of My JavaScript Learning Journey Today I learned about Looping Through Arrays in JavaScript and different ways to iterate over data efficiently. 📌 Key concepts I explored: 🔹 Manual Iteration • for...in → Iterates over indexes • for...of → Iterates over values directly 💡 Best Practice: Avoid using for...in for arrays. Prefer for...of for better readability and reliability. 🔹 Functional Iteration • forEach() → Executes a function for each element • Clean and modern way to write iteration logic Example: arr.forEach((value, index) => { console.log(value, index); }); 🔹 Quick Comparison • for...in → Returns index • for...of → Returns value • forEach() → Uses function (modern approach) 💡 Understanding iteration helps in writing clean, efficient, and readable code, especially when working with large datasets. Step by step, I’m improving my JavaScript fundamentals and coding logic. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics

🚀 50 Weeks, 50 Projects – Week 6 Complete To push my development skills beyond tutorials, I'm continuing my 50 Weeks, 50 Projects challenge, where I build and ship one project every week. 🛠 Week 6 – API Lens: AI-Powered JSON Explorer Ever stared at a raw API response and had no idea what half the fields meant? That's exactly why I built this. Tech Stack: HTML · CSS · Vanilla JS · OpenRouter API (Mistral-7B, free tier) Design Style: Warm, human-first UI — cream tones, serif typography (Fraunces), and a layout that feels more like a notebook than a dev tool. Built specifically to be approachable for beginners. Functionality: 📋 Paste raw JSON or fetch any public API URL directly 🤖 AI explains every field in plain English — no docs needed 🌳 Interactive collapsible field tree with color-coded types ⏱ Unix timestamps decoded to human-readable dates automatically 🛡 Auto-detects response type: JWT, paginated list, error, REST 📋 One-click copy for JS, Python & cURL code snippets ⚡ 3-layer CORS proxy fallback — works with almost any public API Suggestions: I'd love feedback from the community! What other API patterns should I detect? Any features that would make this more useful in your daily workflow? Live URL : https://lnkd.in/dBcejh34 #50WeeksChallenge #BuildInPublic #WebDev #JavaScript #API #OpenSource #100DaysOfCode

🚀 #Day18 of My Learning Journey 💻 Today was focused on backend learning, DSA problem-solving, API development, and strengthening JavaScript fundamentals. 🔹 Django Continued learning Django by diving deeper into backend concepts and understanding application flow in more detail. 🔹 LeetCode – Valid Parentheses Normal Approach: Repeatedly remove valid pairs (), {}, and [] from the string until no more changes occur. Check if the final string is empty. Time Complexity: O(n²) Space Complexity: O(n) Optimal Approach: Use a stack to track opening brackets. For each closing bracket, check if it matches the top of the stack. Valid if the stack is empty at the end. Time Complexity: O(n) Space Complexity: O(n) 🔹 Node.js Learning & Practice Learned Node.js concepts and built filter and search APIs, focusing on query parameters and efficient data handling. 🔹 JavaScript – Basics to Advanced Revisited JavaScript from basics to advanced topics to strengthen logic, syntax, and real-world usage. 💡 Takeaway Combining DSA, backend APIs, and strong JavaScript fundamentals helps build scalable and reliable applications 🌱 Masai #Django #LeetCode #DSA #NodeJS #JavaScript #FrontendDevelopment #dailylearning #100DaysOfCode #FullStackJourney #Masaiverse #Masai

🚀 Day 04 of Learning TypeScript — Understanding Arrays, Objects, Tuples, any & unknown Today’s TypeScript session was all about mastering the core building blocks of strongly typed JavaScript. Here’s what I learned 👇 🔷 1. Arrays in TypeScript Arrays allow us to store multiple values of the same type. let numbers: number[] = [1, 2, 3]; let mixed: (string | number)[] = ["rohit", 22]; ✔ Strong type-checking ✔ Prevents invalid values 🔷 2. Objects in TypeScript Objects define structured data using key–value pairs. type User = { name: string; age: number; }; const user: User = { name: "Rohit", age: 21 }; ✔ Optional & readonly fields supported ✔ Perfect for real-world data models 🔷 3. Tuples Tuples are fixed-length arrays with specific types in order. let person: [string, number] = ["Rohit", 21]; ✔ Useful for predictable data like API responses 🔷 4. any Type any disables TypeScript checks. Use it when you don't know the data type, but carefully. let data: any = 10; data = "hello"; // no error ⚠ Overuse can break type safety 🔷 5. unknown Type A safer alternative to any. You must check the type before using it. let value: unknown = "Rohit"; if (typeof value === "string") { console.log(value.toUpperCase()); } ✔ Encourages safe type validation ✔ Keeps code predictable 💡 Key Takeaways Arrays: store multiple values of same type Objects: structured data with defined shape Tuples: ordered, fixed-size typed arrays any: flexible but risky unknown: safe + powerful 🔥 Excited for tomorrow’s learning — moving deeper into TypeScript fundamentals. #typescript #learning #webdevelopment #frontend #javascript #programming #developers If you want, I can also make a more short, more engaging, or emoji-rich version.

🚀 #Day35 of My Learning Journey 💻 Today was focused on backend learning, DSA problem-solving, API development, and strengthening JavaScript fundamentals. 🔹 Django Continued learning Django by diving deeper into backend concepts and understanding application flow in more detail. 🔹 LeetCode – Valid Parentheses Normal Approach: Repeatedly remove valid pairs (), {}, and [] from the string until no more changes occur. Check if the final string is empty. Time Complexity: O(n²) Space Complexity: O(n) Optimal Approach: Use a stack to track opening brackets. For each closing bracket, check if it matches the top of the stack. Valid if the stack is empty at the end. Time Complexity: O(n) Space Complexity: O(n) 🔹 Node.js Learning & Practice Learned Node.js concepts and built filter and search APIs, focusing on query parameters and efficient data handling. 🔹 JavaScript – Basics to Advanced Revisited JavaScript from basics to advanced topics to strengthen logic, syntax, and real-world usage. 💡 Takeaway Combining DSA, backend APIs, and strong JavaScript fundamentals helps build scalable and reliable applications 🌱 Masai #Django #LeetCode #DSA #NodeJS #JavaScript #BackendDevelopment #dailylearning #100DaysOfCode #FullStackJourney #Masaiverse #Masai