I'm currently working on learning how to program full-stack web applications. Here are the resources I'm using to accomplish that goal!
Sections
4
Courses
Curriculums
Reference
Misc/Other
Courses
Guided programming courses, often ones that focus on teaching you to build projects that utilize your new skills!
Difficult, but high-quality guided curriculum for learning web development.
The Odin Project
Step-by-step programming courses that start you with the basics. Free certifications, too!
freeCodeCamp.org
A guided tutorial on Next.js from its creators!
Learn Next.js
A course on the foundations of React.js, from the creators of Next.js (a popular React framework).
React Foundations
High-quality, project based video courses on web development.
Egghead.io
This guy has so many tutorials showing you how to make clones of popular apps!
Code With Antonio
Curriculums
Curriculums are curated lists of resources that offer a step-by-step guide for how to use those resources (often courses, tutorials, etc.) for learning to program!
An effort to build a curriculum comparable to that of a brick-and-mortar university for computer science, and it's free!
Open Source Society University: Computer Science
Roadmaps showing what to learn if you want to get a job as a developer in a particular field!
Developer Roadmaps - roadmap.sh
Reference
When learning to program (and even when you've been programming for years), it's common to refer to reference materials when you get stuck. Here are some of my favourite websites and resources for that purpose!
Incredibly useful to reference if you get stuck!
W3Schools Online Web Tutorials
A collection of various coding snippets for front end web development!
FreeFrontend
A collection of CSS layout examples.
CSS layout — Phuoc Nguyen
Various examples of how to get things done in JavaScript in just one line of code.
1 LOC — Phuoc Nguyen
Misc/Other
Resources that didn't quite fit in any of the other sections!
A contrast checker, for web developers to help ensure their choice of text and background colors remains readable and accessible!
WebAIM: Contrast Checker
Various problems that you can solve in the programming language of your choice.
LeetCode
A look at how we can design websites to be resilient.
