They Say Frontend is Easy

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. 
   


6. linting


7. CSS cascade


8. float






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