Below is a list of topics worth knowing in detail as you progress through your career of a Web Frontend Engineer. This is just me thinkg out loud and it's a work in progress, I will add more topics as they come to my mind. Also, I will also try to add more details for each of the topics in the list.
-
Web Performance - A vast topic in itself.
- Chrome Devtools details and knowledge gained from that
- Working of browsers
- How web page loads
- CDN
- Some good resources
- https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/#Resources
- Series of articles on developers.chrome.com/web like this series - https://developers.google.com/web/updates/2018/09/inside-browser-part1 and also this one is interesting there - https://developers.google.com/web/updates/2019/02/rendering-on-the-web
-
JS Module systems
-
Webpack and other bundlers like Rollup, Esbuild, Parcel, Snow etc
-
Babel
-
AST
-
Service Workers
-
Web workers
-
CSS animations - basics atleast
-
Fonts
-
Using images like SVG etc
-
SSR and all the possibilities there
-
Different ways of serving JS like bundling, tree shaking, chunking etc
-
Web Vitals
-
SEO basics
-
Material Design and some knowledge of UI/UX design
-
HTTP CORS; OPTIONS and other HTTP verbs
-
Different types of widely used HTTP req/res headers
-
Sourcemaps
-
Reverse proxies like nginx, traefik - hows and whys
-
Authentication in web apps - different approaches like cookies, JWT, OAuth etc
-
...