Be able to code few projects on your own using the best tools and without using AI. Everything you need to know will be listed in this article, you just have to… google it!

In order to write your code, you will need an editor which can collect, interpret and display it in the right format. All of this is done using Visual Studio Code.

Download it here: https://code.visualstudio.com

There are unspoken rules for files’ names: your main html should be called “index“, and your main stylesheet should be called “styles“. Don’t forget the “.html“ and “.css“ extensions! This is how Visual Studio Code knows which programming language you are using in each file.

HTML tags: doctype, html, head, body, img, h1, p

CSS properties: color, border-radius, font-weight, padding, margin

Instructions: your business card should contain your first name, last name, phone number, mail address, and… a photo of you!

HTML tags: doctype, html, head, body, img, h1, h2, p, a

CSS properties: background-color, color, font-size, text-align, margin, padding, text-decoration

Instructions: let’s take things a step further. Create a portfolio page with:

Bonus: make your links change appearance when the user hovers over them.

HTML tags: doctype, html, head, body, div

CSS properties: background-color, width, height, display, margin, border-radius

Instructions: this exercise is very interesting to understand how layout works. Create several pink blocks and arrange them exactly like the mockup. You will have to play with display and sizing properties to understand how elements are positioned on a page.

HTML tags: doctype, html, head, body, h1, form, label, input, button

CSS properties: padding, margin, border, border-radius, font-size, background-color

Instructions: create your first form with text inputs and a button!
Your quiz should ask:

Add a submit button with a custom style.

Hi, I'm Joanne 👋

I'm a 21-year-old computer science student who genuinely wish to learn new things about tech every single day. Whether it's coding, AI, startups, cybersecurity, productivity tools, or the latest trends shaping the industry, I'm always curious about what's next.

If you're new here, you can also find me on social media:

💌 Instagram: I share tech news, industry updates, career tips, and easy-to-digest insights to help you stay in the loop without spending hours scrolling.

🎥 TikTok: you'll find tutorials, guides, and beginner-friendly explanations to help you actually build things and learn by doing.

And a small warning: the best resources, project ideas, and opportunities won't always make it to my social platforms. Some of them will be shared exclusively with newsletter readers first 👀

So if you're interested in tech, want to keep learning, and don't want to miss what's coming next, you're exactly where you need to be.

See you next week ✨

What step should I cover next?