Each course guides you through a small project one clear step at a time. Read the explanation, make one change, and use the checker to learn from the result.
Learn page structure, design judgment, styling, JavaScript, and browser interaction.5 courses·Show the courses in this program5 courses·Show the courses in this program
Learn Design Foundations by Improving Public-Service Pages
Design
Learn why an interface works before learning the CSS used to build it.
0 of 180 steps completed9000 XPFinish Learn HTML by Building a Sari-Sari Store Page before starting this course.
Loading your saved progress…
3
Learn CSS by Building a Jeepney Route Card
CSS
Now make it look good. Colours, spacing, fonts, and layout.
0 of 450 steps completed21365 XPFinish Learn Design Foundations by Improving Public-Service Pages before starting this course.
Loading your saved progress…
4
Learn JavaScript by Building a Palengke Price Counter
JavaScript
Now make it think. Store numbers, do maths, make decisions, repeat work.
0 of 655 steps completed33610 XPFinish Learn CSS by Building a Jeepney Route Card before starting this course.
Loading your saved progress…
5
Learn JavaScript on a Page by Building Barangay Screens
HTML
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.
0 of 120 steps completed6000 XPFinish Learn JavaScript by Building a Palengke Price Counter before starting this course.
Loading your saved progress…
Front-End Development
Connect real app data, build typed React interfaces, and prove them with tests and diagnostics.5 courses·Show the courses in this program5 courses·Show the courses in this program
6
Learn JavaScript for Real Apps by Connecting Browser Data
JavaScript
Load data, handle failures, submit records, and keep small browser preferences safely.
0 of 130 steps completed7150 XPFinish Learn JavaScript on a Page by Building Barangay Screens before starting this course.
Loading your saved progress…
7
Learn Tailwind CSS by Building a Turo-Turo Menu Card
Tailwind CSS
You already know CSS. Now learn to write it as short class names instead of rules.
0 of 128 steps completed5480 XPFinish Learn JavaScript for Real Apps by Connecting Browser Data before starting this course.
Loading your saved progress…
8
Learn React by Building a Barangay Help Desk
React
Build real React components and see each change render in a secure live preview.
0 of 550 steps completed30680 XPFinish Learn Tailwind CSS by Building a Turo-Turo Menu Card before starting this course.
Loading your saved progress…
9
Learn TypeScript for React by Hardening Community Interfaces
TypeScript + React
Add useful types to props, state, events, request states, collections, and reusable content.
0 of 120 steps completed7200 XPFinish Learn React by Building a Barangay Help Desk before starting this course.
Loading your saved progress…
10
Learn Testing and DevTools by Repairing Front-End Evidence
Testing + DevTools
Write focused tests, preserve bug fixes, and interpret stack, network, and performance evidence.
0 of 80 steps completed4700 XPFinish Learn TypeScript for React by Hardening Community Interfaces before starting this course.
Loading your saved progress…
Back-End Development
Ask a database questions, then build and secure the server that answers them.1 course·Show the courses in this program1 course·Show the courses in this program