Mastering Intermediate JavaScript with ES6+ Concepts

🚀 Day 82 of My #100DaysOfCode Challenge Today I learned about a very useful JavaScript feature — Optional Chaining ("?."). When working with deeply nested objects, accessing properties can sometimes cause errors if a value is "undefined" or "null". Optional chaining helps solve this problem by allowing us to safely access nested properties without breaking the code. Example without Optional Chaining const user = { profile: { name: "Tejal" } }; console.log(user.profile.name); If "profile" doesn’t exist, this code would throw an error. Example with Optional Chaining const user = { profile: { name: "Tejal" } }; console.log(user?.profile?.name); Output Tejal If a property doesn't exist, JavaScript simply returns undefined instead of throwing an error. Why this is useful • Prevents runtime errors • Makes code cleaner and shorter • Helpful when working with APIs and complex objects Small modern features like this make JavaScript development much smoother. Continuing to explore deeper concepts and improving step by step. 💻✨ #Day82 #100DaysOfCode #JavaScript #OptionalChaining #WebDevelopment #LearningInPublic

Week 2 of my full stack journey is in the books! Last week: HTML & CSS foundations. This week: JavaScript, and everything clicked differently. Haha lil pun for ya. What I worked through: → JS syntax: variables, conditionals, functions, scope, arrays, loops, objects, iterators → Built projects: Magic Eight Ball, Rock Paper Scissors, Number Guesser, and more → Git & GitHub: version control, commits, branches, pushing to remote repos → JavaScript + the DOM: making web pages actually interactive → Web Accessibility: designing for all users from the start The real win this week wasn't memorizing syntax. It was building things that respond, buttons that do something, pages that change, logic that runs. That feeling when your code works? Worth every hour of debugging. On to week 3. If you're learning or have made the jump into software development, let's connect! #JavaScript #Git #WebDevelopment #FullStackDevelopment #LearningInPublic #SoftwareEngineering #CareerChange #CareerGrowth

🚀 Day 31–36 of #100DaysOfCode (Catch-up Update) Over the last few days I focused on strengthening my JavaScript fundamentals and problem-solving skills. Topics Covered JavaScript Core Concepts 🔹 this keyword 🔹 Try & Catch (Error Handling) 🔹 Arrow Functions & Implicit Return 🔹 setTimeout() and setInterval() 🔹 Function Expressions 🔹 Higher Order Functions Functions & Scope 🔹 Functions with Arguments 🔹 Return Keyword 🔹 Scope (Block & Lexical Scope) Objects in JavaScript 🔹 Object Literals 🔹 Nested Objects 🔹 Array of Objects 🔹 Math Object 🔹 Random Number Generation 🔹 Built a small Guessing Game Loops & Logic Building 🔹 for loops & while loops 🔹 Nested loops 🔹 break keyword 🔹 Loops with arrays Arrays & Methods 🔹 Array Data Structure 🔹 Array Methods 🔹 indexOf() & includes() 🔹 slice(), splice() 🔹 Concatenation & Reverse Mini Project 🔹 Built a simple Todo App using JavaScript Missed posting updates for a few days, but the learning continued. Still moving forward with the challenge and keeping the momentum. Consistency over perfection. 💻🔥 #100DaysOfCode #JavaScript #WebDevelopment #LearningInPublic #CodingJourney

🚀 30 Days of JavaScript – Day 14 Continuing my journey of improving JavaScript by building small real-world projects. 💡 Today’s Project: Upgraded Mini Expense Tracker In this version, I improved my previous expense tracker by adding a summary feature. The program allows users to: • Add multiple expenses * Store expense categories and amounts * Display a complete expense summary * Calculate the total spending 🧠 Concepts Used: i) Arrays ii) Objects iii) Loops (while, for) iv) User input with prompt() v) Basic data handling 📌 Example Output Expense Summary Food : 200 Travel : 150 Shopping : 300 Total Expense : 650 🎥 Demo below 👇 Full source code in the First comment. #JavaScript #WebDevelopment #LearningJavaScript #CodingJourney #ProblemSolving #30DaysOfCode

Day 2 of my JavaScript learning journey. Everyone says: “Just use let and const, never var.” Today I finally understood why. Variables already managed to confuse me once. Here’s what I explored today. Variables in JavaScript: -Variables store data so we can use it later in our program. There are three ways to create them: 1️⃣ var The old way. It’s function-scoped and gets hoisted, which can sometimes cause confusing behavior. 2️⃣ let Modern and block-scoped. You can change the value later. let score = 10; score = 20; 3️⃣ const Also block-scoped, but the value cannot be reassigned. const name = "Shobhit"; One interesting thing I learned: Even if a variable is declared with const, objects inside it can still be modified. Another surprising discovery: typeof null returns "object". This is actually a long-standing JavaScript bug from the early days of the language. It stayed because changing it would break too many websites. My rule going forward: Use const by default. Use let when the value needs to change. Avoid var. Day 2 done. Slowly understanding how JavaScript actually works. What confused you the most when you first learned JavaScript? #JavaScript #LearningInPublic #WebDevelopment #100DaysOfCode #Frontend

🚀 Exploring JavaScript Destructuring (Objects & Arrays)! I practiced one of the most useful ES6 features in JavaScript — Destructuring. 🔹 What I implemented: ✔️ Object Destructuring (extracting name, age, skills) ✔️ Array Destructuring (assigning values to variables) 🔹 Key Learnings: ✨ Clean and readable code ✨ Direct access to object properties ✨ Easy extraction of array elements ✨ Reduces repetitive code 💡 Example: Instead of writing: user.name, user.age, user.skills We can simply use: const { name, age, skills } = user; 📌 Bonus: ✔️ Can rename variables ✔️ Can skip array elements ✔️ Makes code more professional and modern This small concept makes a BIG difference in writing efficient JavaScript code Harshit T #JavaScript #ES6 #Destructuring #WebDevelopment #Frontend #CodingJourney #Learning

📆#Day 72 — JavaScript Learning 🚀 Today I learned about one of the core concepts behind how JavaScript actually runs code — Execution Context. Every time JavaScript runs a program, it creates an execution environment called an Execution Context. 🔹 Types of Execution Context ✅ Global Execution Context Created when the program starts this refers to the global object ✅ Function Execution Context Created whenever a function is invoked 🔹 Two Phases of Execution 1️⃣ Memory Creation Phase Variables → stored as undefined Functions → stored completely 2️⃣ Code Execution Phase Code runs line by line Values get assigned var x = 10; function test() { var y = 20; console.log(x + y); } test(); JavaScript creates separate execution contexts to manage this flow. 📌 Key Learning: Understanding Execution Context explains: Hoisting Scope Call Stack behavior Today I realized JavaScript isn’t just syntax — it’s an execution system. #Day72 #JavaScript #ExecutionContext #WebDevelopment

🚀 I just published a new blog on JavaScript Prototypes and the Prototype Chain. Many developers use JavaScript every day but still find prototypes confusing. I wanted to understand what actually happens behind the scenes when we create objects, use constructor functions, or write classes. So I wrote a deep dive explaining: 🔹 How JavaScript’s prototype chain really works 🔹 The difference between prototype vs __proto__ 🔹 How constructor functions create instances 🔹 How Object.create() enables inheritance 🔹 Why ES6 classes are actually built on top of prototypes Understanding this helped me see how JavaScript works under the hood, and it changed the way I think about objects and inheritance. If you're learning JavaScript or preparing for interviews, this might help clarify the concepts. 📖 Read the full blog here: https://lnkd.in/grpFn83h I’d love to hear your thoughts or feedback! #javascript #webdevelopment #programming #frontend #softwareengineering

Day 19 of my JavaScript journey 🚀 Built a Registration Form Validator using HTML, CSS, and JavaScript. This project validates user inputs like name, email, password, and ensures correct data before submission. This project helped me practice: • Form validation logic • Regular expressions (Regex) • DOM manipulation • Handling user input errors 🔗 Live Demo: https://lnkd.in/gs7ADxub 💻 GitHub Repo: https://lnkd.in/gkcgwdie Learning how to build more secure and user-friendly forms step by step. 💻 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney