Learning JavaScript: Variables, Data Types, and Type Checking

🚀 Day 1 of My JavaScript Learning Journey! What is a JavaScript Engine? A JavaScript engine is a program that compiles JavaScript code and executes it. It is a software that runs inside a web browser or on a server that interprets JavaScript code and executes it. The engine is responsible for parsing the JavaScript code, compiling it into machine code, and executing it. JavaScript engines are used in web browsers to execute JavaScript code embedded in HTML pages. The most popular JavaScript engines are V8, SpiderMonkey, JavaScriptCore, and Chakra. Each engine has its own set of features and optimizations that make it suitable for specific use cases. 🧩 How a JavaScript Engine Works? ➡️ Parsing: The code is broken into tokens and converted into an Abstract Syntax Tree (AST). ➡️ Compilation: The AST is transformed into optimized machine code using the compiler. ➡️ Execution: The interpreter executes the code, managing variables, memory, and functions in real-time. 🧠 Core Components: ✅ Parser → breaks code into structure ✅ Compiler → converts AST into machine code ✅ Interpreter → executes instructions line by line ✅ Garbage Collector → manages memory efficiently ✅ JIT Compiler → boosts performance by optimizing frequently used code at runtime. 💡 What makes V8 special? 🔹 Developed by Google for Chrome and Node.js 🔹 Converts JavaScript directly into machine code for faster execution 🔹 Uses Just-In-Time (JIT) compilation to optimize performance dynamically 🔹 Written in C++ and continually improved for speed and efficiency V8 isn’t just running in browsers — it’s the reason Node.js can execute JavaScript outside the browser, powering countless backend systems today. 💡 It’s amazing how the JavaScript Engine — especially powerful ones like V8 — can transform simple scripts into lightning-fast performance! ⚡ Excited to keep exploring how things work under the hood! 🔥 ✨ A big thanks to my mentor Sudheer Velpula for guiding me through this learning journey — your support and insights keep me motivated every day! 🙌 #JavaScript #LearningJourney #WebDevelopment #V8Engine #Programming #Tech #Frontend #LearningInPublic #NodeJS

🌟 Learning JavaScript — Step by Step! Today, I practiced some of the most useful JavaScript methods — and it was a really fun and insightful experience! 🚀 Instead of just reading theory, I decided to create a simple interactive page that shows how Math, Number, and String methods work in real-time. This small practice helped me understand how these methods behave and how JavaScript interacts with the browser dynamically. 🧮 Math Methods Practiced Math.abs() → returns the absolute value Math.ceil() & Math.floor() → round numbers up or down Math.round() → normal rounding Math.sqrt() & Math.pow() → square root & powers Math.random() → generating random values 🔢 Number Methods Explored toFixed() → limit decimals parseInt() & parseFloat() → convert strings to numbers isNaN() → check for invalid numbers Number() → type conversion 🔤 String Methods Tried split() → break strings into arrays startsWith() / endsWith() → check string positions toUpperCase() / toLowerCase() → text transformations replaceAll() → replace text dynamically concat() & repeat() → combine and duplicate strings ✨ What I Learned: How JavaScript methods make data manipulation simple and powerful ⚙️ How to format and display data dynamically using DOM functions How to build a live digital clock with 12-hour format (AM/PM) ⏰ How to style my interface beautifully using CSS gradients and transitions 🎨 This isn’t a big project — but it’s a meaningful step in my learning journey. Every small practice builds confidence and helps me write cleaner, better code. 💪 Live Demo: https://lnkd.in/gvu5pPJz Source Code: https://lnkd.in/g6AjcaRM 💡 Technologies Used: 🔸 HTML5 🔸 CSS3 🔸 JavaScript 10000 Coders #javascript #html #programming #coding #css #java #python #programmer #developer #webdevelopment #webdeveloper #coder #code #php #webdesign #codinglife #softwaredeveloper #computerscience #software #reactjs #technology #frontend #development #tech #linux #frontenddeveloper #javascriptdeveloper #programmers #softwareengineer #web

🚀 Learning in Public – Post #6 This week, I explored another fundamental concept in JavaScript — Numbers 🔢 In JavaScript, numbers are simple but incredibly powerful. Unlike some languages that separate integers and floats, JavaScript has only one type of number — it’s always stored as a 64-bit floating-point value (double precision). ⚙️ Key Points About JavaScript Numbers 🔹 Single Number Type All numbers in JavaScript are of type Number, whether they’re: let x = 3.14; // floating-point let y = 3; // integer 🔹 No Integer Data Type JavaScript doesn’t have a separate integer type — everything is treated as a floating-point number internally. 🔹 Precision JavaScript can safely store: Integers up to 15 digits Decimals up to 17 digits of precision But because of floating-point arithmetic: 0.2 + 0.1; // 0.30000000000000004 😅 You can fix this by scaling: let x = (0.2 * 10 + 0.1 * 10) / 10; // 0.3 ✅ 🔹 Large or Small Numbers Numbers that are too large or too small are converted to: Infinity -Infinity Example: let x = 1 / 0; // Infinity let y = -1 / 0; // -Infinity 🔹 NaN (Not a Number) NaN represents an invalid number result. let x = 100 / "Apple"; // NaN You can check it using: isNaN(x); // true 🔹 Numeric Strings If a numeric string is used in an arithmetic operation, JavaScript tries to convert it automatically: "100" / "10"; // 10 ✅ "100" + "10"; // 10010 ❌ (concatenation) ✨ Key takeaway: JavaScript treats all numbers as floating-point values, which keeps things simple — but it also means you should be careful with precision and conversions when working with calculations. That’s all for this week ✅ Stay tuned for Post #7, where I’ll continue my journey into JavaScript fundamentals. #JavaScript #WebDevelopment #LearningInPublic #CodingJourney #DSA

🚀 #Day46 at 10000 Coders JavaScript Conditional Statements! Hey LinkedIn fam! 👋 Another productive day in my web development journey at 10000 Coders, and today I explored one of the most important building blocks in programming Conditional Statements in JavaScript 🧠 What I Learned Today Conditional statements help programs make decisions and control the flow based on conditions. 🔹 Key Concepts Covered ✔ if :- executes code when condition is true ✔ else:- runs when the if-condition fails ✔ else if:- checks multiple conditions ✔ switch :-cleaner option for multiple choices ✔ Ternary operator :- shorthand for quick conditions 💡 Takeaways 📌 Conditions help add logic & intelligence to programs 📌 Ternary operators make code short & readable 📌 switch cases are great for menu or option-based logic These concepts are the foundation for writing dynamic and interactive web apps 💻✨ 🙏 Gratitude Big thanks to the 10000 Coders team & mentors for guiding me every step 💪 Special mentions: 📌Harish M 📌Spandana Chowdary 📌Bhagavathula Srividya 📌Ganesh Jaddu 📌#Meghana 🔗 My Learning Repos ▶ Python: https://lnkd.in/ehYGgYXB ▶ HTML & CSS: https://lnkd.in/d6rjQK6b ▶ JavaScript: https://lnkd.in/emMiMugS ▶ SQL: https://lnkd.in/eEkUU2-i #Day46 #JavaScript #ConditionalStatements #ifelse #switchcase #TernaryOperator #WebDevelopment #FrontEndDeveloper #MERNStack #CodingJourney #10000Coders #LearnToCode #DeveloperMindset #PracticeMakesPerfect

JavaScript Learning – Today's Topic : Understanding Closures Have you ever seen a function “remember” variables even after its parent function has finished running? 🤔 That’s not magic — it’s called a Closure ✨ 🔍 What is a Closure? A closure is formed when an inner function “remembers” the variables of its outer function, even after that outer function has completed execution. In short: Functions remember the environment they were created in. Example 1: Simple Closure Javascript function outer() { let name = "Venkatesh"; function inner() { console.log("Hello, " + name); } return inner; } const greet = outer(); greet(); // Output: Hello, Venkatesh Explanation: • The outer() function returns inner(). • Even though outer() is done executing, the inner function still remembers the name — that’s closure! Example 2: Private Variables (Real-life Use) Javascript function counter() { let count = 0; return { increment: function() { count++; console.log(count); }, decrement: function() { count--; console.log(count); } }; } const myCounter = counter(); myCounter.increment(); // 1 myCounter.increment(); // 2 myCounter.decrement(); // 1 ✅ Here, count is private — you can’t access it directly from outside! Closures help in data hiding and encapsulation (like private variables in OOP). 🧠 Why Closures Are Useful ✅ Maintain state between function calls ✅ Implement data privacy ✅ Used in callbacks and event listeners ✅ Help create factory functions and module patterns In Simple Words A closure is like a backpack 🎒 — when a function travels, it carries the variables it needs from its home environment. #JavaScript #Closures #WebDevelopment #Coding #FrontendDevelopment #LearnToCode #JSConcepts #WebDev #Programming #Developer #CodeNewbie #100DaysOfCode #SoftwareEngineering #JavaScriptTips #CodeWithVenkatesh #WebTech #AsyncJS #TechLearning #InterviewPrep

𝗗𝗮𝘆 𝟮𝟲: The Adventure Begins — Introduction to JavaScript! 🌟💻 The moment we’ve been waiting for has arrived! Day 26 of the AI Powered Cohort marked the official start of our JavaScript module. Today was all about getting a solid introduction and overview of this fundamental programming language: 𝗪𝗵𝗮𝘁 𝗶𝘀 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁? We learned that it's a high-level, interpreted scripting language primarily used to create interactive and dynamic content on websites. It’s the "behavior" layer of the web! 𝗖𝗼𝗿𝗲 𝗙𝘂𝗻𝗱𝗮𝗺𝗲𝗻𝘁𝗮𝗹𝘀: We started with the absolute basics, covering how to execute simple JS code in the browser console and understanding the role of the JS engine. 𝗕𝗮𝘀𝗶𝗰 𝗦𝘆𝗻𝘁𝗮𝘅 𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄: Got a quick look at variables, data types, and simple operations—the building blocks of any JS program. The transition from the declarative languages (HTML/CSS) to a procedural language like JavaScript is challenging but thrilling. This foundational session was crucial for setting the right perspective for the complex topics ahead. Excited for the practical coding to come! #Day26 #CodingJourney #AIpoweredCohort #JavaScriptIntroduction #ProgrammingBasics #WebDevelopment #Frontend #SheryiansCodingSchool #TechEducation

🧑💻 Day 28 | JavaScript Data Types – Phase 2 (Cohort 2.0) Today’s deep dive into JavaScript was all about Data Types — the building blocks of every program! 💡 🔍 What I Learned: 🧩 Primitive types: string, number, boolean, null, undefined, symbol, bigint 🧠 Reference types: arrays, objects, functions 🔢 Special values: NaN, Infinity and their unique behavior 💭 Type coercion & dynamic typing in JS 💡 Key Takeaways: ✅ Clear difference between primitive & reference data types ✅ typeof null → “object” (the classic JS bug) ✅ NaN is actually a number 🤯 🎯 Mentor’s Advice: 💼 Customize your portfolio & resume for each company’s tech stack 💪 Master your fundamentals before diving into frameworks 🚀 Don’t fear rejection — focus on learning & progress 👨🎓 Student at: Sheryians Coding School 👨🏫 Mentor: Harsh Vandana Sharma ✨ #Cohort2_0 #JavaScript #Frontend #WebDevelopment #DailyLearning #DSA #CodingJourney #LearningNeverStops #Consistency #CareerAdvice #SheryiansCodingSchool #GenAI Sheryians Coding School Community Sheryians AI School Sheryians Design School

Day 27 of #100DaysOfCode – Understanding JavaScript Data Types Today’s session focused on one of the most important JavaScript fundamentals data types and how they define the nature of values we work with in code. Key Learnings: Explored different data types: float, number, char, string, boolean, null, NaN, undefined, infinity, array, object, and symbols. Understood the difference between primitive and reference (non-primitive) data types. Learned which data types fall under each category and how they behave in memory. Also went through the concept of comments and their role in writing cleaner, readable code. Takeaway: Knowing how data types work is crucial — it helps prevent bugs, optimize memory usage, and write predictable, efficient JavaScript code. Appreciation to Harsh Vandana Sharma from Sheryians Coding School and Sheryians Coding School Community for delivering today’s topic with such clarity and depth. #100DaysOfCode #JavaScript #WebDevelopment #CodingJourney #Frontend #Learning

🎯#90DaysOfCode Challenge | Day 7/90 For today, I'm sharing a practical tool that emphasizes core JavaScript logic: a Password Generator built with HTML+CSS and JavaScript. I'm actively learning through the invaluable resources provided by Rohit Negi and the CoderArmy community. Mastering these fundamentals feels like building the essential launchpad for my MERN Stack aspirations. In an era where online security is paramount, generating strong, unique passwords is a necessity. This project allowed me to dive into the mechanics of random generation and user-driven customization. Here's a deeper look at what I learned and implemented: 💡 Implementing Random Generation Logic: The core of this project was crafting the JavaScript function responsible for generating random passwords. This involved: * Defining character sets (uppercase, lowercase, numbers, symbols). * Using Math.random() effectively to select characters randomly from the chosen sets. * Ensuring the generated password adheres to the specified length and includes the character types selected by the user. ⚙️ Managing Character Sets & String Manipulation: Based on user input from checkboxes, I practiced dynamically building the pool of available characters. This required careful string concatenation and logic to ensure variety and security in the generated password. ✨ Building an Interactive & Responsive UI: I focused on creating an intuitive interface with: * A slider (<input type="range">) for easily selecting password length. * Checkboxes for toggling character types. * Real-time updates to the generated password and length display using event listeners and DOM manipulation. 🔐 Visual Feedback with a Strength Indicator: To provide immediate feedback on password quality, I implemented a simple strength meter that visually changes based on the password's length and complexity (number of character types used). ➖While building these foundational projects with JS, I'm constantly reinforcing the core programming principles that are vital for tackling more complex frameworks like React and backend logic with Node.js – concepts. Live Demo: https://lnkd.in/gxvh8B_M #90DaysOfCode #JourneyToFullStack #WebDevelopment #Frontend #JavaScript #Security #PasswordGenerator #VanillaJS #DOMManipulation #MERNStack #RohitNegi #CoderArmy #CodingChallenge #Day7 #LearnToCode

Today’s JavaScript Learning Recap! I spent the day diving deep into some of the most powerful core concepts of JavaScript — and built multiple small examples to really understand how they work behind the scenes. Here’s what I explored and practiced today 1. Prototypes Learned that JavaScript is a prototype-based language. Every object has a hidden link to another object — its prototype — which it uses to inherit properties and methods. Used __proto__ manually to link objects and share functionality. 2. Classes Understood that a class is basically a blueprint to create multiple similar objects. Practiced creating methods like run(), jump(), and setBrand() inside a class. Learned that constructors help initialize object properties automatically when the object is created. 3. Inheritance & super() Built examples of dog extending elephant and carModel extending car. Understood how child classes can use parent properties and methods without rewriting code. Used the super() keyword to call parent constructors and methods from child classes. 4. Error Handling Practiced try...catch blocks to prevent code from breaking when an undefined variable is used. Understood how to gracefully handle unexpected runtime errors in JavaScript. Key takeaway: JavaScript’s power lies in its ability to build reusable, connected, and fault-tolerant code through objects, prototypes, and inheritance. Skills Practiced: JavaScript OOP | Prototypes | Classes & Constructors | Inheritance | Error Handling | super() #javascript #webdevelopment #oop #programming #developer #frontend #learningjourney #codingdaily #softwaredevelopment #html #css #javascriptdeveloper #learningbydoing #codepractice #inheritance #prototype #errorhandling #codingcommunity