Mastering JavaScript Data Types: Primitives vs Non-Primitives

🗓️ 𝐃𝐚𝐲 𝟐𝟖 – 𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍: Comments & Data Types Today I explored essential JavaScript concepts: 💬 𝗖𝗼𝗺𝗺𝗲𝗻𝘁𝘀 – single-line (//) and multi-line (/* */) for better code readability 🔢 𝗗𝗮𝘁𝗮 𝗧𝘆𝗽𝗲𝘀 – understanding JavaScript’s types: 𝘗𝘳𝘪𝘮𝘪𝘵𝘪𝘷𝘦: Number, String, Boolean, Null, Undefined, Symbol 𝘕𝘰𝘯-𝘗𝘳𝘪𝘮𝘪𝘵𝘪𝘷𝘦/𝘙𝘦𝘧𝘦𝘳𝘦𝘯𝘤𝘦: Array, Object 𝑺𝒑𝒆𝒄𝒊𝒂𝒍 𝒗𝒂𝒍𝒖𝒆𝒔: NaN, Infinity ⚙️ 𝘗𝘳𝘪𝘮𝘪𝘵𝘪𝘷𝘦 𝘷𝘴 𝘙𝘦𝘧𝘦𝘳𝘦𝘯𝘤𝘦 𝘋𝘢𝘵𝘢 𝘛𝘺𝘱𝘦𝘴 – differences in memory storage and behavior ✅ 𝗧𝗮𝘀𝗸 𝗰𝗼𝗺𝗽𝗹𝗲𝘁𝗲𝗱: Check the repo here: https://lnkd.in/gbwFwDQQ Gaining a solid foundation for writing clean, error-free code! 💪 #JavaScript #Cohort2_0 #FrontendDevelopment #LearningJourney #Sheryians Sheryians Coding School Sheryians Coding School Community

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

🧑💻 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

𝗗𝗮𝘆 𝟮𝟲: 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

I'm back with Day 2 of my JavaScript deep dive! 💻 Today's focus is on mastering Data Types and the Type System—the area where many subtle bugs in JS originate. This set of questions is key to understanding how JavaScript really works: Primitive vs. Reference data types (Why does changing one object change another?) Dynamic Typed Language (What this means for type checks) Truthy and Falsy (Essential for conditional logic) Quirks and Type Coercion (The "gotchas" every JS developer must know!) Mastering this ensures you can write predictable and robust code. I'm grateful to Sheryians Coding School, Cohort 2.0, for the guidance through these critical topics! What's the trickiest JavaScript coercion quirk you've run into? Share your experience below! 👇 Connect with me: My GitHub: https://lnkd.in/d7zWUeDG My X: https://lnkd.in/dn3yZDYY My Facebook: https://lnkd.in/dV3uHhZY #JavaScript #CodingFundamentals #DataTypes #TypeSystem #TypeCoercion #SheryiansCodingSchool

Day 30 | Cohort 2.0 Journey Data Types in JavaScript: Understanding the Building Blocks 🧱✨ Today was all about diving deeper into JavaScript fundamentals with Harsh Vandana Sharma from Sheryians Coding School especially data types which define the nature of values we work with in programs. 🔹 Covered Types: Number — Integers & floating values Float — Decimal numbers Boolean — true or false String — Text & characters Null — Intentionally empty Undefined — Value not assigned NaN — Not-a-Number result from invalid math Primitive & Reference Data Types — Important memory behavior differences Understanding these helps reduce silly bugs and write cleaner logic 🎯 Every small concept is a powerful step towards becoming a Full Stack Developer! 🚀 #Day30 #JavaScript #DataTypes #LearningJourney #WebDevelopment #Frontend #Cohort2 #SheryiansCodingSchool

🚀 Learning Update: Stack Implementation in JavaScript Today I practiced building a Stack data structure from scratch using JavaScript! It follows the LIFO (Last In, First Out) principle — just like a stack of books 📚 The last element added is always the first one removed. Here’s a snippet of my implementation 👇 class Stack {  constructor() {   this.items = [];  }  push(value) {   this.items.push(value);  }  pop() {   if (this.items.length === 0) return undefined;   return this.items.pop();  }  peek() {   return this.items[this.items.length - 1];  } } 🧠 What I learned: How push() and pop() work under the hood Why Stack is useful for undo operations, recursion, and function calls Practiced logical thinking and abstraction Next, I’m going to learn Queue — can’t wait to explore FIFO logic! 💻 #JavaScript #DataStructures #Stack #CodingJourney #WebDevelopment

𝗗𝗮𝘆 𝟮𝟳 & 𝟮𝟴: Deep Diving into JavaScript Fundamentals (Variables, Strings, and Data Types) 🧠💻 The past two days in the AI Powered Cohort have been intensely focused on building a solid foundation in JavaScript. We moved beyond the overview and started getting hands-on with the core building blocks of the language, setting the stage for more complex topics. Here’s a summary of the extensive material covered: 𝗩𝗮𝗿𝗶𝗮𝗯𝗹𝗲𝘀 & 𝗦𝗰𝗼𝗽𝗲: We thoroughly studied the differences between the three ways to declare variables: var, let, and const. Understanding their scope and hoisting behavior is crucial for writing reliable JS code. 𝗕𝗮𝘀𝗶𝗰 𝗜/𝗢: We learned how to communicate with the user and the console using console.log() for debugging, prompt() for input, and alert() for notifications. 𝗦𝘁𝗿𝗶𝗻𝗴 𝗠𝗮𝘀𝘁𝗲𝗿𝘆: A significant portion was dedicated to the string data type and its utility methods: 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 𝗟𝗶𝘁𝗲𝗿𝗮𝗹𝘀 (𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 𝗦𝘁𝗿𝗶𝗻𝗴𝘀): The modern, clean way to handle string interpolation using backticks. Methods like slice, split, replace, and includes for manipulating and searching strings. 𝗗𝗮𝘁𝗮 𝗧𝘆𝗽𝗲𝘀 𝗗𝗲𝗺𝘆𝘀𝘁𝗶𝗳𝗶𝗲𝗱: We categorized and explored JavaScript's diverse data types, understanding the difference between Primitive and Non-Primitive also called as Reference types: 𝗣𝗿𝗶𝗺𝗶𝘁𝗶𝘃𝗲𝘀: number (including float), string, boolean, null, undefined. We also briefly covered the special numerical values like NaN (Not a Number) and Infinity, and the unique symbol type. 𝗡𝗼𝗻-𝗣𝗿𝗶𝗺𝗶𝘁𝗶𝘃𝗲𝘀: The foundational concepts of array and object. 𝗦𝘆𝗻𝘁𝗮𝘅 & 𝗦𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗲: We clarified the distinction between a statement performing an action and an expression producing a value, and the essential role of comments for code documentation. The guidance on understanding data type hierarchy and choosing the correct variable declaration const first, then let has been invaluable. Building this strong foundation is key to avoiding bugs down the road! #Day27 #Day28 #CodingJourney #AIpoweredCohort #JavaScript #JSFundamentals #Variables #DataTypes #WebDevelopment #Programming #SheryiansCodingSchool

Day 37 of #100DaysOfCode – Exploring Arrays, Functions & Objects in JavaScript Today’s session was packed with essential JavaScript concepts that strengthen how data is handled, accessed, and manipulated in programs. Key Learnings: Revisited Pure and Impure Functions to understand how side effects impact predictability in code. Deepened understanding of scoping in JavaScript especially global and function scope  and how closures retain access to outer variables. Worked with arrays and explored key methods: push(), pop(), filter(), reverse(), sort(), map(), slice(), join(), toString(), and using the spread operator for copying and merging arrays. Practiced accessing arrays using both for and forEach loops. Introduced to objects in JavaScript understanding key-value pairs, creation, deletion, and nested objects for structured data representation. Takeaway: Mastering arrays, objects, and closures builds a strong foundation for working with real world data structures and functional programming in JavaScript. Grateful to Harsh Vandana Sharma from Sheryians Coding School and Sheryians Coding School Community for the detailed explanation and practical exercises that made these concepts easy to grasp. #100DaysOfCode #JavaScript #WebDevelopment #Frontend #CodingJourney #LogicBuilding #DataStructures

Primitive vs Non-Primitive Data Type in JavaScript I remember when I was learning Javascript, I often got confused between primitive and non-primitive (or reference) types. But as soon as I could visualize how it works in memory — everything fell into place! 💡 Here’s the key idea 👇 🧱 Primitive (as in string, number, boolean, null, undefined, symbol etc) → store plain values into the memory (stack). 🧩 Non-Primitive types (object, array, function) → store addresses (references) to values in memory (heap). So when we copy a primitive value, it becomes a new one. Non-primitive types are different: when we copy them, the two variables still point to the same object! 😯 So knowing this small detail really HELPS a LOT in debugging and Understanding JavaScript behavior better. 💬 Have you ever been surprised by how objects or arrays behave in JS? #JavaScript #WebDevelopment #CodingJourney #FrontendDevelopment #LearnToCode #Programming #DeveloperCommunity #CodingBasics