JavaScript & Full-Stack Development

Why JavaScript?

JavaScript is the easiest path to becoming a full-stack developer. With a single language, you can build everything from interactive websites to server-side applications, mobile apps, and even desktop software.

Web Dev Speedrun

This is the exact path I took to learn web development. Follow these resources in order to build a good foundation in HTML, CSS, and JavaScript. Each resource builds on the previous one.

1Responsive Web Design

FreeCodeCamp - HTML & CSS fundamentals

2Learn HTML

Codecademy - Deep dive into HTML

3Learn CSS

Codecademy - Master CSS styling

4Responsive Web Design (2022)

FreeCodeCamp - Updated HTML & CSS curriculum

5JavaScript Algorithms & Data Structures

FreeCodeCamp - Core JavaScript concepts

6Introduction to JavaScript

Codecademy - JavaScript fundamentals

7JavaScript Algorithms & Data Structures (v8)

FreeCodeCamp - Latest JavaScript curriculum

Node.js

Node.js lets you run JavaScript on the server, making you a true full-stack developer. With Node.js, you can build APIs, handle databases, and create complete web applications using the same language you learned for the frontend. Download it from nodejs.org.

React

Once you've learned the basics and Node.js, it's time to master React. React is the most popular JavaScript library for building user interfaces and is used by companies like Meta, Netflix, and Airbnb.

React Official Docs

The best place to learn React from scratch

React Tutorial for Beginners

FreeCodeCamp - Comprehensive React course

Designing with shadcn/ui

shadcn/ui is a collection of beautifully designed, accessible components that you can copy and paste into your apps. It's built on top of Radix UI and Tailwind CSS, giving you full control over your components.