Networking

  • TCP/IP
  • DNS

HTTP

HTML

Uhhhh. Is there anything interesting to say here? You can make nested tags.

CSS

simple web frontend stuff simple css to look good everywhere web design in 4 minutes cssbed htmx

flexbox

Frameworks

Get some nicer default styling, often some kind of grid system for layout, mobile formatting etc.

  • bootstrap
  • Foundation
  • Tailwind CSS
  • Material UI

Javascript

  • Javascript should probably be in a languages document
  • Typescript is a typed javascript thing
  • Webpack
  • npm
  • WASM - see wasm notes
  • node, deno, bun
  • engines - V8, spidermonkey, quickjs
  • JSON

Javascript without a build system

Frameworks

What do these even do for you? Well, they are ecosystems of widgets and opinionated ways of organizing a webpage, so that’s nice.

Serving

  • Single page vs server side rendering stuff

  • OpenAPI, Swagger

Frameworks

  • PHP
  • Django - python
  • Express - node
  • Ruby on rails

    Template Engines

    These are often tied to a particular framework. It’s interesting that these template systems can find their way elsewhere. You could use them for code metaprogramming for example. Isn’t that twisted and fun?

  • Jinja
  • Handlebar

    WebServers

    Apache

https://httpd.apache.org/ Apache is super powerful.

Modules are libraries that add functionality to apache

Nginx

nginx playgroud

Databases

  • See database notes

CGI

WSGI

Docker

Kubernetes

Web platforms

  • AWS
  • Azure
  • GCP

Misc