Step number one is to learn HTML & CSS.
HTML is a Markup language that displays content in a web browser, and CSS stands for Cascading Style Sheets, which is used to style content on the web page. Saying in a few words, you display a text with HTML and make it pretty using CSS.
There are plenty of free resources on the web, but I’m sharing the ones I have used personally.
I would recommend taking freeCodeCamp Responsive Web Design Certification because it covers all the necessary topics for beginners, also you could follow their 11-hour HTML&CSS full course on YouTube, in case you prefer to see all the practices in action. After you complete these courses, you would get enough knowledge to build some projects and move forward. It is important to practice what you have learned.
Try to spend 30% of your time learning, and 70% — practicing.
In the meanwhile, check out a game for mastering CSS flexbox — flexbox Froggy. Flexbox makes it much more simple to build flexible and responsive layout structures, plus it’s a super fun game!
Contacts-app Step number two is to add a programming language.
I didn’t take it, so don’t really know what’s the difference. I would like to mention, that the choice of the course is completely up to you, I’m just telling you which ones I’ve taken and my personal opinion. If you’re thinking about a different one, just make sure it has some interesting projects in it, because you need to get as much practice as possible. In the meanwhile, it’s good to learn more about JS Data Structures and Algorithm Scripting.
problem-solving and also know how to work with different types of data. In the course, you get information gradually and apply it to small coding challenges. It would be a great addition to the video course you are taking. Try to make a small project, just so you practice what you have learned. Make sure you understand all the concepts and you know how to set up your mind into a programming model.
Don’t start with a difficult one, unless you really know how to make it. Otherwise, you’re risking spending so much time on it and in the end, leave it unfinished.
The next step and the last one would be learning different frameworks and libraries.
Contacts-app Vue.js — an open-source model-view JS framework for building user interfaces and SPAs.
Ember.js — a framework for building modern web applications;
Backbone.js — an uber-light framework that allows you to structure your code;
Angular — one framework for mobile & desktop apps;
Thank you for reading, and I really hope this guide will help you on your learning journey!
HTML & CSS;
Build Your Own Project;
Learn a Framework.