DEV Community

Cover image for #javascript #webdev #beginners #codenewbie
Ali Hamza
Ali Hamza

Posted on

#javascript #webdev #beginners #codenewbie

Hello Dev Community! 👋

It is officially Day 8 of my journey to master the MERN stack! After spending the first week structuring with HTML and styling with CSS, today I finally started learning the core language of web logic: JavaScript.

Moving from static designs to actual programming logic feels like unlocking a whole new level of web development.


🧠 Key Learnings From Day 8

Today was all about setting up the foundation in JavaScript and understanding how code runs in the browser. Here is what I covered:

1. The Browser Console & Execution

I learned that every browser has a built-in environment to run JavaScript. Writing my very first console.log("Hello World"); and seeing it print in the developer tools console was the perfect start.

2. Variables: Storing Data Safely

I learned how to store information using variables and the crucial differences between modern variable declarations:

  • let: For values that can change later in the program (mutable).
  • const: For values that must remain constant and cannot be reassigned (immutable).
  • Note: I also read about var, but learned why modern JavaScript avoids it due to scoping issues.

3. Data Types Fundamentals

Data needs a type so the computer knows how to handle it. Today I practiced with:

  • Strings: Plain text enclosed in quotes (e.g., "MERN Stack").
  • Numbers: Integers and decimals without quotes (e.g., 2026).
  • Booleans: Simple true or false states (e.g., isLearning = true).

🛠️ What I Actually Code / Experimented With

Since I am just starting with core logic, I didn't write code directly into my HTML webpage layout today. Instead, I created a script.js file, linked it to my project, and built a basic script in the console that:

  • Stores a user's name and learning status in variables.
  • Dynamically calculates values (like years left until a milestone).
  • Outputs formatted statements into the browser console.

It is simple, but understanding how data moves in the background is incredibly exciting.


🎯 My Goal for Tomorrow (Day 9)

Tomorrow, I will make my JavaScript code make decisions:

  • Learning Conditional Statements (if, else if, else).
  • Understanding basic comparison operators to control the flow of execution.

💬 Let's Connect!

To the senior engineers: What is the number one bad habit beginners fall into when learning JavaScript variables? To fellow learners: Did you start with let and const directly, or did you accidentally use var first?

My first JavaScript file has been committed and pushed to GitHub!
[Links in the Comments]

The real programming begins now. Keep building! 🚀

Top comments (0)