~/$ls ~/learn

Guides & explainers

17 free guides I wrote to teach what I use at work. Every one is in English and Thai, and every example on them was run for real.

Programming fundamentals

How programs think, before any particular language.

EN · ไทย

Sorting Stepper

Six sorting algorithms, one comparison at a time

Quick, merge, bubble, selection, insertion and radix sort, animated step by step. The part most visualisers skip: every step says not just what moved, but why it had to move.

  • Algorithms
  • Data structures
Open it
EN · ไทย

Logic & Loops

Programming basics in twelve lessons

How a program decides and repeats: if/else, switch, for, while, arrays, functions. Every code sample on the page is editable and runs in the browser, so you change a line, press Run, and watch what breaks.

  • JavaScript
  • PHP
  • Python
  • Beginners
Open it

Languages & runtimes

One language at a time, from the first line to tested code.

EN · ไทย

PHP Beginner Guide

From your first echo to a tested class

Fifteen lessons on the language itself: variables, strings, decisions, loops, arrays, functions, classes, errors, forms, PDO and PHPUnit. Every example runs real PHP 8.3 in the browser, next to the output it printed on the command line.

  • PHP
  • PDO
  • PHPUnit
  • Beginners
Open it
EN · ไทย

Go Beginner Guide

From your first program to a tested JSON API

Seventeen lessons: types, strings and runes, slices, maps, structs, interfaces, errors and goroutines, then a net/http JSON server with table-driven tests. Every example runs in the browser and was checked against the real Go compiler.

  • Go
  • Concurrency
  • net/http
  • Testing
Open it
EN · ไทย

JavaScript Beginner Guide

The language of the web, from values to async/await

Fourteen lessons that start where Logic & Loops ends: types and coercion, strings with Thai and emoji, array methods, objects and JSON, closures, classes, errors, async/await, modules, and a live DOM you can click.

  • JavaScript
  • Async
  • DOM
  • Beginners
Open it
EN · ไทย

Node.js Beginner Guide

JavaScript outside the browser, one small tool at a time

A build-along: one project grows from a command-line tool to a JSON API. process and argv, files, npm, events, streams on a 200,000-line log, node:http, Express 5, node:test and --env-file. Every command, request and test is a real run.

  • Node.js
  • npm
  • Express
  • Testing
Open it

Web frameworks

Build a small app end to end, one request at a time.

EN · ไทย

Laravel Beginner Guide

Build a task list, one request at a time

A build-along in Laravel 13: routes, migrations, Eloquent, controllers, Blade, validation and feature tests. The app was committed after every lesson, so each file, command and test run on the page is the real one.

  • Laravel
  • Eloquent
  • Blade
  • Testing
Open it
EN · ไทย

Next.js Beginner Guide

A full React app, one file at a time

A build-along in Next.js 16: pages and layouts, Server and Client Components, dynamic routes, loading and error screens, Server Actions, Route Handlers and a production build. Every command, request and screenshot is from the real app.

  • Next.js
  • React
  • TypeScript
  • Server Actions
Open it

Networking

How data actually gets from one machine to another.

EN · ไทย

OSI Model Primer

Networking fundamentals, all seven layers

Every layer gets the same treatment: what it does, the letter-in-the-post analogy, its data unit, the devices that live there, and what you actually see on screen when it breaks. The layer I reach for most at work, explained the way I wish it had been explained to me.

  • Networking
  • OSI
  • TCP/IP
  • Ethernet
Open it
EN · ไทย

Networking Beginner Guide

How data gets from one machine to another, tried on real ones

A hands-on lab of four Linux machines on two networks: IP addresses and subnets, routing, ARP, DNS, ports, a TCP handshake in tcpdump, HTTPS with a private CA, NAT, port forwarding, firewalls and a troubleshooting routine.

  • Networking
  • DNS
  • TCP/IP
  • Firewalls
Open it

Containers & orchestration

Package an app once, run it anywhere, at any scale.

EN · ไทย

Docker Beginner Guide

Package an app once, run it the same way everywhere

A small Node.js API goes from one container to a Compose app with Postgres: images and layers, Dockerfiles, the build cache, volumes, networks, Compose, a 12 MB multi-stage Go image, a local registry and debugging. Every command is a real run.

  • Docker
  • Compose
  • Dockerfile
  • Containers
Open it
EN · ไทย

Kubernetes Beginner Guide

Tell it what you want running; it keeps it that way

A real three-node cluster on a laptop with kind: pods, Deployments that heal themselves, Services, ConfigMaps and Secrets, probes and limits (an OOMKilled pod), a broken release rolled back, storage, namespaces and debugging. Every command is a real run.

  • Kubernetes
  • kubectl
  • Deployments
  • Services
Open it

Cloud

The big three providers, tried against local emulators.

EN · ไทย

Cloud Fundamentals

The ideas behind every cloud, learned once

Service models, regions and availability zones, SLAs and what the nines really mean, shared responsibility, IAM policies, VPC subnets, compute and storage choices, cost, and the same services named on AWS, Azure and Google Cloud. The maths runs in your browser.

  • Cloud
  • IAM
  • VPC
  • Reliability
Open it
EN · ไทย

AWS Beginner Guide

The services you'll use first, on your own laptop

The real AWS CLI against a local emulator, so no account or bill: S3 with presigned URLs and versioning, IAM with a real AccessDenied, DynamoDB keys and queries, SQS and SNS, Lambda in the official runtime image, CloudFormation, the JavaScript SDK and VPCs.

  • AWS
  • S3
  • Lambda
  • CloudFormation
Open it
EN · ไทย

Azure Beginner Guide

Microsoft's cloud, tried with Microsoft's own emulators

Azurite and the Cosmos DB emulator stand in for a subscription: Blob storage with SAS links, queues and tables, Cosmos DB documents, Azure Functions with HTTP and queue triggers, Bicep compiled to ARM, the SDK, and how Entra ID and RBAC control access.

  • Azure
  • Functions
  • Cosmos DB
  • Bicep
Open it
EN · ไทย

Google Cloud Beginner Guide

Google's cloud, tried with Google's own emulators

Google's Pub/Sub and Firestore emulators and fake-gcs-server stand in for an account: Cloud Storage buckets, Pub/Sub fan-out and filters, Firestore documents, a container shaped for Cloud Run, Cloud Run functions for HTTP and Pub/Sub events, Terraform, and how IAM and service accounts control access.

  • Google Cloud
  • Pub/Sub
  • Cloud Run
  • Terraform
Open it

Automation & delivery

Configure servers and ship code without doing it by hand.

EN · ไทย

Ansible Beginner Guide

Describe your servers once, and let Ansible make them match

Three Ubuntu servers in Docker, configured over SSH: inventory and ad-hoc commands, a first playbook run twice to show idempotence, Jinja2 templates, handlers, loops and conditions, a role, and a database password kept in Ansible Vault.

  • Ansible
  • Playbooks
  • Jinja2
  • Vault
Open it