Day 5 — #100DaysOfCode Built a Random Color Generator using JavaScript today. ✅ With a simple click, the background color changes dynamically—making the concept of DOM manipulation and event handling more practical and visual. Projects like these make learning more engaging and help connect concepts more clearly. Building, learning, and improving step by step. 🚀 #100DaysOfCode #JavaScript #WebDevelopment #FrontendDevelopment #Projects #Consistency
More Relevant Posts
-
Built something while learning JavaScript. Instead of just watching tutorials, I tried applying what I’ve been learning by building small features using JavaScript. Worked on: • DOM manipulation • Event handling • Basic interactive functionality What I learned from this: • Building exposes gaps in understanding very quickly • Small projects are enough to strengthen fundamentals • Debugging is where most of the real learning happens • Consistency matters more than complexity at this stage Still simple, but this is the phase where I’m focusing on getting the basics right. Next step: build more structured projects and go deeper into JavaScript. #WebDevelopment #JavaScript #LearningByDoing #DSA #Consistency
To view or add a comment, sign in
-
I used to believe that JavaScript operated with some hidden “thread algorithm” behind the scenes. However, I learned that it doesn't function that way. JavaScript is single-threaded, yet it effectively manages multiple tasks simultaneously through the event loop, not threads. Here's a simplified breakdown: - There’s one main worker (the call stack). - There’s a waiting area (task queues). - There’s a loop that continuously checks what to run next. The core flow looks like this: while (true) { run sync code first if nothing is running: run all microtasks (Promises) then pick one macrotask (timers, I/O) } What surprised me the most is the priority system: Promises always execute before timers. Even a setTimeout(..., 0) has to wait its turn. As for the “threading” aspect? It exists, but not in the way you might expect. The engine (like V8) runs your code in a single thread, while the environment (browser or Node.js) utilizes multiple threads for tasks like network calls and timers. In essence, JavaScript doesn’t schedule threads; it schedules tasks. This shift in perspective can significantly change your understanding of asynchronous code. #javascript #learning #webdevelopment #programming #codewithishwar
To view or add a comment, sign in
-
JavaScript gets a lot more interesting when callbacks stop feeling like definitions and start feeling like real tools. In this video, I continue the callbacks discussion by showing where these ideas actually appear in day-to-day JavaScript code. This session covers: • how forEach() works • how map() helps transform data • how filter() helps us select data based on conditions • how all of these use callback functions internally • how JavaScript normally behaves in a synchronous flow • and a first glimpse of asynchronous behavior using setTimeout() I also tried to explain when synchronous flow makes sense and when asynchronous behavior becomes useful, using practical examples and simple coding demonstrations. The goal was not just to teach the syntax of forEach(), map(), and filter(), but to help connect them with the bigger idea of callbacks in real JavaScript. Watch here: https://lnkd.in/gGKVSE45 #JavaScript #WebDevelopment #FrontendDevelopment #Coding #Programming #LearnJavaScript #CallbackFunctions #HigherOrderFunctions #forEach #map #filter #setTimeout #SoftwareDevelopment #Developers #TechEducation
JavaScript Callbacks in Action | forEach(), map(), filter(), setTimeout() | JS Series #13
https://www.youtube.com/
To view or add a comment, sign in
-
Day 3 — JavaScript is humbling me in the best way. Started with the basics I thought I already knew. Turns out I knew the syntax but not the why. var vs let vs const — I used to just pick randomly. Now I get why const is default and var is basically legacy. The thing that actually clicked today: arrow functions aren't just shorter syntax. They handle 'this' differently. That's why everyone prefers them in certain situations. Also spent an hour on map, filter, and reduce with real data instead of fake tutorials. Way more useful. Favourite thing I learned: optional chaining (?.) — it's saved me from so many "cannot read property of undefined" errors already. Drop a JavaScript concept below that confused you at first 👇 #javascript #webdevelopment #frontenddeveloper #coding
To view or add a comment, sign in
-
In this video, I’m building a simple Random Quote Generator using JavaScript. 💡 The main idea is using Math.random(): It generates a random number between 0 and 1, then I use it to select a random quote from an array. 👉 So every time the user clicks, a different quote appears. ✨ This is my first JavaScript project, and also my first time working with the DOM, which made it a great learning experience. 🎯 What I learned: How Math.random() works Basics of DOM manipulation How to connect JavaScript with the UI 📌 Simple project, but a big step for me in learning JavaScript. Open to feedback 🙌 #JavaScript #Frontend #WebDevelopment #Learning #Coding
To view or add a comment, sign in
-
🚀 𝐃𝐚𝐲 𝟔/𝟏𝟓 𝐨𝐟 𝐌𝐲 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐒𝐞𝐫𝐢𝐞𝐬 Today I learned about Functions in JavaScript 💡 👉 Functions are reusable blocks of code They help us avoid repeating the same code again and again. 📌 Syntax: function greet() { console.log("Hello!"); } 👉 Calling the function: greet(); // Hello! 📌 Functions with parameters: function greet(name) { console.log("Hello " + name); } greet("Kanishka"); 👉 Functions make code cleaner, reusable, and easy to manage 💻✨ 💬 Question: Have you started using functions in your projects? Let’s learn together 🚀 #JavaScript #WebDevelopment #LearningInPublic #Day6 #FrontendDevelopment
To view or add a comment, sign in
-
-
Day 5 of 100 days. A situation many developers encounter when working with JavaScript, especially at the early stages… You write your code, trigger an action, and expect a response - but nothing happens. No error. No output. Just silence. And it’s not just beginners - this is a common experience across all levels. The challenge: JavaScript not responding 👉 What I always advise: • Ensure your script is properly linked • Confirm the DOM has fully loaded before running your code • Use console.log() to trace and debug your logic Often, the issue isn’t complex - it’s simply hidden. Do you use console.log() when debugging, or do you have another favorite method? Share your approach in the comments! #FrontendDevelopment #100DaysOfSolvingCodingProblems #WebDevelopment #CodingTips #Debugging #JavaScript
To view or add a comment, sign in
-
Day 20 — JavaScript Learning Journey Today I focused on understanding how JavaScript handles tasks behind the scenes: Learned the difference between synchronous vs asynchronous code (why JS shouldn’t block execution) Understood callbacks — passing functions to run later Practiced using setTimeout and setInterval for timing tasks Got familiar with the error-first pattern (err, result) Discovered callback hell and why it makes code messy Explored using named functions & async tools to keep things clean and manageable Step by step, things are starting to make more sense. Consistency is the key. 🔑 #JavaScript #WebDevelopment #CodingJourney #Day20 #LearningInPublic
To view or add a comment, sign in
-
JavaScript becomes a different language the moment you realize this: 👉 Functions are not just reusable blocks… they are values. And once you understand that, concepts like callbacks and higher-order functions stop feeling confusing and start feeling natural. In this video, I’ve broken it down step by step: How values behave in JavaScript How objects behave Why functions behave the same way (and why that matters) From there, everything builds logically: ✔ Passing functions as arguments ✔ Returning functions from functions ✔ What exactly a callback is ✔ What a higher-order function is ✔ How this leads to more flexible and reusable code No jargon. No unnecessary complexity. Just a clear, practical approach to a core JavaScript concept. 🎥 Watch here: https://lnkd.in/gM8ibZ6M This is Part 1 — next, we’ll explore how this shows up in real code with: setTimeout, forEach, map, filter #JavaScript #WebDevelopment #FrontendDevelopment #Programming #Coding #LearnToCode #JavaScriptDeveloper #SoftwareDevelopment #Developers #CodingJourney #TechEducation #Hosiyar #JS
Callback Functions and Higher Order Functions in JavaScript | JS Mastery #12
https://www.youtube.com/
To view or add a comment, sign in
-
🚀 Just built a Password Generator using JavaScript! This project generates strong and secure passwords with customizable length and character options. Great practice for improving my JavaScript, DOM manipulation, and logic building skills. 🔹 Features: • Random strong password generation • Adjustable password length • Clean and simple UI Always learning and building! 💻✨ #JavaScript #WebDevelopment #Coding #FrontendDevelopment #password #passwordgenrater
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development