Before you learn to code, you must have passion for coding no matter what, Coding is a critical skill and not just for web developers as it is widely believe. Either you're building a personal website, web application, console application, desktop application, mobile application, contributing to an online publication or sorting data. Knowing even the basics of coding can go a long way. Based on my opinion, here are the steps you need to learn to code the easy way.
Hypertext Markup Language is the standard markup language for creating web pages and web applications. When you learn scripting html along with Cascading Style Sheets (CSS), you can easily start seeing the beauty of your sample project.
You will always come across html in your subsequent projects in one way or the other, note that html is not a programming language, it is a web scripting language for creating user interface content, the login forms and registration forms. It is quite easy to learn CSS along with html has these gives you the power to style your content, images, forms, user interface components.
However, You might be wondering if you need to assimilate all the syntax of HTML but seriously all you need is to understand the logic behind it, understand the grid system and compatibility across different browsers and always make sure you have a side project you are working on, try to re-position content, link between pages, style images/content, beautify forms and give yourself a new task and make sure you accomplish it. It is a learning curve. I bet you will enjoy bringing ideas to life.
I have taken many courses over the years and Codecademy is one of my favorite online coding for beginners platform i can recommend, they have various web designing and web development courses to learn to code the easy way.
Udemy.com , Lynda.com and Pluralsight.com features classes on every topic, as do similar general education services not featured here such as Coursera, edX, and ALISON. There are more than enough web development courses you can subscribe to.
Angular : I love angular because of my background with ASP.NET MVC architecture ( separation of concerns ). Angular 2 is the successor to the wildly popular Angular framework from Google, You can skip Angular 2 and learn Angular 4 or Angular 5, You will be amazed about the cool stuff you can achieve with the Angular framework.
Vue.js: You can Learn this after you have learned React or Angular.
MobX: these has become a popular alternative to Redux. It is also growing fast, is a great data management library.
To learn programming is like learning to drive, the more you drive, the more you become an expert car driver, likewise the more you develop/build new stuff the more you get familiar with programming logic, method, classes etc.
In conclusion, programming languages are tools used by programmers to get the job done just like in other professions. Always choose the right tools to get the job done.