Learning web development basics can be scary, especially if you are new to coding. With this HTML tutorial roadmap, you will be able to learn not just HTML, but also CSS and JS in less than 21 days!
DON’T Watch HTML Tutorial Videos on YouTube!
It’s a common practice to visit YouTube and search for web development basics in order to get started. But videos dwell a lot into theory, random chatter and tedious coding setup, hence demotivating you in the learning process. As a beginner, you should focus more on learning and practicing, rather than setting up your development environment!
Jump Right Into Action!
If you have watched Quentin Tarantino’s movies (especially Reservoir Dogs), you might know that after a short intro, he jumps straight into action and focuses on the backstory later. You need to follow the same rule while learning web development basics.
But hold on, I’m a beginner and how can you tell me to jump right into code?
– A Beginner Coder
Of course not, cause if you are diving in straightaway, you still need an instructor! And Codecademy will be our instructor. Don’t worry, some parts of Codecademy might be paid but we won’t be using their paid services.
Create A Free Account on Codecademy
Sign up here on Codecademy (preferably using your Google/LinkedIn or Facebook account), and head over to their Learn HTML Course. Codecademy provides bite-sized lessons and helps you code directly into their editor as you read the theory:
Quizzes and Projects are paid features. But don’t worry, as I promised this is a free roadmap! You can easily complete the HTML course within 7 days. After that, go with the following courses:
- HTML | Codecademy (adding this again for ease of access)
- CSS | Codecademy
- JavaScript | Codecademy
With these, you have enough knowledge to start making short HTML, CSS and JS projects. If you want to learn about more HTML tags, CSS properties or more aspects of JS, you can easily understand the docs at W3Schools. But this is just the start of your web development journey! If you want free certifications and enhance your web development skills, we will continue this series in the next post.
Thanks for reading! 🙂