Web Stuff

• Networking
• HTTP
• HTML
• CSS
• Javascript
  • Frameworks
• Serving
  • Frameworks
    • Template Engines
  • Heroku
  • WebServers
    • Apache
    • Nginx
  • Databases
  • CGI
  • WSGI
  • Docker
  • DevOps
  • Web platforms
• SVG
• Misc

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.

• React
• Vue

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

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