| 1: | Fundamentals |
| 2: | HTML and CSS |
| 3: | Tools |
| 4: | Deployment |
| 5: | JavaScript |
| 6: | TypeScript |
| 7: | More CSS |
| 8: | More JavaScript |
| 9: | DOM and Events |
| 10: | Networking |
| 11: | Browser API |
| 12: | Server Runtimes |
| 13: | HTTP Servers |
| 14: | Forms |
| 15: | Databases |
| 16: | Libraries and frameworks |
Copyright 2024
The Valley of Code
VALLEY
VALLEY PRO
Projects
All PRO projects use the latest standards and cool technology that will make your life easier. Tech used currently includes React, Vite, Hono, Postgres, Kysely, and Astro.
Build a simple one-page markdown site with Astro
In this project we'll use Astro to create a super minimalist one-page website that uses Markdown to author the page content.
astro markdown tailwind
Build a blog with Astro
In this project we'll use Astro to create a blog similar to flaviocopes.com, using MDX and Astro Collections
astro typescript tailwind
Email/password auth with Astro
In this project we implement a login workflow in Astro using Lucia Auth and Postgres, and Kysely as the database library of choice.
astro auth postgres kysely
Display data from an API with React
In this project we'll use React and Vite to display data we'll fetch from the network, in particular from the GitHub API.
react vite typescript
Create a Spreadsheet with React
In this project we'll build a spreadsheet (a mini version of Google Sheets or Excel) using React and Vite.
react vite typescript
Create an app to track your bills with React
In this project we'll build a bill tracker application using React and Vite.
react vite typescript
Create a JSON API using Hono
In this project we'll first create a JSON API using Hono and we'll use it to handle a collection of data. We'll use a Postgres database for persisting data.
hono postgres kysely