Stop mastering frameworks or libraries before you learn fundamentals!

After interviewing several candidates, I've noticed a pattern: those with around 4 years of experience tend to excel at UI frameworks/libraries like Angular, React, and Vue. However, the same candidates who are good at these frameworks often struggle to answer basic questions about HTML, CSS, and JS fundamentals.

Keeping up to date with Angular, React, Vue, etc is fun however technology, like fashion, is changing at the speed of light. To catch up, we need to run very fast and learning fundamentals will help.

To deal with this I have prepared an extensive list of topics that can be learned before you start mastering frameworks.

HTML

1. HTML Structure
2. Meta tags?
3. Script (normal, async, defer)
4. Link?
5. DOM Manipulation

Create element

Remove Element?

Add/remove/toggle Class?

Selectors

Event Listeners

Dataset

7. HTML5 APIs

audio/video?

touch?

geolocation

local storage

8. Accessibility

9. Semantic

10. Event Listener ?

Event Bubbling

Event Capturing

CSS?

1. Scalable CSS
2. Modular CSS
3. Box model
4. Position & display
5. Selector?
6. specificity (inline, ids, classes, pseudo-selector, element)
7. transforms?
8. transitions
9. animations
10. media queries.
11. LESS?
12. SASS

Javascript

1. prototypical inheritance,?
2. closures
3. function invocation
4. Event Handling?
5. DOM API
6. Ajax?
7. Developer Tools
8. Various application design patterns
9. JavaScript-based performance debugging
10. JavaScript-based animation techniques.

You can use MDN to learn about all of the above topics.

Frameworks and libraries come and go, but it has a lot in common!