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...
For further actions, you may consider blocking this person and/or reporting abuse
You may find this chart useful:
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
The author is github.com/kamranahmedse/developer...
Stunning infographic
Thanks!
It can be a huge help for people who would like to know what is what :)
That is not Front End Boss ! That is Enginery !!!!!!
"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.
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 !!
github.com/kkuchta/css-only-chat/b... An example of a live chat without js
how to do that ?
What do you mean a video chat without js ?
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
It depends on what you consider dynamic. With just HTML and CSS you can do things like: css-components.felipefialho.com/
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.
I feel like git should be learned first that way you can practice using it while you are learning everything else.
Totally agree - that's how I learned and you get so much practice that way. Also you don't have to "unlearn" bad habits!
Very helpful and thorough article! Well done, thank you! 👍
You are welcome, we are glad it's useful for you :)
Thanks for this awesome insights. 🙏🙏
Nicee.. helpfull.
Thank you, we're glad you like it :)
+1 for mentioning git - without git (or similar) you're not a developer as you can't work in a team.
For becoming a better developer:
Become expert at Git
Use best practices
Also, learn programming patterns and algorithms, if possible.
Learning PHP, MySQL and JavaScript with jQuery, CSS & HTML5 is best book to learn Front end development.
computingsavvy.com/books/learning-...
jQuery is for noobs, who can't use vanilla JS.
Thanks for your input, but it’s not really true, you can use pre-render or SSR, and google will see normal HTML source :)