Stage | Documentation / Written Resource | YouTube / Video Resource |
---|---|---|
Foundations (HTML, CSS, JS) | MDN Web Docs — HTML, CSS, JS guides | freeCodeCamp – Full Stack Web Dev for Beginners (HTML, CSS, JS) (youtube.com) HTML & CSS Full Course | Web Development for Beginners (youtube.com) |
Version Control | Pro Git Book | Git & GitHub Crash Course (youtube.com) |
Responsive Design & Accessibility | Web.dev – Accessibility | Kevin Powell – Responsive Design & CSS Layouts (youtube.com) |
Language / Superset Choices | TypeScript Handbook | Learn TypeScript in 50 Minutes – Crash Course (youtube.com) |
Frameworks (React / others) | React Official Docs | React Crash Course 2025 (youtube.com) |
APIs / Data Fet |
Language / Superset | What makes it strong | What makes it challenging / trade-offs |
---|---|---|
JavaScript (JS) | Ubiquitous in frontend. Huge ecosystem (frameworks, tools, libraries). Easiest way to get into the industry currently. | Can get messy. Maintaining large JS projects can lead to callback hell, type safety issues, harder refactoring. |
TypeScript (TS) | Adds static typing. Helps avoid many runtime errors. Enables better tooling, refactoring, safer large-scale apps. Very popular in modern codebases. | Learning curve. Requires build step. Sometimes verbosity. You’ll need to configure types, learn type system quirks. |
Dart (used with Flutter for Web) | Good if you want one codebase for mobile + web. Strong for certain cross-platform cases. Can deliver rich UI. | Less mature tooling for pure web compared to JS/TS. Smaller community. More limited choices of libraries. |
Python (for web frontend tools / less common via things like Brython, Anvil) | Very readable, great for |