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
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Oh nice suggestion ๐Ÿ™Œ
I didnโ€™t think about that (too old school ๐Ÿ˜…)

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.

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
 
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
 
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
 
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
 
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.