Write real code. See it work.

Start here. Build a real web page from nothing, one piece at a time.

Learn why an interface works before learning the CSS used to build it.

Now make it look good. Colours, spacing, fonts, and layout.

Now make it think. Store numbers, do maths, make decisions, repeat work.

Make a real page answer back. Find the parts of a page from your script, change what they say, and run your own code when somebody clicks.

Load data, handle failures, submit records, and keep small browser preferences safely.

You already know CSS. Now learn to write it as short class names instead of rules.

Build real React components and see each change render in a secure live preview.

Add useful types to props, state, events, request states, collections, and reusable content.

Write focused tests, preserve bug fixes, and interpret stack, network, and performance evidence.

Read, group, and connect real database records. Build store reports, a jeepney dispatch list, and a small volunteer register you can update.

Read, filter, and add documents with small JSON commands. Build a neighborhood shop catalog, a Cebu delivery list, and a public market packing list in your browser.

Practise folders, files, and Git history in your own terminal through Philippine community projects. Needs a computer with Node.js and Git. Checks run on your computer and are practice only.

Run JavaScript on your own computer: scripts, modules, files, waiting for work, command-line tools, settings, and folders, all with Node built-ins. Needs a computer with Node.js. Checks run on your computer and are practice only.

Build web APIs with Node built-ins: routes, JSON, request bodies, validation, filtering, middleware, SQLite storage, errors, and clean design. Needs a computer with Node.js 22.13 or newer. Checks run on your computer and are practice only.

Protect users and their data with Node built-ins: password hashing, sign-up and login, sessions and cookies, signed tokens, access control, and a security checklist. Needs a computer with Node.js 22.13 or newer. Checks run on your computer and are practice only.

Connect a React front end to your own Node.js API: set up and build with Vite, pass props, serve the built app, load and send data, handle loading and errors, configure settings, and get ready to deploy. Needs a computer with Node.js 22.13 or newer and internet for npm install. Checks run on your computer and are practice only.