DEV Community

Cover image for How to level up your frontend skills

How to level up your frontend skills

Ndeye Fatou Diop on November 12, 2024

In 2017, I was struggling to build any frontend project. I'd follow tutorials feeling confident, only to hit a wall when trying to build something...
Collapse
 
muskan025 profile image
Muskan Dodmani • Edited

Your blogs are really helpful
I've been waiting to apply these tips from your blog
Tips from senior frontend dev
but I haven't got a job yet, lol

Please drop your email, I've been wanting someone to do a code review from a long time but didn't find anyone.

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

I'm super glad you like it, Muskan!
Can you join here => frontendjoy.com/p/how-to-level-up-... and reply to the welcome email.
I don't want to share email in public πŸ˜… to avoid spams

Collapse
 
muskan025 profile image
Muskan Dodmani

Sure, I get it!

Collapse
 
itsmeseb profile image
sebkolind

Great read!

Also, if you don’t have anyone to review your code, you could always use one of the many AI options. πŸ™ŒπŸ»

Collapse
 
dstri26 profile image
Trideep Barik

AI options like?

Collapse
 
itsmeseb profile image
sebkolind

Github Copilot just released some reviewing functionality, which looks really promising! Also, CodiumAI is a thing, but I haven't tried it.

Thread Thread
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

That is dope πŸ™Œ

I should check that out!

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Oh nice suggestion πŸ™Œ
I didn’t think about that (too old school πŸ˜…)

Collapse
 
viktorija_na_468e3d99f9f profile image
Viktorija NaΔ‘ • Edited

Read a book and be in trend

  1. "HTML & CSS: Design and Build Web Sites" - Jon Duckett
  2. "Eloquent JavaScript: A Modern Introduction to Programming" - Marijn Haverbeke
  3. "Learning React: A Hands-On Guide to Building Web Applications" - Alex Banks i Eve Porcello
  4. "You Don't Know JS" serija - Kyle Simpson
  5. "JavaScript: The Good Parts" - Douglas Crockford
  6. "CSS: The Definitive Guide" - Eric Meyer, Estelle Weyl, and Shane Spaulding
  7. "The Road to React" - Robin Wieruch
  8. "Designing with Web Standards" - Jeffrey Zeldman
  9. "Front-End Web Development: The Missing Manual" - David Sawyer McFarland
  10. "JavaScript Design Patterns" - Addy Osmani
Collapse
 
wesborland profile image
Marcos Javier Gomez Hollger

I love this posts that share personal experiences for help others. Thanks! ❀️

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Super glad you like it Marcos πŸ™Œ

Collapse
 
skhmt profile image
Mike πŸˆβ€β¬›

I really want to highlight:

Tip 7: Mentor junior devs

This is so important not only as a benefit to junior devs, but also to your company and to yourself as well.

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

You are perfectly right Mike πŸ™Œ

Mentoring is good for everyone: I didn’t realise it until I started doing it.

Collapse
 
sadeeqabu90 profile image
sadeeq

Very useful guide which I'll implement.

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Super glad you like it sadeeq πŸ™Œ

Collapse
 
kelsey-d profile image
kelsey-d

What is the issue with the css?

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

If we assume this is the only style applied to the a, this won’t work since width and height don’t have an effect on inline elements.
The way to fix is to use something like display: inline-block;

Collapse
 
kelsey-d profile image
kelsey-d

Oh right believe it or not I just read about this here: stackoverflow.com/questions/154249... and already forgot πŸ˜…

Thread Thread
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

πŸ˜…πŸ˜…πŸ˜…

Collapse
 
rverwey profile image
Ryan VerWey

Awesome read! Going to dig deeper into those sites you mentioned.

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Super glad you like it Ryan πŸ™Œ

Collapse
 
mahmoudalaskalany profile image
Mahmoud Alaskalany

These are a very good tips , keep it up

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Thanks Mahmoud πŸ™Œ

Collapse
 
buckelieg profile image
Anatoly • Edited

All that tips are applied not to frontend only, but to everything else :)

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Ahah true πŸ˜…

Collapse
 
kontactmaneesh profile image
kontactmaneesh

Nice

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Thanks πŸ™

Collapse
 
fazly_fathhy profile image
Fazly Fathhy

Thankyou for sharing this

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Happy to help Fazly πŸ™Œ

Collapse
 
sandesh_adhikari22b1084_ profile image
Sandesh Adhikari 22B1084

Awesome read! Really appreciate your effort

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Thanks Sandesh πŸ™Œ