Extras
History, shortcuts, and roadmaps — the extra layer of coding culture that makes the grind feel a little more like play.
Fun facts from coding history
The first programmer
Ada Lovelace wrote notes on Charles Babbage's Analytical Engine in the 1840s that are considered the first algorithm meant for a machine.
Where "bug" came from
A moth found trapped in a relay of Harvard's Mark II computer in 1947 gave the term "debugging" its literal origin story.
Python's name
Python wasn't named after the snake — creator Guido van Rossum named it after the comedy group Monty Python.
Java's original name
Java was first called "Oak," after a tree outside its lead developer's office, before a trademark issue forced a rename.
"Hello, World"
The tradition of a first program printing "Hello, World" traces back to a 1970s internal Bell Labs memo on the C language.
The web's first server
The first website ever published is still online, explaining the very project — the World Wide Web — that it launched.
Shortcuts worth memorizing
VS Code
Ctrl/Cmd + P — jump to any file · Ctrl/Cmd + Shift + P — command palette · Ctrl/Cmd + D — select next match · Alt/Option + ↑/↓ — move a line · Ctrl/Cmd + / — toggle comment
Git
git status — what's changed · git add . — stage everything · git commit -m "msg" — save a snapshot · git checkout -b name — new branch · git log --oneline — compact history
Terminal basics
cd — change directory · ls / dir — list files · mkdir — new folder · rm -r — delete a folder (carefully!) · Ctrl + C — stop a running command
Browser DevTools
F12 / Cmd+Opt+I — open devtools · Ctrl/Cmd + Shift + C — inspect element · Ctrl/Cmd + Shift + J — console · Ctrl/Cmd + R — reload
Learning roadmaps
Frontend
1. HTML & CSS
Structure and style your first pages by hand.
2. JavaScript
Make pages interactive — DOM, events, fetch.
3. A framework
Pick up React or Vue to build real interfaces.
4. Ship something
Deploy a project people can actually visit.
Backend
1. A language
Python, Go, or Node — pick one and go deep.
2. Databases
Learn SQL, then explore a NoSQL option.
3. APIs
Build and secure endpoints with a framework.
4. Deployment
Get comfortable with Docker and a cloud host.
Data & ML
1. Python + stats
Core syntax plus real statistical foundations.
2. Data wrangling
Pandas, cleaning, and visualization basics.
3. Modeling
Classic ML before jumping to deep learning.
4. Real datasets
Practice on messy, public data — not toy sets.
Mobile
1. Pick a stack
Flutter/Dart or React Native/JS.
2. UI basics
Layouts, navigation, and platform conventions.
3. Device features
Camera, storage, notifications, permissions.
4. Ship to a store
Build, sign, and publish your first release.
Some frames from the feed
The Atom
Every program starts as an idea built on the same rules as physics — atoms of logic, stacked into something bigger.
The Handshake
The exact handoff this whole site is built around — a human hand meeting something made entirely of code.
The Watching Eye
Data, security, and the quiet stream of information running underneath every site you've ever opened.
The Operator
One person, a wall of screens, a stream of data — what "hacking and coding" actually looks like from the chair.
Baked straight into the page as data — this gallery keeps working even if the original picture files are deleted from your computer.