DEV Community

Cover image for The not so technical guide to being a better front-end developer

The not so technical guide to being a better front-end developer

Abdulqudus Abubakre on July 05, 2020

When you go online looking for resources on how to become a better front-end developer, you most probably would see things like learn HTML, CSS and...
Collapse
 
merri profile image
Vesa Piittinen • Edited

My tip: learn to not assume that the way you use the internet is the way everyone else uses it. This includes a lot of simple things, but is awfully hard to master because it means you have to prioritise others over yourself. That means a lot of thinking and studying.

People may prefer keyboard access over mouse or touch, they may prefer NOT having animations/transitions, people may not understand a feature just by seeing a specific icon... and a lot more that I just can't get to my head right now :)

One of the best ways you can learn to be humble is to make the best UI ever. And then have a usability test on it! Make 6 people of varying backgrounds use the site, give them a task to do, don't help them at all, and record the session.

Collapse
 
wise4christ profile image
Joel Anthony

Just a little addition...
➡ Why not start that work from a simple hand sketch or a wireframe design and let the review start from there. I will definitely reduce the changes you may have to implement later.

All the best in your journey?

Collapse
 
timothyokooboh profile image
timothyokooboh

Thanks bro. Very important tips.

I would like to add that another thing that can make one a better front end developer is to build projects. Apply as many of the core principles/tools available in your framework of choice (Vue or React or Angular or Svelte) and build at least one project with them.

Collapse
 
aibee profile image
Iboro

Number 2 is sha hard sometimes 😪

Collapse
 
sadiqful profile image
Aliyu Abubakar

These are helpful tips