"Unlocking JavaScript: Interactive Web Development"

🚀 Day 38 | Deep Dive into Advanced JavaScript | Sheryians Coding School 💻✨ Today’s session took JavaScript to the next level - packed with concepts that truly sharpened both my logic and problem-solving skills! 💡 🔍 Explored Topics: 🔹 Functions → anonymous, higher-order, callback, first-class, pure & impure functions 🔹 Closures & Scoping Rules → mastering how variables and functions interact across scopes 🔹 Arrays → powerful methods like push(), pop(), slice(), filter(), map(), reduce(), and more 🔹 Objects → creating, updating, deleting, and working with nested structures Each concept added a new layer to my JavaScript understanding - seeing how these fundamentals shape real-world web apps was fascinating! ⚡ Every session at Sheryians makes me more confident in writing clean, efficient code. 💪🔥 #Day38 #JavaScript #FrontendDevelopment #WebDevelopment #Cohort2 #LearningJourney #CodingPractice #Closures #HigherOrderFunctions #SheryiansCodingSchool

DAY 25 — JavaScript Deep Dive Begins Sheryians Coding School | Sheryians AI School Before today’s live class, I completed the task given by Bhaiya, which was to watch a 1-hour video on “JS Learn Everything” on YouTube. From that video, I learned about the history and introduction of JavaScript, keywords, variables (var, let, const), and their scopes (global, block, function). I also understood key concepts like reassignment, re-declaration, temporal dead zone, and hoisting — which form the base of how JavaScript actually works behind the scenes. ⚙️ In today’s live session, we continued our journey with: 📘 Introduction to JS 💡 Why it’s important 🤔 What can it do for you 🖥️ Using script tag & running JS in browser 🧠 Variables and alerts (var, let, const, prompt, console) It was a great start to understanding how JavaScript brings life and interactivity to web pages! 🌐 Mentor: Harsh Vandana Sharma #Day25 #Cohort2_0 #JavaScript #FrontendDevelopment #WebDevelopment #SheryiansCodingSchool #LearningJourney #CodingLife

🚀 Day 36 of My Web Dev Journey, Cohort 2.0 (Sheryians Coding School) Today we officially wrapped up Loops and stepped into one of the most powerful parts of JavaScript - Functions! ⚡ Loops: 1. do...while Loop: Runs at least once, even if the condition is false. 2. Recursion (Intro): Simply put, a function calling itself. 3. Loop Control Statements, break & continue   • break → completely exits the loop.   • continue → skips the current iteration and moves to the next. Functions: Functions are like mini-programs, they don’t run immediately but execute only when you call them. We can reuse them anytime, anywhere, and as many times as needed. Key Concepts Covered: 1. Parameters & Arguments 2. Arguments Object : allows us to access all arguments passed into a function 3. Hoisting in Functions :   • Function Declarations → can be called before they are defined.   • Function Expressions & Arrow Functions → cannot be called before definition (because they are assigned to variables). Gained deeper control over loops and discovered how functions make code modular, clean, and reusable. JS is getting exciting now!⚡ Stay tuned 🔥 ❤️ #WebDevelopment #Cohort2 #SheryiansCodingSchool Sheryians Coding School Community #LearningInPublic #HTML #CSS #FrontendDevelopment #BackendDevelopment #FullStackDevelopment #LearningJourney

🚀 Day 38 — Cohort 2.0 of Web development with Sheryians Coding School Today I explored some core JavaScript fundamentals that every developer should understand deeply. 🧠 Topics I covered: 🔹 Pure vs Impure Functions — Learned how pure functions always produce the same output for the same input and have no side effects, while impure functions can behave differently depending on external factors. 🔹 Closures — Understood how a function can access variables from its parent scope even after the parent has finished executing. Closures are the backbone of many advanced JS concepts. 🔹 Arrays & Their Methods — Practiced using array methods to add, remove, and manipulate data efficiently. Also explored how the spread operator helps clone and merge arrays easily. 🔹 Objects & Nested Objects — Discovered how objects organize data as key-value pairs and how nesting allows us to represent structured, real-world data more effectively. 💡 Each concept makes me more confident in writing cleaner, smarter, and more logical JavaScript code. Excited to keep building my foundation stronger every day! #Day38 #JavaScript #WebDevelopment #DSA #SheryiansCodingSchool #LearningJourney #FrontendDeveloper #GenAI #100DaysOfCode Harsh Vandana Sharma Sheryians Coding School Community

Day 44 & 45 | Cohort 2.0 Journey Diving Into the DOM : Making JavaScript Come Alive ✨📚 The last two days were all about the Document Object Model (DOM), beautifully explained by Sarthak Sharma from Sheryians Coding School. This is where JavaScript stops being theory and actually starts interacting with the webpage! What I Learned: 🔹 Understanding the DOM structure (Document → HTML → Body → Elements) 🔹 Selecting elements using getElementById, querySelector, querySelectorAll 🔹 Editing content dynamically (innerText, innerHTML, textContent) 🔹 Changing styles with JS 🔹 Creating, appending, and removing elements 🔹 Handling events like click, input, mouseover 🔹 Realizing how JS + DOM brings actual interactivity to websites DOM is basically the gateway to building dynamic, interactive, real-world web apps, and it finally feels like things are getting fun and powerful! 😄🔥 #Day44 #Day45 #JavaScript #DOM #FrontendDevelopment #LearningJourney #Cohort2 #SheryiansCodingSchool

🚀 Day 27 of my Web Development Journey (Cohort 2.0, Sheryians Coding School) Today’s class was comparatively short but packed with solid JavaScript fundamentals! Here’s what we learned 👇 var, let & const • We’ll always use let instead of var, because var often causes hidden bugs. • Errors aren’t our enemies, the real problem is code that’s wrong but doesn’t throw an error! • let fixes some tricky issues that var doesn’t. • Use const when you don’t want your variable’s value to change later on. Console Methods • console.log("hello") and console.info("hello") work the same way, except that in some browsers console.info() adds a small “i” icon beside the message. • A fun one is console.table(), it prints objects in a clean, tabular format. • console.table({ name: "Abhinav" }); Statements vs Expressions • Statement: A complete line of code that performs an action but doesn’t necessarily return a value. Example: let a = 12; const b = "Hello"; • Expression: Any code that produces a value. Example: 3 + 4 - 20 * 5; Stay tuned 🔥 ❤️ #WebDevelopment #Cohort2 #SheriansCodingSchool #LearningInPublic #HTML #CSS #FrontendDevelopment #BackendDevelopment #FullStackDevelopment #LearningJourney

🚀 Day 37 - JavaScript Functions: The Real SUPERPOWER of JS! 💪 🎯 Cohort 2.0 - Sheryians Coding School If JavaScript is the body… 👉 Functions are definitely the 💖 (Heart) Today’s class unlocked some major clarity 👇 ✨ What I learned today: 🔹 Required, Default & Destructured Parameters 🔹 Positional, Spread & Default Arguments 🔹 Nested Functions + how Scope Chain works 🔹 IIFE - executes the moment it appears 😎 🔹 Arrow Functions → cleaner, modern syntax 🔹 Higher-Order + Callback + First-Class Functions ➡ These make JavaScript dynamic, modular & powerful ⚡ 📌 Key Takeaway: “Master functions → Master JavaScript!” ✅ Feeling more confident every single day 💻🚀 Thanks to Harsh Vandana Sharma, Satwik Raj, and the entire Sheryians Coding School Community for making learning this fun 🙌 👇 Tell me in the comments: Which JS concept confused you the most but now makes sense? 🤔 #JavaScript #Functions #WebDevelopment #CodingJourney #Cohort2_0 #LearningByDoing #SheryiansCodingSchool #FrontendDevelopment

🚀 Day 29 of my Web Development Journey (Cohort 2.0, Sheryians Coding School) Today’s session was all about solving assignments and strengthening our JavaScript fundamentals. We worked through a hands-on exercise that covered everything from basic syntax to understanding how JS interacts with the browser. Here’s a quick overview of what the assignment included: • Introduction to JavaScript & Linking JS with HTML : Exploring document.title, using alert() and understanding what role JavaScript plays in a webpage. Practiced connecting external JS files, and learned how defer affects script execution.  • Browser Console Experiments : Used the console to run quick JS commands and understand how the interpreter works. • Variables and Keywords : Deep dive into var, let, and const, along with scoping behavior and reassignment rules. • Logging & Interaction : Used console.log, alert, and prompt to create simple user interactions. • String Operations : Tried out slice, split, replace, and template literals to manipulate strings dynamically. • Statements & Comments : Explored how JavaScript handles statements, semicolons, and how comments help organize code. • Expressions vs Statements : Differentiated between operations that produce values and those that perform actions. • Data Types : Practiced identifying different types like number, string, boolean, object, undefined, and symbol. • Special Values : Worked with Infinity, NaN, null, and undefined to understand JS quirks. • Primitive vs Reference Types : Observed how copying works differently for values and objects, and visualized it through memory diagrams. 💡 It was a concept-heavy but fun session : great revision of everything we’ve learned so far and a solid step toward mastering the fundamentals of JavaScript! Stay tuned 🔥 ❤️ #WebDevelopment #Cohort2 #SheriansCodingSchool #LearningInPublic #HTML #CSS #FrontendDevelopment #BackendDevelopment #FullStackDevelopment #LearningJourney

I recently worked on implementing a real-time search filter that dynamically updates results as you type — no page reloads, no delay! ⚡ 🧠 Key Concepts Used: DOM Manipulation input event listener startsWith() method for string matching Dynamic rendering using JavaScript 💡 What it does: As soon as the user types something in the search box, the list instantly filters out and shows only the matching results. This makes searching super fast and user-friendly! 💻 Tech Stack: HTML | CSS | JavaScript Live link - https://lnkd.in/e8MhYsH2 Repo link - https://lnkd.in/eie58Q9Q 🔗 I’ll share the live demo and GitHub repo link in the comments — check it out and let me know your thoughts! Sheryians Coding School Sheryians Coding School Community #JavaScript #WebDevelopment #Frontend #CodingJourney #LearningByDoing #100DaysOfCode

🚀 Day 32 of my Web Development Journey, Cohort 2.0 (Sheryians Coding School) Today’s class focused on understanding Conditionals and Loops in JavaScript, two of the most important building blocks for logic and flow control in programming. Conditionals in JavaScript Conditionals help a program make decisions based on certain conditions. We explored how to use if, else if, else, the ternary operator, and switch case statements to control what part of the code runs depending on the situation. We also discussed Truthy and Falsy values: • Falsy values include false, 0, an empty string, null, undefined, NaN, and document.all. • Everything else in JavaScript is considered Truthy. The ternary operator is a shorter way to write simple if-else conditions, while the switch case is used when multiple possible outcomes need to be checked in an organized manner. Loops in JavaScript Loops allow us to repeat a block of code multiple times without writing it again and again. We focused on the for loop, which is commonly used when the number of iterations is known in advance. By using loops, we can perform repetitive tasks efficiently, reducing code redundancy and improving performance. Today’s session really strengthened my understanding of how logic flows inside a program, making it easier to write cleaner, smarter, and more efficient JavaScript code 💪 Stay tuned 🔥 ❤️ #WebDevelopment #Cohort2 #SheriansCodingSchool #LearningInPublic #HTML #CSS #FrontendDevelopment #BackendDevelopment #FullStackDevelopment #LearningJourney