Networking

  • TCP/IP
  • DNS

HTTP

HTML

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

CSS

https://milligram.io/ http://getskeleton.com/ https://github.com/louismerlin/concrete.css simple web frontend stuff simple css to look good everywhere web design in 4 minutes cssbed htmx

flexbox

cassius vizassert. Constraint based. Z3 layout? Troika - a proof assistant version. Pavel and Zach

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.

https://threlte.xyz/ 3d web apps https://svelte.dev/

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

Heroku

procfile web: gunicorn gettingstarted.wsgi

dynos

heroku ps:scale web=1 one server running heroku open git push heroku master heroku local --port 5001 heroku run bash

heroku logs--tail

WebServers

Apache

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

Modules are libraries that add functionality to apache

Running this way is so hard

echo "Hello World" > /tmp/index.html
echo "
ServerName localhost
IncludeOptional mods-enabled/*.load
IncludeOptional mods-enabled/*.conf
CustomLog /tmp/access.log combined
ErrorLog /tmp/error.log
#LoadModule mpm_event_module modules/mod_mpm_event
#LoadModule mpm_prefork_module modules/mod_mpm_prefork.so
Listen 8080
Redirect "/" "http://otherserver.example.com/"
" > /tmp/httpd.conf
apache2 -f /tmp/httpd.conf -k start
# apache2ctl

#cat /etc/apache2/apache2.conf # good to look at the default config
#apache2 -l # list modules

Nginx

nginx playgroud

echo "

" > /tmp/nginx.conf
cat /etc/nginx/nginx.conf # good to look at the default config
#nginx -c /tmp/nginx.conf
nginx -h
# -t test, -s signal, -c cong, -g directovies.

Databases

  • See database notes

CGI

WSGI

Docker

DevOps

Kubernetes

Sentry https://glitchtip.com/ old was good new bad? crashpad dumping

datadog https://docs.datadoghq.com/developers/community/libraries/

grafana

argo rollout

continuous profiling https://www.parca.dev/

https://prometheus.io/ monitoring observabiltiy

https://snyk.io/ snyk developer security

Snort

Stackstorm Zabbix Suricata

canary pods. canary deployment

self healing

https://landscape.lfai.foundation/ https://radar.cncf.io/

splunk

self registry? software bill of materials?

sonatype jfrog

web application firewall mod security https://en.wikipedia.org/wiki/ModSecurity “secrules”

snort suricata https://suricata.io/

Web platforms

  • AWS
  • Azure
  • GCP

SVG

a blue square

Hmm. Inline svg. svg preview of links. Image preview.

Ok so make a foo.drawio.svg fle somewhere, then drag and drop a link into my notes.

Misc