Solidifying Web 2 Fundamentals

Solidifying Web 2 Fundamentals

posted 1 min read

It all starts with choose an IDE. If you're new to this space, then an IDE means Integrated Development Environment.

For simpler understanding, it is the ideal environment for coding or writing codes. And for this journey, I'll be using VS Code (personal preference).

After installing VS Code, I set it up using the following extensions;

✅ Auto close tag
✅ Auto rename tag
✅ Code snap
✅ Color Highlight
✅ Image Preview
✅ Live server
✅ IntelliSense for CSS class
✅ Path IntelliSense
✅ Prettier - Code formatter
✅ Pug beautify

And because I love how it looks, I'm using the bearded theme vivid black.

After setting up my coding environment, I mastered the HTML boiler plate.
Vs code prints out the boiler plate automatically once '!' and the 'enter' key is pressed. But to build muscle memory, it's important to master it from scratch.

As a mark up language, HTML is pretty easy to understand and flow with. From the heading tags, to the paragraphs, footer and the likes. We would be using these tags while we build projects.

I'm glad to announce that I'm properly setup to style styling web pages using CSS.

1 Comment

2 votes

More Posts

Everyone says DeepSeek is cheaper, but I got tired of guessing the exact math. So I built a calculat

abarth23 - Apr 27

Less is more: presenting my updated web development portfolio

Ingo Steinke - Dec 3, 2024

Branding via Code: The Amber Terminal Email

Pocket Portfolioverified - Apr 29

Mastering CSS Container Queries for Adaptive Layouts

Theo Soti - Nov 18, 2025

Space vs. Gap — Tailwind CSS Explained

goldenekpendu - Oct 4, 2025
chevron_left

Related Jobs

View all jobs →

Commenters (This Week)

1 comment
1 comment
1 comment

Contribute meaningful comments to climb the leaderboard and earn badges!