NodeGX University

The learning wing. Lessons open as a real project in your editor and grade themselves against your actual graph — not against a screenshot.

Tutorials & tips · Ask about a lesson on the Bench

The spine · 12 lessons

Twelve lessons, in order, building one app. Each concept is motivated by a problem the last lesson left you with.

Your creature, on screen30 min · elements, hierarchy, propertiesA blank page becomes a card with a picture, a name and a coloured frame — and a user interface turns out to be a tree of things with properties.In writingGroupTextImageCircle
Poke it30 min · events, event handlersThe card ignores you. Events are the pulses that say something just happened, and they are not the same thing as a value.In writingButtonAnimate To Value
It forgets you30 min · variables, statePoke it twice and nothing accumulates. State is a remembered value that events change.In writingCounterValue Changed
Show what it feels30 min · expressions, reactive data flowThe number is stored and the screen says nothing useful. Values travel from state through transforms to what you see, and update themselves.In writingExpressionString Format
Moods30 min · if / else, booleans, comparison"Hungry" versus "fine" is a decision the app has to make. Conditions and branching.In writingConditionSwitchStates
It gets demanding30 min · boolean operators, timersOne condition is not enough — hungry AND bored. Combining logic, and time as a source of events.In writingTimerAndOrInverter
Snacks35 min · arrays, iteration, templatesA menu of snacks is many similar things. One item design, repeated per item of data.In writingStatic DataFor EachFor Each Actions
A cupboard that remembers35 min · database, create / read / update / deleteThe menu is fixed and forgets when you close the app. Records that outlive the session.In writingDbModel2Create RecordQuery RecordsDelete Record
More than one room30 min · routing, URLs, parametersOne screen is cramped. Pages, routes, and passing which-thing along with the navigation.In writingRouterPagePage InputsNavigate
Build your own node35 min · functions and components, interfaces, encapsulationThe card is duplicated on two pages and changing it twice hurts. Your own reusable part, with the inputs it declares.In writingComponent InputsComponent Outputs
The same ideas in code30 min · variables, handlers, conditionals, loops, functions"Is this programming?" — yes. Every concept you used, mapped onto fifteen lines of real JavaScript.In writingFunctionExpression
Capstone: your own app90 min · all of it, unaidedAn app of your own, built from an idea rather than from instructions. Pick from a menu of scoped ideas or bring your own.In writing

Your progress

Other paths

Data & backends2 lessonsAfter the spine. Where records live, who may read them, and what happens when the network is slow.
1. Queries that do not lie35 min · queries, filters, sortingFiltering, sorting and the difference between what you asked for and what you got.In writingQuery RecordsFor Each
2. Talking to somebody else's server35 min · HTTP, JSON, loading statesA REST call, the shapes that come back, and what to draw while you wait.In writingRESTStatic Data
Custom nodes1 lessonAdvanced. When the node you need does not exist, you write it — and it looks like every other node afterwards.
1. The node you write yourself45 min · kits, modules, portsA kit on disk, a React node inside it, and the ports that make it look native.In writingComponent Inputs

Every lesson above is being written. Nothing here is a download — a lesson opens from a folder on your own machine and always will, whatever this page says about it.