Skip to content

Bites of knowledge to help you build your fundamentals as a frontend developer

License

Notifications You must be signed in to change notification settings

paolapog/awesome-frontend-dev

Repository files navigation

Awesome Frontend Dev

Intro

I created this repository because I often see frontend developer beginners focusing more on the framework/library rather than the fundamentals. I have created three folders with JS, TS, and CSS, covering various topics (including those most frequently asked in interviews) that can help build a solid foundation. Note: these are knowledge "bites", and I expect there to be a curiosity to investigate deeper at some point.

Navigation

JS

TS

CSS

General

Mindset and learning pace

Remember to also put into practice what you learn: theory is good, but without practice, you won't be able to assimilate fundamental concepts. ESSENTIAL: maintain a curious mindset and avoid rushing, but above all, learn at a slow pace. Since these are dense topics, if you go too fast, you risk missing at least one-third of what was written above. So: go slowly + lots of practice. You've got this!

Resources

Fundamentals extend not only through JS, TS, and CSS but also through design patterns, data structures, and algorithms. Below, I will list a "must have" resources (both paid and free) that complement what has been written above. I strongly recommend the paid ones, as they are more comprehensive and also include interesting exercises that you can undertake: think of it as an investment in your future.

JS:

[paid]

Frontend Masters: Will Sentance - JS hard parts - v2

Frontend Masters: Kyle Simpson - Deep JS - v3

or

[free]

Kyle Simpson, You Dont Know JS - 1st edition

Kyle Simpson, You Dont Know JS - 2nd edition - STILL IN DRAFT

Eloquent JS

TS:

[paid]

Frontend Masters: Mike North - Typescript v4

Matt Pocock, Total Typescript

or

[free]

Learn Typescript

CSS:

[paid]

Josh W Comeau, CSS for JS dev

Computer Science:

[free]

Just the first modules about C, Data Structures and Algorithms: CS50 Harvard, Intro to Computer Science

Software design and Design Patterns:

[free]

Coursera: Software Design Architecture

Refactoring Guru, Design Patterns