Search KetJS

Search titles, descriptions, and section headings.

    Diagram

    100%
    Drag to pan · Scroll or pinch to zoom · + / − to zoom · Arrow keys to pan · 0 to fit · 1 to reset

    ONE PATH. REAL PROJECTS.

    Learn KetJS, step by step

    Build a website and a task application while learning ketjs-view, modules, databases, APIs, security, jobs and deployment. Follow one practical path from your first signal to a reviewed application.

    0.2.0 Preview — APIs may change
    How this learning path works

    How this course works#

    Follow the numbered lessons in order. Each introduces a small set of ideas, gives you something to build or inspect, and ends with a checkpoint and an exercise. The course targets KetJS 0.2.0 preview; APIs may change before 1.0.

    Frontend experiments run in the browser playground. Backend work runs in your own terminal with Node 24+, a real KetJS deployment and SQLite. The completed View project and backend project with learning CLI are downloadable reference labs.

    The first stages build working examples. Later stages guide explicit extensions such as sessions, themes, providers and PostgreSQL; they identify their prerequisites rather than pretending every integration is included in the starter. Automated lab checkpoints cover API behavior, company isolation and durable jobs. Other checkpoints are reviewed manually.

    Mark a lesson complete after you can explain and demonstrate its checkpoint. Progress stays in this browser; it is not a certification or a server-side assessment.

    0 of 33 lessons marked complete
    01

    Start here

    1. 01

      Choose your route through KetJS

      Understand the packages, set up your tools, and see how the projects in this course fit together.

    02

    Build the frontend

    1. 02

      Create your first View project

      Scaffold a standalone ketjs-view project, inspect its files, and run a production build.

    2. 03

      Write a pure TSX page

      Compose markup with functions, typed props, lists and accessible HTML while keeping rendering pure.

    3. 04

      Build a counter with signals

      Create state once per island, update it through events, and understand why the view returns a function.

    4. 05

      Grow the counter into a todo list

      Handle form submission, derive counts, and preserve item identity with keyed lists.

    5. 06

      Validate a form with a shared schema

      Cast and validate form values, present useful errors, and retain the server validation boundary.

    6. 07

      Own browser effects and cleanup

      Attach browser resources after hydration and release them when the island is removed.

    7. 08

      Understand effects and reactive dependencies

      Learn when an effect runs, what it tracks, how cleanup works, and why async work needs an explicit owner.

    8. 09

      Fetch data without render side effects

      Build a searchable list with loading, empty, error and retry states, request cancellation and safe hydration.

    9. 10

      Publish a small static website

      Build a multi-page website with metadata, native links, assets and explicit islands.

    10. 11

      Generate pages from content

      Turn a small content collection into static routes and learn when client navigation is worth adding.

    03

    Compose the backend

    1. 12

      Start the local backend lab

      Scaffold a real Node application, run the learning CLI, and inspect the completed Todo API reference.

    2. 13

      Compose a module and inspect its manifest

      Declare one capability with a model and functions, then inspect the checked composition.

    3. 14

      Understand workspaces and deployment roles

      Select a complete application composition and distinguish HTTP, worker and datastore responsibilities.

    04

    Work with data

    1. 15

      Model tasks and company scope

      Declare a typed Todo model, inspect the generated schema, and distinguish identity from scope.

    2. 16

      Read and order data with queries

      Use checked table handles, explicit projections and predictable ordering to build your task list.

    3. 17

      Validate writes with functions and changesets

      Create tasks through a named operation with checked input, declared effects and controlled writable fields.

    4. 18

      Keep related writes atomic

      Use one transaction context for business changes and queued work, and design a rollback experiment.

    05

    Build the API

    1. 19

      Expose the Todo API through HTTP

      Build a bounded JSON facade with method handling, domain calls and useful status codes.

    2. 20

      Document and inspect API contracts

      Distinguish function signatures from route metadata and keep generated API documentation aligned with deployment.

    3. 21

      Connect an island to the API

      Manage pending, success and error states around a real request while preserving user input.

    06

    Protect the application

    1. 22

      Separate tenants, companies and sessions

      Understand the identity layers and prove that company-scoped records stay isolated.

    2. 23

      Grant operations and bound their effects

      Distinguish caller permissions from declared capabilities and test denial at the server boundary.

    07

    Present the application

    1. 24

      Compose server rendering and themes

      Choose between trusted TSX views and KTL theme presentation while preserving browser lifecycle and server permissions.

    2. 25

      Build navigation and translated messages

      Keep message keys and permission-aware navigation beside the module that owns their meaning.

    08

    Go beyond requests

    1. 26

      Run durable background work

      Enqueue work transactionally, run a real worker, and design handlers that tolerate retries.

    2. 27

      Handle files, outbound services and streams

      Design bounded uploads, tenant-owned storage and resumable delivery without buffering everything into memory.

    3. 28

      Expose reports and agent capabilities

      Reuse explicit business projections for printable output and machine-readable operations.

    09

    Verify and operate

    1. 29

      Test the deployment you actually ship

      Exercise real HTTP, scoped data and workers with isolated deployment fixtures and targeted checkpoints.

    2. 30

      Evolve the schema and try PostgreSQL

      Plan a schema change, distinguish planning from application, and preserve adapter contracts when changing databases.

    3. 31

      Observe behavior and measure performance

      Use structured operational records and reproducible measurements to diagnose the application you built.

    4. 32

      Prepare an evaluation deployment and upgrade

      Build an immutable artifact, separate migrations and process roles, and plan an upgrade while KetJS is in preview.

    10

    Finish the path

    1. 33

      Finish and review your task application

      Combine the course into an application and assess it against concrete frontend, data, security and operations requirements.