Building Tic Tac Toe with JavaScript

Every function you call in JavaScript gets pushed onto a structure called the call stack. That's how JS knows where to go back. Whatever sits on top of the stack is where execution is right now. When the function returns, it gets popped off - and the item below it is back on top, telling JS exactly where to return to. Without this, calling a function from the middle of another function would leave JS completely lost. There would be no "go back to where you were." One side effect: the call stack has limited space. If a function calls itself infinitely with no stopping condition, you get a stack overflow. The name makes perfect sense once you know what it actually is. Next: JS borrows the browser's timer and network - but the browser doesn't hand results back through the call stack. How does it communicate? #JavaScript #WebDevelopment #Programming #SoftwareEngineering

🚀 Day 45 of My Full Stack Development Journey Today I went deeper into JavaScript DOM & Events and built a fun mini project 🎮 Here’s what I explored: 🔹 Event Bubbling – Understanding how events propagate 🔹 Event Delegation – Writing efficient event handling 🔹 Built a Todo App using DOM 📝 🔹 Learned the concept behind the Simon Says Game 💡 Mini Project: Created a fully functional Simon Says Game 🎯 Features I implemented: 🔹 Game start & level system 🔹 Flashing buttons & sequence generation 🔹 User input handling & sequence matching 🔹 Score display & game reset This project helped me connect multiple concepts like events, DOM manipulation, and logic building into one real application. 💡 Key takeaway: Understanding event flow + delegation makes JavaScript much more powerful and efficient. Step by step, building real-world projects 🚀 #FullStackJourney #WebDevelopment #JavaScript #DOM #EventHandling #LearningInPublic #100DaysOfCode

Ever wondered how JavaScript handles all those asynchronous tasks without freezing up? 🤔 It's all thanks to the magical event loop! This clever mechanism keeps things running smoothly behind the scenes. Think of it like a tireless waiter at a busy restaurant, constantly checking on your requests. ☕️ The call stack handles immediate tasks, while the callback queue waits for those async operations to finish. Then, the event loop zips them back into the call stack for processing! It's a beautiful dance that keeps your web pages interactive. 🕺💃 #JavaScript #EventLoop #WebDevelopment #Coding

🚀 𝐃𝐚𝐲 𝟏𝟏/𝟏𝟓 𝐨𝐟 𝐌𝐲 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐒𝐞𝐫𝐢𝐞𝐬 Today I learned about Events in JavaScript ⚡ 👉 Events are actions that happen in the browser (like click, hover, key press, etc.) 📌 Example: let btn = document.getElementById("btn"); btn.addEventListener("click", function() { console.log("Button clicked!"); }); 👉 Common Events: click → when user clicks mouseover → when mouse moves over element keydown → when key is pressed 👉 Events make websites interactive and dynamic 💻✨ 💬 Question: Which event have you used — click or keyboard events? Let’s learn together 🚀 #JavaScript #WebDevelopment #LearningInPublic #Day11 #FrontendDevelopment

Hey network! 👋 I’ve been diving into learning JavaScript recently and wanted to share my latest practice project: a classic Simon Says Game! 🎮 Building this was a fantastic way to get hands-on experience with Vanilla JS, specifically focusing on DOM manipulation, event handling, and sequence logic. It was a fun challenge keeping track of the memory arrays and user inputs! 💻 Check out the code here: https://lnkd.in/gwGmr_37 🔗 Let's connect: https://lnkd.in/gtzKeBxq Thoughts and feedback are always welcome! #JavaScript #WebDevelopment #Frontend #CodingJourney #LearningToCode #Projects

Recently, taught Redux, a powerful JavaScript library used for global state management in modern applications. 💡 Key Concepts Covered: 1. Understanding what Redux is and why it is used 2. Core building blocks: Reducer, Action, and Initial State 3. How reducers process actions and update the state 4. How the store maintains and manages the global state 5. How the UI interacts using useSelector and useDispatch 🧠 Deep Dive Learnings: 1. Explained in detail what a reducer function is and how it works internally Introduced Redux Toolkit (@reduxjs/toolkit), where creating and configuring a slice automatically generates reducer logic 2. Understood how react-redux bindings provide hooks like useDispatch to dispatch actions and useSelector to access state Below is the diagram from the session conducted #Redux #ReactJS #JavaScript #StateManagement #WebDevelopment #Learning #CodingJourney #TechEducation

setTimeout does nothing inside the JavaScript engine. It's a label. A facade. When you call it, JS hands the work off to a browser feature - the actual timer lives outside JavaScript entirely. The browser runs it independently while JS continues on to the next line. All the features we think of as "JavaScript" - timers, network requests, DOM interactions - are actually browser APIs. JS just has labels that trigger them. This is how JS avoids blocking. It doesn't wait. It delegates. The result comes back later, through a controlled channel called the callback queue. Next: the event loop - the single mechanism that controls when deferred code is allowed back into JavaScript. #JavaScript #WebDevelopment #Programming #SoftwareEngineering

Day 7 of My JavaScript Journey 🚀 Today, I learned about the switch statement and the difference between statements and expressions in JavaScript. The switch statement is used as an alternative to multiple if/else conditions, especially when dealing with specific values. Example: switch(day) { case "Monday": console.log("Start of the week"); break; default: console.log("Another day"); } I also learned the difference between statements and expressions: • An expression produces a value Example: 5 + 3 • A statement performs an action Example: if (condition) { ... } One key insight: Understanding this difference helps in writing cleaner and more predictable code. Key takeaway: switch is used for cleaner condition handling and understand when you're producing a value vs performing an action. #JavaScript #WebDevelopment #LearningInPublic #100DaysOfCode

Siz VS Code-da hansı extensionları nə üçün istifadə edirsiniz? Code Runner .run JavaScript (ES6) code snippets Prettier - Code formatter Material İcon Theme npm npm intellisense npm run playüright Test for VS Code Playwright Snippets Playwright Test Snippets Cucumber Gherkin Better Comments Tabnine Copilot

Unpopular opinion: try/catch in JavaScript is massively overused. Not every failure is an “exception”. try { const user = await getUser() } catch (e) { // handle everything } Looks safe. But now you have: No idea what actually failed Mixed network, parsing, and logic errors One catch block trying to do everything Compare that to explicit handling: const result = await getUser() if (!result.ok) { // handle expected failure } Now errors are modeled, not guessed. The problem is: We use exceptions for control flow… and then wonder why debugging feels chaotic.