Your First Step to Become A Web Developer

Welcome! I'm so glad to see you here!

This coding adventure is FREE for anyone who's interested in learning more about Web Development.

Not sure if coding is for you? Perhaps you think you are too old to learn programming? Well, check out this blog post Should I Learn To Code?

What's included: Free articles, videos, interactive exercises, CSS challenges, learning resources, memes & lots of emojis!😁!

You will learn HTML5, CSS3, JavaScript, and how to deploy your website!

Before you head to the curriculum page, please take some time to read through the information on this page & take a look at 'Demo Projects'

Whenever you are ready, let the journey begins! 😎

Ready? Go!

Approach

Application > Theory

Many new developers are often stuck in the so-called 'tutorial hell'. Watching endless videos won't help you grow. To avoid falling into this trap, we will focus on applying the knowledge.

Go Wide then Go Deep

You will learn a lot of stuff, but this is just the beginning. It's up to you to deep dive into a given topic. Want to know what it takes to become a web developer? Check out the Web Developer Career Path

Deliberate Practice

Don't just blindly copy and paste the code. Understand the what & why. Challenge yourself to open a blank editor, and start writing your code without referencing the documents and solution code.

Project-Based Learning

Try your best to build your own projects based on what you've learned. It doesn't need to be perfect! The most effective way to learn programming languages is actual coding!

Demo Projects

Grid Layout Design

Grid layout is everywhere. Let's take your CSS Grid skill to the next level by creating a book / magazine cover layout!

3D Hover Effect & Glassmorphism

CSS is more than just color and changing font size! Let's build something sensational! We will learn about CSS animation and how to create this 3D effect when you hover on the card!

Nintendo Game Boy

Reminiscing the good old days! Remember? this is how we used to play Pokemon. In this project, you will learn how to draw a Game Boy with HTML Canvas!

Sound Effects with Dark / Light Mode

A fun JavaScript project to practice your knowledge about JavaScript keyboard events! I'll also show you a cool way to mimic dark / light mode with pure CSS!