Mastering Advanced DOM and Events in JavaScript with Jonas Schmedtmann

LEARNING JAVASCRIPT SECTION 13 - Advanced DOM and Events COURSE: The Complete JavaScript Course 2025: From Zero to Expert! by Jonas Schmedtmann DOCUMENTED BY: @LogicalDami DATE PUBLISHED: Tuesday 20, January 2026. Introduction I looked into different lecture videos in this section such as; - Section Intro - PROJECT Bankist Website - How the DOM Really Works - Selecting, Creating, and Deleting Elements - Styles, Attributes and Classes - Implementing Smooth Scrolling - Types of Events and Event Handlers - Event Propagation Bubbling and Capturing - Event Propagation in Practice - Event Delegation Implementing Page Navigation - DOM Traversing - Building a Tabbed Component - Passing Arguments to Event Handlers - Implementing a Sticky Navigation The Scroll Event - A Better Way The Intersection Observer API - Revealing Elements on Scroll - Lazy Loading Images - Building a Slider Component Part 1 - Building a Slider Component Part 2 - Lifecycle DOM Events - Efficient Script Loading defer and async That's a wrap on this section, see you in the next one. Read other related article on my Blog via the link below: https://lnkd.in/dQVy8V_R Thank you for reading my blog post. Kindly follow me for more design and software development updates. #LearningJavaScript #JavaScript #HTML #CSS #DOM #Events #Udemy #UdemyCourses #DocumentingMyTechJourney #CodingChallenge #100DaysofCode #LogicalDami

🟢 #Day 25 / 100 – 📌 JavaScript Learning Update Today was all about functions and logic building in JavaScript. Instead of just watching tutorials, I applied the concepts by creating a Basic Calculator. ✅worked on today: • Understanding how functions actually work behind the scenes • Passing values using function arguments • Using the return keyword to get results • Exploring scope (block & lexical) through practice • Applying operators to perform real calculations • Updating results dynamically using DOM manipulation ☑️ Built a small calculator to connect logic with UI Day 25 complete ✅ 👍🏻 🚀 #Day25 #JavaScriptJourney #LearningByDoing #FunctionsInJS #MiniProject #100DaysOfCode

#Day13 of #100DaysOfMERNLearning JavaScript Basics Today I spent time strengthening my JavaScript fundamentals: 1. Declared variables using var, let, and const 2. Understood basic data types and how JavaScript treats values 3. Practiced operators used in conditions and calculations 4. Used loops to repeat tasks and improve code flow Focusing on these basics helped me understand how JavaScript actually works behind the scenes. Slow progress, but solid learning 💻✨ #JavaScript #MERNStack #LearningJourney #WebDevelopment #Consistency Skill Shikshya

💡 JavaScript Basics: var, let, and const When learning JavaScript, one of the most common confusions is the difference between var, let, and const. The key differences come down to scope and reassignment. 🔹 var var is function-scoped and does not follow block {} scope. It can be redeclared, which often leads to unexpected bugs. 👉 In modern JavaScript, it’s generally best to avoid using var. 🔹 let let is block-scoped and allows reassignment. It’s ideal for loops and conditional logic where values may change. 🔹 const const is also block-scoped, but its value cannot be reassigned once declared. 👉 Best used for fixed values and safer, more predictable code. ✅ Best practice I follow: • Use const by default • Use let when reassignment is needed • Avoid var whenever possible Small fundamentals like these make a big difference in writing clean, reliable JavaScript. Still learning, still improving 🚀 #JavaScript #FrontendDevelopment #Programming #LearningJourney #WebDevelopment

📌 JavaScript Learning Resource – Cheat Sheet While revising JavaScript, I found a helpful cheat sheet that summarizes core concepts like variables, operators, control flow, functions, arrays, DOM basics, and async ideas. Sharing it here for anyone who is refreshing JS fundamentals like me. Found this while learning and thought it might help others too. #JavaScript #LearningJourney #WebDevelopment #StudentsInTech

🚀 Teaching to Tech – 30-Day Challenge | Day 3 Day 3: JavaScript Basics Explored JavaScript and built a simple To-Do List application using HTML, CSS, and JavaScript together, as part of hands-on learning. Implemented basic interactivity using event handling, DOM manipulation, and simple logic to add, update, and manage tasks. 💡 Experience: JavaScript felt challenging yet exciting — seeing the webpage respond to user actions made the learning process very engaging. Understanding how events and logic work together was a key takeaway from today’s session. Step by step, moving forward with consistency 🚀 #TeachingToTech #30DayChallenge #JavaScript #WebDevelopment #LearningJourney

📌 JavaScript Learning Resource – Cheat Sheet While revising JavaScript, I found a helpful cheat sheet that summarizes core concepts like variables, operators, control flow, functions, arrays, DOM basics, and async ideas. Sharing it here for anyone who is refreshing JS fundamentals like me. Found this while learning and thought it might help others, too. Follow Nikhil Tiwari for more useful content w3schools.com JavaScript Mastery #JavaScript #LearningJourney #WebDevelopment #StudentsInTech

📌 JavaScript Learning Resource – Cheat Sheet While revising JavaScript, I found a helpful cheat sheet that summarizes core concepts like variables, operators, control flow, functions, arrays, DOM basics, and async ideas. Sharing it here for anyone who is refreshing JS fundamentals like me. Found this while learning and thought it might help others, too. Follow Muhammad Nouman for more useful content #JavaScript #LearningJourney #WebDevelopment #StudentsInTech

📌 JavaScript Learning Resource – Cheat Sheet While revising JavaScript, I found a helpful cheat sheet that summarizes core concepts like variables, operators, control flow, functions, arrays, DOM basics, and async ideas. Sharing it here for anyone who is refreshing JS fundamentals like me. Found this while learning and thought it might help others, too. Follow Rahul Choudhary for more useful content w3schools.com JavaScript Mastery #JavaScript #LearningJourney #WebDevelopment #StudentsInTech

📌 JavaScript Learning Resource – Cheat Sheet While revising JavaScript, I found a helpful cheat sheet that summarizes core concepts such as variables, operators, control flow, functions, arrays, DOM basics, and async concepts. Sharing it here for anyone who is refreshing JS fundamentals like me. Found this while learning and thought it might help others, too. Follow Lakhan Soni for more useful content w3schools.com JavaScript Mastery #JavaScript #LearningJourney #WebDevelopment #StudentsInTech