Tornike Nizharadze’s Post

Why Your #JavaScript Variable Was undefined (And How I Finally Got #Hoisting) Last Tuesday at 3 PM, I found my teammate Sarah staring at her screen, visibly frustrated. "This makes NO sense," she said, pointing at her code: console.log(userName); // undefined var userName = "Sarah"; "Why doesn't it just crash like a normal language?!" I laughed because I remember being exactly there 3 years ago. Hoisting confused the hell out of me too. So I sat with her, drew some diagrams, and explained it in plain English (not the confusing textbook way). The lightbulb moment when she got it? Priceless. That conversation inspired me to create a visual guide that actually makes sense: • Why var is sneaky (and why we avoid it now) • How functions magically work before they're defined • The 3 traps that got me (so you don't waste hours like I did) • What to actually use in 2026 The best part? Once you understand hoisting, you stop fighting JavaScript and start working with it. Slides attached 👇 Have you had that "wait, WHAT?!" moment with hoisting? Share your story - we've all been there! #JavaScript #WebDevelopment #Programming #CodingTips #WebDev #FrontendDevelopment #SoftwareEngineering #DeveloperLife #TechEducation #LearnToCode

⏰ Mini Project #3 – Digital Clock (JavaScript DOM Project) Continuing my journey of learning JavaScript DOM Manipulation, I built a simple Digital Clock that displays the real local time. 💻 What I implemented in this project: 🔹 Used JavaScript Date() object to get the current local time 🔹 Converted it using toLocaleTimeString() 🔹 Updated the UI dynamically using DOM manipulation 🔹 Used setInterval() to update the clock every second 🔹 Learned how JavaScript can continuously update webpage content without refreshing Even though it’s a small project, it helped me understand how JavaScript interacts with the DOM in real time. ⚡ Next step: Building more mini projects to strengthen my JavaScript fundamentals and DOM skills. 💡 “Small projects today build strong developers tomorrow.” #JavaScript #WebDevelopment #DOMManipulation #FrontendDevelopment #CodingJourney #LearnInPublic #BuildInPublic #TechStudent #DeveloperJourney #100DaysOfCode #Programming

Leveling up my JavaScript one mistake at a time 🚀 I’ve been revisiting some of the most common JS errors we all make as beginners (and sometimes even later 😅). Here are 5 things I’m focusing on from this visual: 1️⃣ Using == instead of === – strict comparison saves you from weird bugs. 2️⃣ Mixing up var, let and const – block scope with let/const keeps your code safer. 3️⃣ Comparing arrays/objects directly – remember they’re compared by reference, not by value. 4️⃣ Misunderstanding this – arrow functions and bind help keep the right context. 5️⃣ Callback hell – using Promises and async/await makes async code much cleaner. If you’re learning JavaScript, mastering these basics will make your code more readable, predictable and easier to debug 💡 Which one tripped you up the most when you started? Let me know in the comments 👇 #javascript #webdevelopment #frontend #reactjs #programming #coding #learninpublic #developers #jsbeginners #100daysofcode 💻✨

Day 7 of 30 Challenge: Real-Time Color Picker 🚀 Today, I built a lightweight, interactive color previewer using Vanilla JavaScript! By leveraging the input event listener, the application instantly updates the UI to reflect the color name or hex code entered by the user. It’s a simple yet effective exercise in: Event Handling: Responding to user input in real-time. Dynamic CSS: Manipulating element styles via JS. User Experience: Providing immediate visual feedback. Sometimes the most effective way to sharpen your coding skills is by building small, focused utilities. Check out the snippet below! 👇 #WebDevelopment #JavaScript #Coding #Frontend #Programming #WebDesign #ProjectShare

You don’t need 100 JavaScript concepts. You need these 14. Seriously. Most beginners jump from tutorial to tutorial… but still struggle with real problems. The reason? They ignore the basics that actually matter. These 14 Array Methods alone can level up your JavaScript: • push() / pop() • shift() / unshift() • slice() / splice() • map() / filter() / reduce() • forEach() • find() / findIndex() • includes() / sort() Once you understand these properly: → Your logic improves → Your code becomes cleaner → Interviews feel easier No fancy tricks. Just strong fundamentals. I use these almost every day while building projects. And honestly… This is where real confidence comes from. 📌 Save this — you’ll thank yourself later 📌 Share with a developer who needs this Want simple explanations + examples for each? Comment “ARRAY” — I’ll send you everything I use. #javascript #frontenddeveloper #webdevelopment #mernstack #reactjs #coding #programming #learnincode

🚨 JavaScript Mistakes I Made (While Building My First Game 🦖) When I started learning JavaScript, I thought watching tutorials was enough. It wasn’t. I recently built a small Dino Dragon game using HTML, CSS & JavaScript (haven’t shared it here yet 👀), and that project exposed all my weak spots. 1️⃣ Using var Without Understanding Scope My variables were acting like they had their own personality. 👉 Lesson: let and const exist for a reason. 2️⃣ Focusing on Design More Than Logic I wanted the game to look cool first. But when collision detection didn’t work properly… reality check 🥲 👉 Lesson: Strong logic > Fancy UI. 3️⃣Ignoring Asynchronous Concepts When I started working with APIs later, I was confused about: fetch async/await Promises It felt scary at first. 4️⃣ Using == Instead of === Small mistake. Big debugging time. 👉 Lesson: Use strict equality. Save your future self. 5️⃣ Copy-Pasting Code It works… until it doesn’t. 👉 If you can’t explain your code, you don’t own it. 💡 Biggest Realization Projects expose your real understanding. Tutorials give confidence. Building gives clarity. Still learning. Still building. 🚀 Game reveal soon? 👀 #JavaScript #WebDevelopment #LearningInPublic #FrontendDeveloper #BuildInPublic

🚀 JavaScript Fundamentals: Beyond the Basics Ever shipped a bug that was just == vs ===? Or "copied" an object... only to watch the original mutate anyway? These aren't beginner mistakes — they're traps that catch experienced devs too. Mastering JS core mechanics isn't about interviews. It's about writing predictable, production-ready code. Here are the 4 pillars worth revisiting: 🔵 Null vs. Undefined null = intentional absence. You put it there. undefined = JS saying "nothing was ever assigned here." Same result. Very different meaning. ⚖️ == vs. === == tries to be helpful by converting types first. === doesn't. It checks value and type — no surprises. Default to ===. Always. 🔄 Type Coercion JS will silently convert types behind the scenes. The + operator is the sneakiest of all — it both adds and concatenates depending on context. Know the rules before they bite you. 📦 Deep vs. Shallow Copy { ...spread } only copies the top level. Nested objects? Still pointing to the same reference. structuredClone() is your modern, built-in answer to true deep copying. These four concepts will save you hours of debugging and make your logic significantly more robust. Which one tripped you up the most when you were learning? Drop it below 👇 #JavaScript #WebDevelopment #Frontend #CodingTips #SoftwareEngineering #Programming #InterviewPrep

While revisiting JavaScript fundamentals, I had a small but interesting realization. When we do something like: "hello world".toUpperCase() we are calling a method on a primitive value. But primitives don’t actually have methods. Behind the scenes, JavaScript temporarily boxes the primitive into its object wrapper (like String) so the method can run, and then discards it. Small detail, but it explains why methods like toUpperCase() work on strings without us ever creating new String(). Sometimes revisiting the basics reveals the most elegant parts of JavaScript. #JavaScript #WebDevelopment #Programming #JSFundamentals

🚀 Revising JavaScript by Building 5 Mini Projects Instead of just re-reading theory, I decided to revise JavaScript the practical way — by building small apps from scratch. Each mini project helped reinforce core concepts and turn knowledge into real experience. Here’s what I built 👇 🔀 1. Clone List (DOM Manipulation) An interactive app where clicking an item clones it and moves it to another list — and it can also move back. Built using cloneNode(), event delegation, and appendChild(). 🎲 2. Random Array Generator Enter a min and max value to instantly generate a random 10-element array. Includes input validation and uses Math.random() and Math.floor(). ⏱️ 3. Stopwatch A clean stopwatch with Start / Stop / Reset controls. Built with setInterval, time formatting (HH:MM:SS), and padStart() to ensure consistent display. ✅ 4. To-Do List App A simple but powerful task manager with: • Add, Edit, and Delete tasks • Mark tasks complete with strikethrough • Duplicate detection with toast notifications • LocalStorage persistence so tasks survive page refresh 🌍 5. Country Neighbor Finder (Fetch API) Search for any country and fetch live data from a REST API including: • Flag, region, population, language, and currency • Neighboring country loaded using chained .then() promises • Graceful handling for countries with no borders 💡 Concepts practiced: DOM Manipulation · Event Delegation · setInterval / clearInterval · LocalStorage · Fetch API · Promises & .then() · Array methods · cloneNode() · Math.random() Every mini project is a reminder that the best way to learn programming is by building things — even small ones. If you're learning JavaScript, try building tiny projects like these. They make a huge difference. 💪 #JavaScript #Frontend #WebDevelopment #Programming #Coding #Developers #LearningInPublic #100DaysOfCode #MiniProjects #DOM #FetchAPI #Promises #LocalStorage #ITI #ITICoders

🚀 JavaScript Objects & Destructuring — A Practical Guide Objects are the foundation of JavaScript. Almost everything in modern JavaScript — APIs, state management, configurations — revolves around objects. To make learning easier, I created a page that clearly explains Objects and Destructuring with simple examples. Topics included: • Creating objects • Dot vs bracket notation • Computed property names • Object destructuring • Default values & renaming • Nested destructuring • Rest & Spread operators • Object.keys / values / entries • Object.assign • Object.freeze & Object.seal • Property descriptors This is especially useful for JavaScript and React developers, since features like destructuring, spread, and computed keys are used every day. 📖 Explore the page here: https://lnkd.in/g95tprbi If you’re learning modern JavaScript, this will help you understand objects much more clearly. #JavaScript #FrontendDevelopment #ReactJS #WebDevelopment #Programming #LearnJavaScript