JavaScript slice vs splice: Mastering array methods for web development

🚀 Day 15 of Learning MERN Full Stack Day 15 of my MERN Full Stack journey focused on building interactive web pages using JavaScript. Today’s learning helped me understand how user actions are handled and how logic connects the UI with functionality. 🔹 Day 15 Focus: ✔ Handling user interactions using JavaScript events ✔ Working with buttons, inputs, and form elements ✔ Reading and updating values dynamically ✔ Applying conditional logic for better user experience ✔ Improving UI behavior using JavaScript ✔ Debugging and testing functionality step by step 💡 Day 15 Insight: Interactivity is what brings a webpage to life — mastering events and logic helps transform static pages into real, usable applications. Big thanks to Vamsi Paidi Sir for the clear explanations and practical approach. Vignan's Lara Institute of Technology and Science, Vadlamudi, Chebrolu Mandal, PIN-522213(CC-FE) LogicWhile Moving on to Day 16 — continuing the journey with consistency and confidence 🚀 #MERNStack #Day15 #JavaScript #WebDevelopment #FrontendDevelopment #LearningJourney #Consistency #CodingLife

🚀 Day 15 of Learning MERN Full Stack Day 15 of my MERN Full Stack journey focused on building interactive web pages using JavaScript. Today’s learning helped me understand how user actions are handled and how logic connects the UI with functionality. 🔹 Day 15 Focus: ✔ Handling user interactions using JavaScript events ✔ Working with buttons, inputs, and form elements ✔ Reading and updating values dynamically ✔ Applying conditional logic for better user experience ✔ Improving UI behavior using JavaScript ✔ Debugging and testing functionality step by step 💡 Day 15 Insight: Interactivity is what brings a webpage to life — mastering events and logic helps transform static pages into real, usable applications. Big thanks to Vamsi Paidi Sir for the clear explanations and practical approach. Vignan's Lara Institute of Technology and Science, Vadlamudi, Chebrolu Mandal, PIN-522213(CC-FE) LogicWhile Moving on to Day 16 — continuing the journey with consistency and confidence 🚀 #MERNStack #Day15 #JavaScript #WebDevelopment #FrontendDevelopment #LearningJourney #Consistency #CodingLife

𝗔𝘀𝗮𝗹𝗮𝗺𝘂𝗮𝗹𝗮𝗶𝗸𝘂𝗺 𝗘𝘃𝗲𝗿𝘆𝗼𝗻𝗲, 🤝\ As I mentioned that I’ll be sharing everything I learn — Insha'Allah. So, here comes the 𝘁𝗵𝗶𝗿𝗱 𝗽𝗼𝘀𝘁 of this journey. 🚀 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴 & 𝗦𝗵𝗮𝗿𝗶𝗻𝗴 — 𝗣𝗼𝘀𝘁 #𝟯 🎯 𝗙𝗼𝗰𝘂𝘀𝗲𝗱 𝗔𝗿𝗲𝗮: 𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 — 𝗣𝗼𝘀𝘁 #𝟯 Most of us are familiar with HTML, CSS, and 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁, but the main point where most of the 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿𝘀 𝗴𝗼𝘁 𝘀𝘁𝘂𝗰𝗸 or thought that 𝗪𝗘𝗕 𝗶𝘀 𝗵𝗮𝗿𝗱 𝗶𝘀 𝗝𝗦. But it is not that hard, the way most of us think, we just need to follow the correct path or a good teacher. If you got stuck and you are 𝗻𝗲𝘄 𝘁𝗼 𝗪𝗘𝗕 and 𝗱𝗼𝗻'𝘁 𝘄𝗮𝗻𝘁 𝘁𝗼 𝗿𝗲𝗮𝗱 𝘁𝗵𝗲 𝗹𝗼𝗼𝗼𝗼𝗼𝗼𝗼𝗼𝗼𝗼𝗼𝗼𝗼𝗼𝗻𝗴 𝗱𝗼𝗰𝘂𝗺𝗲𝗻𝘁𝗮𝘁𝗶𝗼𝗻, then you should definitely check the Sheryians Coding School, no doubt others are also good, but if you talking to specifically web, no match for them. ✨ 𝗧𝗼𝗱𝗮𝘆 𝗜 𝘄𝗶𝗹𝗹 𝗯𝗲 𝘁𝗮𝗹𝗸𝗶𝗻𝗴 𝗮𝗯𝗼𝘂𝘁 𝘁𝗵𝗲𝘀𝗲 𝘁𝗼𝗽𝗶𝗰𝘀:  • Tempral Dead Zone (TDZ)  • Global / Functional / Block Scope  • Hoisting I am trying to keep the things as short as possible 𝗜𝗳 𝘆𝗼𝘂 𝗳𝗶𝗻𝗱 𝘁𝗵𝗶𝘀 𝗵𝗲𝗹𝗽𝗳𝘂𝗹 𝗼𝗿 𝗵𝗮𝘃𝗲 𝗮𝗻𝘆 𝘀𝘂𝗴𝗴𝗲𝘀𝘁𝗶𝗼𝗻𝘀 𝗳𝗼𝗿 𝗶𝗺𝗽𝗿𝗼𝘃𝗲𝗺𝗲𝗻𝘁, 𝗳𝗲𝗲𝗹 𝗳𝗿𝗲𝗲 𝘁𝗼 𝘀𝗵𝗮𝗿𝗲 — 𝗹𝗲𝗮𝗿𝗻𝗶𝗻𝗴 𝗶𝘀 𝗮𝗹𝘄𝗮𝘆𝘀 𝗯𝗲𝘁𝘁𝗲𝗿 𝘁𝗼𝗴𝗲𝘁𝗵𝗲𝗿 🤝 #JS #JavaScript #CSS #FrontendDevelopment #WebDevelopment #LearningInPublic

🚀 Day 15 of Learning MERN Full Stack (30 Days Challenge) Day 15 of my 30-day MERN Full Stack journey focused on building interactive web pages using JavaScript. Today’s learning helped me understand how user actions are handled and how logic connects the UI with functionality. 🔹 Day 15 Focus: ✔ Handling user interactions using JavaScript events ✔ Working with buttons, inputs, and form elements ✔ Reading and updating values dynamically ✔ Applying conditional logic for better user experience ✔ Improving UI behavior using JavaScript ✔ Debugging and testing functionality step by step 💡 Day 15 Insight: Interactivity is what brings a webpage to life — mastering events and logic helps transform static pages into real, usable applications. Big thanks to Vamsi Paidi Sir for the clear explanations and practical approach. Moving on to Day 16 — continuing the journey with consistency and confidence 🚀 #MERNStack #Day15 #30DaysOfCode #JavaScript #WebDevelopment #FrontendDevelopment #LearningJourney #Consistency #CodingLife

🚀 JavaScript Learning Journey – Day 10 🚀 Continuing my JavaScript learning by understanding Prototypes, a core concept behind JavaScript’s object-oriented behavior. 🔹 Prototypes in JavaScript Definition: In JavaScript, every object has a prototype, which is another object from which it inherits properties and methods. 🔹 Why Prototypes Matter • Prototypes enable inheritance in JavaScript • They help reuse methods instead of duplicating them for every object • This improves memory efficiency and performance 🔹 How Prototypes Work (Conceptually) • When a property or method is not found on an object, JavaScript looks for it in its prototype • This lookup continues up the prototype chain until it is found or reaches null 🔹 Real-World Examples • Common methods like toString() or push() are available because of prototypes • Custom objects can share common behavior using prototypes • Frameworks and libraries heavily rely on prototypes for reusable functionality 💡 Key Takeaways: Prototypes are the foundation of inheritance and code reuse in JavaScript. Understanding them is essential for mastering objects, classes, and advanced JavaScript concepts. 📌 Strengthening JavaScript fundamentals to better understand how the language works internally. #JavaScript #Prototypes #WebDevelopment #FrontendDeveloper #Programming #LearningInPublic #DeveloperJourney #CareerGrowth #100DaysOfCode

🚀 My JavaScript → DOM Learning Milestone (Sharing Retroactively) After strengthening my JavaScript fundamentals, I learned DOM manipulation and applied it by building a small interactive project to practice what I learned. Even though I’m now close to completing the MERN Stack, I never shared my earlier learning journey on LinkedIn, so I’m sharing it now step by step. What I practiced and implemented: Navbar: Heart count, Coin count, Copy count Hero Section: Background gradient, logo, title, and slogan Main Section: 6 hotline cards including icon, name, name in English, hotline number, category badge, 💗 heart, Copy & Call buttons Call Logic: Clicking Call button shows an alert, reduces coins per call, warns if coins < threshold, and adds the call to Call History with timestamp Copy Button: Copies the hotline number and increments copy count Call History Section: Displays all called services; Clear History button included Fully responsive for mobile devices Why this project matters: Practicing DOM manipulation gave me hands-on experience with UI interactions, event handling, clipboard API, and time handling—all essential skills for frontend development. 🔗 GitHub Repository: https://lnkd.in/gZh6gxJ9 🌐 Live Demo: https://lnkd.in/gqv2Un3S Following the continuity of my learning journey, I’ll be sharing the next steps of my learning journey gradually— If you have any suggestions or feedback, feel free to share. #JavaScript #DOM #WebDevelopment #Frontend #MERN #DeveloperJourney #LearningInPublic

🚀 Day 9 of Learning MERN Full Stack (30 Days Challenge) Today wasn’t about writing more code — it was about understanding when code runs. Day 9 took me deep into JavaScript asynchronous behavior and callbacks, and honestly, this changed how I look at execution flow. 🔹 Day 9 Focus — JavaScript Under the Hood • Understanding synchronous vs asynchronous execution • Using setTimeout() to control delayed execution • Observing execution order (start → end → callback) • Nested setTimeout() and chained execution flow • Writing callback functions and passing them as arguments • Callback-based step-by-step execution logic • Understanding how JavaScript handles non-blocking tasks 💡 Day 9 Insight JavaScript doesn’t wait — it schedules. Callbacks taught me that execution isn’t always top-to-bottom; it’s event-driven and time-aware. Seeing end print before delayed callbacks made the concept of the event loop feel real — not theoretical. This day strengthened my mental model of how JavaScript actually works behind the scenes. Big thanks to Vamsi Paidi Paidi Sir for breaking down complex concepts with simple, practical examples 🙏 Learning the fundamentals slowly, clearly, and with consistency. On to Day 10 🚀 Vignan's LARA Institute of Technology & Science #MERNStack #Day9 #30DaysOfCode #JavaScript #Callbacks #AsynchronousJS #EventLoop #FrontendDevelopment #WebDevelopment #LearningInPublic #Consistency

While studying JavaScript, I spent time deeply understanding one of its most misunderstood concepts: this binding and lexical scope, especially in asynchronous code. At first, this felt inconsistent. After breaking it down, the rules became clear and predictable. 𝗞𝗲𝘆 𝘁𝗲𝗰𝗵𝗻𝗶𝗰𝗮𝗹 𝘁𝗮𝗸𝗲𝗮𝘄𝗮𝘆𝘀: • Normal functions bind this dynamically — based on how the function is called • Arrow functions do not have their own this; they inherit it from the lexical scope • JavaScript scope is lexical, decided by where code is written, not when it runs • APIs like setTimeout do not redefine scope or this — they only defer execution A small example that made everything click: ``` function demo() {  this.value = 42;  setTimeout(() => {   console.log(this.value);  }, 1000); } demo(); ``` Here, the arrow function captures this from demo()’s execution context. Even though the callback runs later, the scope and this reference remain unchanged. This understanding led me to a conclusion I really liked: The universe is strange, but JavaScript is consistently strange. Once you learn the rules behind its behavior, the confusion fades and predictability takes over — which is exactly what you want when writing reliable, scalable code. Currently strengthening my fundamentals in JavaScript, execution context, async behavior, and closures by building and debugging real projects. #JavaScript #WebDevelopment #FrontendDevelopment #BackendDevelopment #ComputerScience #AsyncProgramming #StudentDeveloper #InternshipReady

🚀 JavaScript Learning Journey – Day 5 🚀 Continuing my JavaScript learning by focusing on Functions and iteration, which help organize code and handle repeated logic efficiently. 🔹 Functions in JavaScript • Functions are reusable blocks of code that perform a specific task, such as validating user input, calculating totals, or handling API responses. • They help reduce code duplication and improve readability and maintainability. • Functions are widely used to separate business logic from UI logic in real-world applications. 🔹 Arrow Functions • Arrow functions provide a shorter and cleaner syntax for writing functions. • Commonly used in callbacks, event handlers, and array operations. • They improve code readability, especially in modern JavaScript frameworks like React. 🔹 forEach Method • forEach() is used to iterate over arrays and perform an action on each element. • Frequently used for tasks like displaying lists, logging values, or applying operations on fetched data. • Makes iteration more readable compared to traditional loops. 💡 Key Takeaways: Functions help structure applications, arrow functions simplify syntax, and forEach() makes array iteration clean and expressive — all of which are essential for writing modern JavaScript code. 📌 Strengthening JavaScript fundamentals step by step and sharing daily progress consistently. #JavaScript #WebDevelopment #FrontendDeveloper #Programming #LearningJourney #DeveloperSkills #CareerGrowth #100DaysOfCode

Leveling up my JavaScript fundamentals! Today I spent time revising and documenting JavaScript Array Methods 📚 From basic operations to powerful functional methods, arrays are everywhere in JS—and mastering them really improves code quality and confidence. ✨ Some methods I explored: • map() • filter() • reduce() • forEach() • slice() & splice() • find() & findIndex() • flat() & flatMap() • includes() …and many more! 💡 Understanding when and why to use each method makes a big difference in writing clean and efficient code. I’m currently focusing on strengthening my core JavaScript concepts and applying them in real projects. Learning one concept at a time, consistently 🚀 If you’re learning JavaScript too, let’s connect and grow together 🤝 Feel free to share your favorite array method in the comments 👇 #JavaScript #WebDevelopment #FrontendDevelopment #LearningJourney #Coding #Developers #JS #Programming #Tech #InternLife #ContinuousLearning #Angular