DEV Community

My First Step into the Logic World: JavaScript Day 1 πŸš€

Moving from the Visual to the Abstract: My First JS Lesson

After spending time with HTML, CSS, and Bootstrap, I finally took the plunge into JavaScript. I’ll be honest: it feels like a completely different world.

The "Invisible" Logic

When you work with CSS or frameworks like Bootstrap, everything is visual. You change a color or a grid class, and boom, you see the result instantly.

JavaScript is different. Today, I focused on Outputs and sending results to the web console. It’s a bit strange at first. You aren't building a layout; you are building the "brain" behind the page.

Strings, Numbers, and Booleans

I spent the day getting my head around the basic data types:

  • Strings: For handling text.
  • Numbers: For calculations and logic.
  • Booleans: The simple "True or False" switch.

Coming from a design-heavy phase, these concepts feel very abstract. It’s like moving from the skin of the website to its nervous system. It's definitely less "concrete" than a Bootstrap container, but I can already see how powerful this logic is going to be.

"The transition from styling to programming is the moment you stop being a builder and start being an architect."

What's Next?

The goal now is to get comfortable with this abstraction. I'm moving from how it looks to how it works. It’s a bit overwhelming, but I’m excited to see where these variables will lead me!

Any tips for a beginner struggling with the "abstraction" of JS compared to HTML/CSS? Let me know in the comments!

Top comments (0)