DEV Community

Cover image for How to Become a Front-End Developer

How to Become a Front-End Developer

Thomas Lombart on September 28, 2020

A few years ago, I became a software engineer, and I took the front-end path. Don't get me wrong, front-end development is not just HTML and CSS, f...
Collapse
 
bahriddin profile image
Bahriddin Abdiev

Great read, Thomas. If I may suggest something: adding alternative free courses here or writing another similar article with references to the free courses could be an awesome help for people who can't afford.

Collapse
 
thomaslombart profile image
Thomas Lombart • Edited

Thank you 😊
I focused on adding the best resources I could find for this article. I believe these are the ones that will be more useful and efficient for a front-end developer.
For free resources, I guess you have freeCodeCamp and some YouTube videos or blog posts.

Collapse
 
z2lai profile image
z2lai

Awesome breakdown of topics! I'm curious though, if you're unable to check all of those boxes, which of the following could you leave out and still get a frontend developer job:

  • testing
  • accessibility
  • performance
  • SEO

I left out mobile-first/responsive design as I'm assuming that's probably a requirement.

Collapse
 
thomaslombart profile image
Thomas Lombart • Edited
  • Testing is important. Most of the large companies test their software. Small companies tend to do it less though it really becomes a thing in front-end development.
  • Same for accessibility.
  • While performance is also important for an app, I think that we won't expect a beginner developer to know how to optimize an app from A to Z, some basics would do it (reducing images sizes maybe code-splitting?)
  • Same for SEO. It's also common in large companies to have web analysts that will cover SEO for you.

Note that it also depends on the company's technical values. Some teams really like to test extensively their code while others prefer to have a perfectly accessible app (for product needs for example). It's a thing you have to keep in mind when applying.

TL;DR: focus first on testing and accessibility. Then, tackle performance and SEO.

Collapse
 
shadowtime2000 profile image
shadowtime2000

imao react and vue aren't frameworks they are libraries something like next or nuxt is a framework, because it defines the exact structure and architecture of your project.

Collapse
 
thomaslombart profile image
Thomas Lombart

The line between framework and library is kind of blurry for Vue and React. Vue calls itself a progressive framework while React defines itself as a JavaScript library. In the end, they have the same purpose: make it easier to build a user interface.

I used the term framework here to simplify the technical jargon 🙂

Collapse
 
msrazavi profile image
MaryamSadat Razavi

Nice and helpful!

Collapse
 
thomaslombart profile image
Thomas Lombart

Thank you!

Collapse
 
arthkate profile image
Arthur Kateeba

I see React and Vuejs are you pick... thats do you have to say about Angular. Why is it not the most preferred of the 3 and yet Google encourages devs to lesrn it.

Collapse
 
thomaslombart profile image
Thomas Lombart

Google has built Angular so it's logical they encourage developers to learn it. Old and large companies will tend to use Angular because it suits their needs. But when it comes to small or medium companies, you'll likely find way more jobs with React (and a bit with Vue).

Angular tends to be less used as of today. Every developer surveys confirm that 🙂

Collapse
 
arthkate profile image
Arthur Kateeba

Thanks... Now I know, while framework I will choose.

Collapse
 
mrcode profile image
Sibusiso Shongwe

Thank you very much for sharing this, I really found it very useful to my career journey, thank you man, God bless you

Collapse
 
malbonagenio profile image
MalbonaGenio

Amaizing article, thanks for sharing it. The amount of diversity in the resources really helps to beginners like me to get the ropes and have some guidance.

Collapse
 
thomaslombart profile image
Thomas Lombart

Thanks a lot! Be careful not to fall into the tutorial hell, you often have the illusion of knowledge watching/reading courses. The best way to grow as a developer is to practice 🙌

Collapse
 
klasss4web profile image
OCHADE EMMANUEL

Thank you very much for this guidance, really appreciate...
May I suggest your next topic sir?

Collapse
 
thomaslombart profile image
Thomas Lombart

Thanks! Go ahead 🙂

Collapse
 
klasss4web profile image
OCHADE EMMANUEL

Thanks for the privilege.
Object oriented programming or functional programming, which is leading and most used by senior devs... personally I like object oriented programming

Collapse
 
realamritkdk profile image
Amrit Khadka

Thank you so much for pointing out lots of tools necessary under front-end dev belt. I do really appreciate it.
Btw, I have a question to let me know.
I'm a front-end developer with 2 years of experience. But, I feel like sometimes demotivated or used to afraid to face challenging projects and I feel like to quite.
How do I pass through it?

Collapse
 
killianfrappartdev profile image
Killian Frappart

This is a great article, thank you very much for sharing your experience!

Collapse
 
thomaslombart profile image
Thomas Lombart

Thanks for the kind words Killian!

Collapse
 
brymmobaggins profile image
Ibrahim Bakare

This is awesome.

Collapse
 
shelomohkhual profile image
Shelomoh

Really great!

Collapse
 
micahlt profile image
Micah Lindley

Great post! It might be worth mentioning that ZEIT Now has been rebranded as Vercel. 😁

Collapse
 
thomaslombart profile image
Thomas Lombart

Indeed! Thanks for the heads up 🙂

Collapse
 
reehah profile image
ALADE-RAJI FAR'HAH

I'm new to programming and this roadmap really helps a lot. I hope to be a good frontend developer someday. Thanks Thomas.

Collapse
 
thomaslombart profile image
Thomas Lombart

Thank you!

Collapse
 
konaduu profile image
Abena konadu

Thanks so much for the post
I’ve researched on roadmaps for front end development and I always feel overwhelmed with information and resources that I have no idea about
Again thanks so much

Collapse
 
thomaslombart profile image
Thomas Lombart

Thanks! It's great to have so many resources on front-end development. But it's true that it's overwhelming.

Collapse
 
louislow profile image
Louis Low

Modern front-end development has way more to learn and more to work with. Compare to back-end development these days.

Collapse
 
thomaslombart profile image
Thomas Lombart

True. Front-end development got waaaay more complex than it was years ago! But let's not underestimate the knowledge required to become a back-end developer 🙂

Collapse
 
emmaliefmann profile image
emmaliefmann

This is a really great article - thanks! I'm job hunting at the moment and it reassures me I meet most of these points, also give me some direction in developing my skills further.

Collapse
 
thomaslombart profile image
Thomas Lombart

Glad it helped you the way you want it! 🙌

Collapse
 
afnan432 profile image
afnan432

How to get started webdevelopment freelancing career?And which are the language I must need to know?

Collapse
 
thomaslombart profile image
Thomas Lombart

I'm not a freelance so I can't really answer you. Perhaps it's worth checking this guide: The Complete Freelance Web Developer Guide: How to Make Money Through Freelance Programming Jobs

Collapse
 
hqjs profile image
hq

I can recommend smart web server and a build tool hqjs.org it will save you some time on this way.

Collapse
 
nawfal07 profile image
Nawfal07

Now that's the article I've been looking for, I'm a junior web dev, and this helped me a lot :D Thank you Sir

Collapse
 
thomaslombart profile image
Thomas Lombart

I'm glad it helped you, this was the goal 😁

Collapse
 
pedroantoninho profile image
Pedro Antoninho

Many thanks for this amazing article.

Collapse
 
thomaslombart profile image
Thomas Lombart

Thanks Pedro!