Learn
Build a habit tracker
One app, built a lesson at a time. You write Angular in the editor and it runs beside you in a browser preview: the real Angular Native components, with iOS, Android and dark mode a switch away. Each step has checks that run as you type.
The course assumes you know modern Angular: standalone components, signals, control flow, dependency injection and Signal Forms. It teaches how they work with native views. There is nothing to install.
- 1
Your first screen
Native elements instead of the DOM, and the views they become.
- 2
Layout and style
Flexbox as a phone does it, and component CSS compiled for native.
- 3
A list of habits
A list drawn from a signal, what it costs in native views, and a scroll view to hold it.
- 4
Touch
Pressables, touch feedback with :active, and screen readers without a <button>.
- 5
Tailwind and platforms
Style with Tailwind, and let iOS, Android and dark mode each look right.
- 6
A form for new habits
A native text field bound to Signal Forms, and a keyboard that behaves.
- 7
Testing
Test the native tree and its interactions on a fake Fabric, and see what needs a device.