DEV Community

Felipe Gustavo
Felipe Gustavo

Posted on • Updated on • Originally published at felipegs.com

Some thoughts about frontend learning

Everyday a great number of new people start to study programming and web development. The Front-end is one of the main areas of software development that are chosen by this people. And they have a lot of questions about what framework/library to learn, what tools to use and etc.

But, if I could give an advice to them, I would say that the most important thing is to dominate the fundamental technologies of the web. Become advanced in this technologies, not just learn the basic stuff, because with this solid fundamentals, the path to learn advanced librarys, frameworks and tools will be easier than before.

HTML, CSS & JAVASCRIPT

The three main Front-end technologies hide a trap. Its easy to learn the basics, but hard to learn the advanced concepts and know this advanced content will be the difference in your career as a developer.

We see in great companies developers having problems making layouts with CSS, for not knowing how the box-model works; or not making the app fully accessible for not using a semantic HTML approach. And with the JavaScript this become much more important, because of the peculiarities of the language.

20-80 rule

This technologies use the 20-80 rule. With 20% of the effort you will learn 80% what you need to start to work in the market. The problem is that only know the basics will make you have a lot of issues in problem solving, taking you to difficulties, bugs and errors.

The big problem is that learn this other 20% requires 80% of the effort!

Conclusion

So the advice is to keep calm and go deep in the learning of this three technologies. Please, don’t underestimate the complexity of HTML, CSS and JavaScript. And understand that all that amazing frameworks, that huge number of names and tools is made with this three fundamental technologies.

  • Template engines like liquid, pug, EJS and etc is converted to HTML.

  • The pre-processors like SASS and LESS is just CSS with some other features.

  • React, Angular, Vue is just JavaScript with some design patterns and software engineering concepts.

The learning curve to this hype tools is very low if you have an advanced knowledge in the fundamentals. Here is an amazing website with a list of the topics that is nice to learn in the three technologies and a lot of others too: Web Skills Website

Discussion (1)

Collapse
nathankurz91 profile image
Nathan Kurz

Dang bro that web skills website is pretty sweet. It's perfect to go look for areas that you know you are weak in so you can improve your weaknesses. I think you described the relationships that HTML, CSS, and JavaScript have with new web technologies very accurately. It's something that I find hard to remember sometimes. Just keep focusing on the details and the basics, and eventually, new tools will just be a quick thing to learn that just builds on your already existing skills. Thanks for the article.