50 JavaScript Exercises for Beginners to Intermediate Developers

💡 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

🚀 Day 37/50 – Callback Functions in JavaScript Today I learned about Callback Functions in JavaScript — a powerful concept used in asynchronous programming. 🔹 A callback function is a function passed as an argument to another function and executed later. 🔹 It helps JavaScript handle tasks like API calls, timers, and events efficiently. 📌 Basic Example function greet(name, callback) { console.log("Hello " + name); callback(); } function sayBye() { console.log("Goodbye!"); } greet("Priyanka", sayBye); ✅ Here, sayBye is the callback function. 📌 Callback with setTimeout (Asynchronous Example) setTimeout(function() { console.log("This runs after 2 seconds"); }, 2000); ✔ The function executes after a delay. ✔ JavaScript continues running other code meanwhile. 📌 Why Callbacks are Important? ✅ Handle asynchronous operations ✅ Improve code flexibility ✅ Used in event handling and API requests 💡 Key Learning: JavaScript executes code asynchronously, and callbacks help control when a function should run. Learning step by step, growing day by day 💻✨ #Day37 #50DaysOfCode #JavaScript #AsyncProgramming #WebDevelopment #CodingJourney #LearningInPublic

Mastering JavaScript — One Method at a Time Over the past few days, I’ve been organizing and revising important JavaScript methods every intermediate developer should know. So instead of keeping them only in code files, I turned them into clean, handwritten-style visual notes 📒✨ 🔹 These slides cover: Array methods (map, filter, reduce & more) String & Object methods Math, Number & Date utilities Async, Promise & browser utilities Why I did this? Visual notes make concepts easier to remember Helps during quick revision Perfect for interview & real project preparation As a learner, I believe consistency + clarity beats rushing. Still learning, still improving — one concept at a time 💻🔥 If you’re learning JavaScript too, feel free to save this slide or share your favorite method 👇 Let’s grow together #JavaScript #WebDevelopment #FrontendDevelopment #LearningInPublic #Programming #CodeNewbie #SelfTaught #DeveloperJourney

Day 7 of the TS Academy 30 Days Learning Challenge Today I read on JavaScript Type conversion & Basic Operators from javascript.info. I started using javascript.info to explore JavaScript. While reading on Operators, I discovered some JavaScript syntax that I never really encountered before, like the use of the plus operator to convert strings to numbers. E.g. let a = "1"; let b = "2"; console.log( +a + +b ); // converts a & b to numbers and adds them to return 3. console.log( +"" ) // 0 Another thing that seemed interesting to me was the other ways JavaScript assignment operators could be used E.g. let a = 1; let b = 2; let c = 3 - (a = b + 1); console.log( a ); // 3 or chaining assignments; let a, b, c; a = b = c = 2 + 2; console.log( a ); // 4 console.log( b ); // 4 console.log( c ); // 4 It was kind of obvious, but it was interesting to see the assignment operator being used that way. JavaScript as a whole is really interesting and I'm looking forward to discovering more about the language. #BuildInPublic #TSAcademy #30DaysOfTech #LearningWithTSAcademy #Backenddevelopment

🚀 Learn How to Build a Random Color Generator using JavaScript 🎨 In this video, I explained how to create a Color Generator Project using HTML, CSS & JavaScript from scratch. 📌 In this tutorial, you’ll learn: How Math.random() actually works How to generate dynamic RGB colors DOM Manipulation step by step Event handling with button click How to change background color dynamically This is a beginner-friendly project but helps you understand real JavaScript logic deeply. If you are learning Web Development, this project will strengthen your JS fundamentals 💻🔥 🎥 Full tutorial link in the post below 👇 https://lnkd.in/g7vhXw48 Keep learning. Keep building. 🚀 #JavaScript #WebDevelopment #FrontendDeveloper #Programming #YouTubeCreator #CodingJourney #LearnToCode

Mastering JavaScript: Working with Arrays of Objects Using Reduce Just uploaded a comprehensive multi-page PDF guide on how to effectively handle arrays of objects in JavaScript using the reduce method! 🚀 Whether you're summing values, grouping data by properties, counting occurrences, or merging nested arrays, this guide breaks down these essential patterns with clear examples and practical problems. If you want to write cleaner and more efficient code when working with complex data structures, this is for you! Feel free to download the PDF, try out the examples, and share your questions or insights in the comments. Let’s level up our JavaScript skills together! 💻✨ #JavaScript #CodingTips #WebDevelopment #Programming #CodeNewbie #Developer #LearnToCode #TechGuide #FrontEnd #ReduceMethod

JavaScript's Secret Weapon — You could add loads of getters and setters to your object, but luckily there's a better way... Head over to the Azul Coding YouTube channel for more .NET and web dev tutorials: https://lnkd.in/eH4vfWAs #webdev #javascript #css #html #programming #frontend #webdeveloper #webdevelopment #learntocode #coding

JavaScript has one of the most famous quirks in programming: 👉 typeof null === "object" Yes… really. But why? Back in the early implementation of JavaScript (1995), values were stored in memory using type tags. Objects had a type tag of 0. Unfortunately, null was represented as a null pointer (0x00). When typeof checked the type tag, it saw 0 and returned "object". That bug shipped. And because fixing it would break massive amounts of existing code, it stayed. So what’s the real issue? Because of this: typeof null === "object" You cannot safely check for objects like this: typeof value !== "object" Why? Because null is not an object - but JavaScript says it is. The correct way to check: if (value !== null && typeof value === "object") { // safe object check } Or more explicitly: if (value && typeof value === "object") (when you’re okay excluding null and other falsy values) This is one of those historical decisions that shaped JavaScript forever. It’s not a feature. It’s a legacy artifact. And knowing it separates beginners from engineers who understand the language deeply. Akash Kadlag Hitesh Choudhary Jay Kadlag Chai Aur Code #JavaScript #WebDevelopment #Programming #LearningInPublic

Just published a new blog on JavaScript Operators. In this article, I break down: • Arithmetic operators • Comparison operators (== vs === explained clearly) • Logical operators • Assignment operators • Simple console examples for real understanding If you are starting with JavaScript, mastering operators makes everything easier, from conditions to loops to real projects 👇 https://lnkd.in/gSmpqBCn Special thanks to Hitesh Choudhary Chai Aur Code Piyush Garg Akash Kadlag Jay Kadlag for guidance! #JavaScript #WebDevelopment #FrontendDevelopment #Programming #Coding #100DaysOfCode #LearnToCode #TechWriting

JavaScript Scope — The Foundation 🔹 JavaScript Scope Explained (Beginner → Pro) Scope defines where a variable is accessible in your code. JavaScript has three main scopes: Global Scope → Accessible everywhere Function Scope → Accessible only inside the function Block Scope (ES6) → Accessible only inside {} using let & const if (true) {  let x = 10; }console.log(x); // ReferenceError 💡 Understanding scope helps you: ✔ Write cleaner code ✔ Avoid variable conflicts ✔ Debug faster Scope isn’t theory — it’s the backbone of JavaScript. #JavaScript #WebDevelopment #LearningJS #Programming