How the Web and Development Environment Work
Build the mental model that makes every later tool less mysterious.
Lessons
Files, Programs, Processes, and the Terminal
A source file is data; a program is executable instructions; a process is a running instance with memory and operating-system resources.
Lab — Files, Programs, Processes, and the Terminal
Hands-on transfer lab for the preceding concept.
Browser, Server, HTTP Request, and Response
A browser renders documents and executes client-side JavaScript; a server process listens for network requests and produces responses.
Lab — Browser, Server, HTTP Request, and Response
Hands-on transfer lab for the preceding concept.
JavaScript Runtime: Browser vs Node.js
JavaScript is a language; browser and Node.js are runtimes that provide different host APIs.
Lab — JavaScript Runtime: Browser vs Node.js
Hands-on transfer lab for the preceding concept.
Paths, Environment Variables, PATH, and Ports
PATH is a list of directories the shell searches for executable names; it is not the same as a project file path.
Lab — Paths, Environment Variables, PATH, and Ports
Hands-on transfer lab for the preceding concept.
A Professional Debugging Method
Reproduce first; do not modify code while the symptom is still vague.
Lab — A Professional Debugging Method
Hands-on transfer lab for the preceding concept.