June 9, 2024, 8 p.m. | Syed Muhammad Ali Raza

DEV Community dev.to




They say becoming a front-end dev is easy...


Then, I have to show them the reality:





Beginner Level



  1. div

  2. button

  3. i

  4. b

  5. font-size: 16px

  6. index.html





Intermediate Level



  1. script

  2. img

  3. form

  4. iframe

  5. $(function(){...});





Advanced Level



  1. useEffect

  2. center a

  3. unit tests

  4. responsive layouts



  5. linting

  6. CSS cascade

  7. float




  8. Expert Level



    1. CORS

    2. E2E tests

    3. input validation

    4. Hydration errors

    5. font-size 14px safari zoom

    6. filter views


    7. @media print

    8. img srcSet

    9. pagination

    10. NaN / undefined / null





    Master Level



    1. infinite scroll

    2. layout shift

    3. calendar UI

    4. cache busting …

advanced beginner center css dev developers development e2e easy errors expert float form front front-end frontend function html index input intermediate reality responsive say script show tests them validation webdev

Senior Data Engineer

@ Displate | Warsaw

Principal Software Engineer

@ Microsoft | Prague, Prague, Czech Republic

Sr. Global Reg. Affairs Manager

@ BASF | Research Triangle Park, NC, US, 27709-3528

Senior Robot Software Developer

@ OTTO Motors by Rockwell Automation | Kitchener, Ontario, Canada

Coop - Technical Service Hub Intern

@ Teradyne | Santiago de Queretaro, MX

Coop - Technical - Service Inside Sales Intern

@ Teradyne | Santiago de Queretaro, MX