Every week I get messages from friends asking the same question. They want to learn web development but have no idea where to start.
The internet is full of advice. Some say start with Python. Others say jump straight to React. A few will tell you to pay hundreds of dollars for a bootcamp.
Here is the truth. You do not need any of that.
I taught myself to code using nothing but a browser and free resources. This is the exact path I would take if I were starting from zero today.
Step 1: Understand What Web Development Actually Means
Before writing a single line of code, understand the big picture.
Every website you visit is built with three core technologies.
HTML is the structure. It is like the skeleton of a house. CSS is the design. It is the paint, wallpaper, and furniture. JavaScript is the interactivity. It is the light switches and moving parts.
That is it. Everything else, like frameworks and build tools, is just extra. These three are what you need.
Step 2: Learn HTML and CSS in One Week
You do not need a month-long course. Here is a realistic plan.
Days 1 and 2: Tags, attributes, and page structure
Learn what div, p, h1, a, and img do. Understand how to nest elements and build a basic page layout.
Days 3 and 4: Styling fundamentals
Learn colors, fonts, margins, padding, flexbox, and grid. Style a simple page even if it looks ugly at first.
Days 5 to 7: Build one simple page
Pick anything. A personal bio. A landing page for a fake product. A tribute page. The goal is not perfection. It is muscle memory.
Free resources for this step.
MDN Web Docs is the official documentation and it is beginner-friendly. freeCodeCamp has interactive challenges for responsive web design. Deoit is a browser-based editor where you can write HTML and CSS and see results instantly. No signup needed.
I built Deoit because I wanted a zero-friction way to practice without opening any editor, creating folders, or setting up anything. Just open and code.
Step 3: Add JavaScript to Give Your Pages Life
Once your page looks the way you want, add JavaScript.
Weeks 2 to 3: JavaScript basics
Learn about variables, functions, DOM manipulation, and events.
Week 4: Build something interactive
Build a counter app. A to-do list. A quiz with multiple choice questions.
Resources.
JavaScript.info is the best free JavaScript tutorial available. CS50 Introduction to Programming is Harvard's legendary course and it is free. Deoit supports JavaScript too. You can write all three languages in one editor and run them together.
Step 4: Stop Hoarding Tutorials
This is the trap most beginners fall into. They collect courses. They bookmark tutorials. They watch hours of video. But they never write code.
The rule is simple. For every hour of watching, spend two hours building.
If you watch a 10-minute tutorial on flexbox, spend 20 minutes creating layouts with flexbox. Make mistakes. Break things. Fix them. That is how learning actually happens.
Step 5: Share Your Work Even If It Is Ugly
Your first projects will look terrible. Mine did. Everyone's did.
But sharing has two benefits.
First, accountability. When you tell people you built something, you are more likely to finish it.
Second, feedback. More experienced developers will point out what you can improve.
Post on Twitter with the hashtag 100DaysOfCode. Post on Reddit in learnprogramming or webdev. Post on Dev.to by writing about what you learned. Post on GitHub because even small projects belong in a repository.
Step 6: Learn Git and Deploy Your First Site
By week 4 or 5, learn the basics of Git.
Learn init, add, and commit. Push a project to GitHub. Deploy for free on Vercel or Netlify.
Being able to say here is a live website is a huge confidence boost. It also looks good when you start applying for jobs or freelance gigs.
What Not to Do
Do not chase frameworks. React, Vue, and Angular mean nothing if you do not know vanilla JavaScript.
Do not pay for courses. The best resources are free. YouTube, MDN, freeCodeCamp, and open-source projects are all you need.
Do not compare yourself. Someone learned in 3 months. Good for them. Your journey is yours.
Do not skip fundamentals. CSS is not easy. Spend real time on it. It separates good developers from great ones.
The Tools I Use, All Free
MDN Web Docs for reference on everything HTML, CSS, and JavaScript. freeCodeCamp for a structured curriculum. JavaScript.info for deep JavaScript knowledge. Deoit as a browser-based editor for quick practice. GitHub for version control and portfolio. Vercel for free deployment.
Final Advice
The difference between someone who learns to code and someone who does not is not talent. It is consistency.
Write code every day, even if it is only 20 minutes. Skip a day? That is fine. Skip a week? That is how momentum dies.
You have everything you need. A browser. An internet connection. And a willingness to be confused for a while.
Start today. Write your first heading that says Hello World. Then another line tomorrow. And another the day after.
Six months from now, you will look back at your first project and smile, because you will be building things you never thought possible.
Have questions? Drop them in the comments. I reply to every one.
Built something after reading this? Share the link. I would love to see it.
Top comments (2)
I'm curious, what resources would you recommend for complete beginners to learn the basics of HTML and CSS, and I'd love to hear more about your approach to learning web development.
Great question. For complete beginners, I always recommend starting with MDN Web Docs and freeCodeCamp. MDN explains every tag and property clearly, and freeCodeCamp gives you hands-on exercises right away.
My approach is simple. Learn one small thing, then immediately apply it. For example, after learning about flexbox, spend 20 minutes building a simple layout with it. Do not move to the next topic until you have used the current one in a real project.
Also, use a browser-based editor when practicing to avoid the hassle of setting up files. I built one called Deoit (deoit.vercel.app) specifically for this purpose. Just open it and start coding.
What has been the hardest part for you so far?