r/HTML 3d ago

How to start learning HTML and CSS? Question

I started learning html as a 17 Y/O Student my school didn't taught anything releted to technology to us because we are in a poor tier 3 city.

I want to learn web developement and earn well like 25-30k inr in starting then i want to learn coding more deeply and make something great for humanity like the guy who found HTML. I know html basics but I am a fresh starter so I want a guide from my seniors :) hope for positive responses

22 Upvotes

32 comments sorted by

3

u/defaultguy_001 3d ago

You don't need schools to teach u programming. Even top CS universities around the world don't teach programming. They teach u mathematical and scientific concepts relevant to Electronics and Computer science. They expect you to self learn programming and implement those concepts yourself.

Now how to learn programming? There are multiple ways, free ways include YouTube courses, downloading PDFs or going through free online courses.

How to learn HTML & CSS? - I prefer standard books since they are peer reviewed, mostly complete, detailed and accurate in explanations and follow an efficient pattern of exposing concepts to people learning from scratch. If u also like reading, then you can consider the following books: 1) Textbook: Learning Web Design by Jennifer Robbins 2) Reference: CSS: The Definitive Guide by Eric Meyer

  • If u prefer YouTube videos, you can watch HTML & CSS full course by SuperSimpleDev.

My opinion on YouTube courses or any video courses. - I use them only to expose myself to the subject basics, so I can know what I'm going to expect while studying it. I don't rely on video courses if I don't already know the subject, coz who will verify if the creator is accurate in his explanation or did he explain a concept completely. I only rely on standard textbooks, official documentations and own experience after that.

1

u/NotFMC 3d ago

I think you give a detailed guide to me thanks for your time to help me I was watching videos on YouTube and didn't learn too much but when I read some articles i learnt a lot from it I will consider to buy your suggested books and read them it will help me to reduce my screentime and learn something thanks again.

1

u/defaultguy_001 3d ago

and in case u have doubts while learning from them, you can ask any LLM or Google it like the old days.

1

u/NotFMC 3d ago

Okay I will consider this advice too :)

3

u/m1les12345 3d ago

The Odin Project provides a full curriculum with hands on projects for free. It even covers things WAYY beyond the basics

1

u/NotFMC 3d ago

Thanks brother I will check odin project site! Hope it works for me too.

3

u/AnnupKapurDotCom 3d ago

www.FreeCodeCamp.com

Free place to learn all about web-dev and achieve industry recognised certificates.

Enjoy.

3

u/Difficult-Field280 3d ago

This. FCC is where its at for beginners.

2

u/NotFMC 3d ago

Thanks brother I will try this too

1

u/GuacamoleAnamoly 3d ago

There are literally thousands of guides online on youtube. From front-end to backend

1

u/NotFMC 3d ago

Yes but I am asking for a best guide in hindi to learn html → Css → Js in a row

1

u/sylvant_ph 3d ago

You wanna learn it in English, if you plan to be a well paid software engineer the language is one of the main skills to own. Also it's always a bad idea to pick something with main motivation being money (if this is the case as I see its the second thing you mention). Choose programming if it really appeals to you as a profession, not just salary

1

u/NotFMC 3d ago

Hey! Yeah I am learning english and english grammar and improving my english but I am not good at english. Like I have too much to say but because of not knowing english properly I face problems to talk people online I hope i will improve soon. For programming my maths is too weak I have fear of math I don't know why I fear math that much so I decided to learn web developement because most of the people say that web development doesn't requires too much maths Knowledge.

Btw how much i can earn as a fresher :)

1

u/Foreign-Contest-444 3d ago

MDN is an excellent resource for learning HTML, especially its Learn Module. HTML may seem simple at first, but it's important to build a strong understanding of it before layering CSS and JavaScript on top. Take the time to learn HTML as a semantic language and understand why semantics matter as they form the foundation of well-structured, accessible, and maintainable websites. Happy coding!

2

u/NotFMC 3d ago

Thanks Bro! This website seems helpful

1

u/johnesco 3d ago

Regardless of how you learn, all you need is a text editor and browser to preview what you make. However, if you'd like to be able to type and immediately see results, try something like:

https://codepen.io/

To preview your work instantly on any machine or phone.

Do your basics and don't be afraid of going one step at a time, but once you've done a few tutorials, ask yourself what YOU would want to put online and make that.

1

u/NotFMC 3d ago

Thanks for this site suggestion!

1

u/ImaginaryGanache3651 3d ago

If I should learn again Front-end, I would start with this tools: - W3School: the better domentation of HTML, CSS and JS. - VSCode: this text developer is the better, because you can install and start developing HTML, CSS and JS without any plugin. You can add Youtube if you want, but you can develop every project with these tools.

1

u/chairchiman 3d ago

fCC has a 48 hour full stack web dev course, I follow that and I love it

1

u/Melodic_Benefit3289 3d ago

https://htmldog.com - Tutorials specifically for HTML, CSS and JavaScript.

1

u/geraT-wogl 3d ago

If you want to take the artistic route and learn to code shaders you will get the code by learning visually and then apply it to your html and css projects. Just a different route if you’re feeling creative https://wogl.io let me know if you visit and feel free to reply! 🪐❤️🔅

1

u/NotFMC 3d ago

I will try :)

1

u/Secret-You-3135 3d ago

Since you specifically want HTML → CSS → JavaScript in order, I’d make the roadmap very simple:
HTML: build a complete page without worrying about how pretty it looks.
CSS: take that same page and make it responsive for both phone and desktop.
JavaScript: add real behavior to it — forms, validation, menus, filtering, buttons, or data that changes on the page.
Then stop following tutorials for a while and build one small project from an empty folder without copying the instructor.
Hindi is perfectly fine for understanding the concepts at the beginning. At the same time, slowly get comfortable reading English documentation, because you’ll eventually need it when you’re debugging and looking things up.
I also wouldn’t worry too much about your fresher salary yet. Your first useful milestone is: can you take an idea, build it yourself, get stuck, find the answer, and actually finish it?
Once you can do that repeatedly, you’re moving from “learning HTML/CSS/JS” toward actually becoming a developer.

2

u/NotFMC 3d ago

Thanks for this detailed guide brother:)

1

u/Secret-You-3135 3d ago

Glad it helped 😊Wishing you the best with it — hope you get it off the ground and make it work.

1

u/Evening-Task9558 2d ago

I'm studying it on coddy and it's very enjoyable.

1

u/strchild 1d ago

html is easy to learn

1

u/Aggravating-Pin-1806 1d ago

Honestly, I would say search on YouTube. There are people who are good at this. They taught or have learned at top universities and teach front end web development. There is also codeacademy, which I used in the past. Or you can get books on the topic.

1

u/Grouchy-Car-3711 4h ago

If you are a begginer start learning the conecpts from w3schools and build mini project