DEV Community

Cover image for What you should learn to become a good front-end developer?

What you should learn to become a good front-end developer?

Duomly on December 19, 2019

This article was originally published at: How to be a front-end developer? Recently, a lot of people ask what they should learn to become a fro...
Collapse
 
brownio profile image
Antonio Djigo • Edited

You may find this chart useful:
Front-end chart

Collapse
 
avasconcelos114 profile image
Andre Vasconcelos

This chart alone is worth 100 of these articles

Learning some HTML + CSS + Javascript and a JS framework won't make you a good front-end developer.

Knowing the ecosystem and all the tools available to you (be it for working with version control, making API calls to a backend server, unit testing, static site generators, enhancing performance with server-side rendering or lazy loading assets) are what would make you stand out from the rest.

Doing what the article above tells you just gets you a seat on the table

Collapse
 
brownio profile image
Antonio Djigo
Collapse
 
uptoeleven profile image
Simon Brown

Stunning infographic

Collapse
 
duomly profile image
Duomly

Thanks!
It can be a huge help for people who would like to know what is what :)

Collapse
 
sorindezzy profile image
Raita Dezideriu

That is not Front End Boss ! That is Enginery !!!!!!

Collapse
 
merri profile image
Vesa Piittinen

"Now let’s start with more serious things."

I have to throw critique on this. The above statement causes the misconception that HTML or CSS would be somehow inferior to JavaScript. This is not true: you can do entire sites perfectly fine without JavaScript.

You only need JavaScript to enhance user experience, to provide dynamic changes that are not possible via HTML or CSS alone. Before going all-in with JavaScript you should make sure you know what can be done with HTML and CSS. Otherwise you may end up reinventing the wheel in JavaScript, but do it worse.

I would also point out the need to learn about accessibility (A11Y): what you make is not limited to only touch mobile phones or mouse controlled computers! Some people can't physically use a mouse, some other have issues with vision, some can't see at all. This means things like keyboard usability and making sites that don't break with increased default font size is also important.

Collapse
 
sorindezzy profile image
Raita Dezideriu

What you just said is = 0 because html and CSS is just for Statics websites or else JS is for Dynamic website end exactly what we looking for ! You not gone tell me that html and css does Dynamic to !!

Collapse
 
chico1992 profile image
chico1992

github.com/kkuchta/css-only-chat/b... An example of a live chat without js

Thread Thread
 
sorindezzy profile image
Raita Dezideriu

how to do that ?

Thread Thread
 
sorindezzy profile image
Raita Dezideriu

What do you mean a video chat without js ?

Thread Thread
 
chico1992 profile image
chico1992

It’s not a video chat and how it works you should reed the readme of the repo then the author does a better job of explaining as I ever could

Collapse
 
ericgruby01 profile image
Eric Gruby

It depends on what you consider dynamic. With just HTML and CSS you can do things like: css-components.felipefialho.com/

Collapse
 
nachtfunke profile image
Thomas Semmler

The first thing you need to learn is that organisations and individuals will pry on your believing that you don't know enough / are not good enough. Any article that tries to tell you need to become better will probably try to get money from you, promising to make you improve upon exactly that. And you need to understand that even a free course is most probably not free, because your e-mail address is worth something, your attention is worth something. You are still paying.

Just keep making websites, that is all you truly need to do to become a better frontend developer. Keep wanting to try out new things, keep breaking technology and keep asking questions to start conversations.

Collapse
 
nickyoung profile image
Nick Young

I feel like git should be learned first that way you can practice using it while you are learning everything else.

Collapse
 
s_aitchison profile image
Suzanne Aitchison

Totally agree - that's how I learned and you get so much practice that way. Also you don't have to "unlearn" bad habits!

Collapse
 
peacefullatom profile image
Yuriy Markov

Very helpful and thorough article! Well done, thank you! 👍

Collapse
 
duomly profile image
Duomly

You are welcome, we are glad it's useful for you :)

Collapse
 
ajaymarathe profile image
Ajay Marathe

Nicee.. helpfull.

Collapse
 
duomly profile image
Duomly

Thank you, we're glad you like it :)

Collapse
 
geeayallah profile image
Gee Daniel Ayallah Yallah II

Thanks for this awesome insights. 🙏🙏

Collapse
 
uptoeleven profile image
Simon Brown

+1 for mentioning git - without git (or similar) you're not a developer as you can't work in a team.

Collapse
 
thewasif profile image
Muhammad Wasif

For becoming a better developer:
Become expert at Git
Use best practices
Also, learn programming patterns and algorithms, if possible.

Collapse
 
computingsavvy profile image
Computing Savvy

Learning PHP, MySQL and JavaScript with jQuery, CSS & HTML5 is best book to learn Front end development.
computingsavvy.com/books/learning-...

Collapse
 
avxkim profile image
Alexander Kim

jQuery is for noobs, who can't use vanilla JS.

Collapse
 
duomly profile image
Duomly

Thanks for your input, but it’s not really true, you can use pre-render or SSR, and google will see normal HTML source :)