Angular online course
The Angular online course in CodeWorlds is 14 modules of short lessons with a code editor and 610 hands-on exercises, told as a story-driven adventure. You can read the lessons for free on this site.
Welcome to feudal Japan! Become an Angular code samurai under Master Hattori's guidance. Master the art of components like a katana, and reactivity like bushidΕ.
Your guide
Mistrz Hattori
Angular Samurai
What you'll learn
- Angular 19+ with standalone components
- Advanced TypeScript
- RxJS - reactive programming
- Angular Signals - new reactivity
- NgRx - state management
- Angular Router and Guards
- Dependency Injection
- Testing with Jasmine/Karma
Main projects
During the course you will build real projects that you can add to your portfolio
Dojo Dashboard
Samurai school admin panel
Katana Shop
E-commerce with cart and payments
Shogun CRM
Customer management system
Course program
14 modules full of interactive exercises and practical projects
Dojo Gate
Introduction to Angular
What Angular is, its architecture, installing the Angular CLI, TypeScript for Angular and standalone components
42 exercises
Samurai Sword
Components
Component anatomy, data binding, the new control flow, lifecycle hooks, and communication with inputs and outputs
43 exercises
Clans and Provinces
Modules
NgModules, feature modules, lazy loading, standalone versus NgModules and organizing code in a larger app
45 exercises
The Tokaido Trails
Routing
Router setup, route parameters, route guards, nested routes and advanced routing
48 exercises
Craftsmen Guilds
Services and DI
Services, dependency injection, the injector hierarchy, injection tokens and communication between components via services
44 exercises
Fire Signals
Signals
signal(), computed() and effect(), signal methods, signal-based inputs and how Signals compare with RxJS
42 exercises
Tsunami Wave
RxJS
Observables in Angular, RxJS operators, subscription management, Subjects and practical reactive programming patterns
47 exercises
Calligraphy School
Forms
Forms in Angular, validation, custom validators, FormArray and advanced form techniques
45 exercises
Couriers and Messengers
HttpClient
HttpClient, CRUD operations, HTTP error handling, interceptors and advanced API communication
42 exercises
The Shogun's Treasury
State Management
State with Signals, SignalStore, NgRx Store, selectors and effects, and choosing a state management approach
42 exercises
Bushido Tests
Testing
Component unit tests, testing services and HTTP, mocks and spies, testing async code and Signals, and E2E with Playwright
44 exercises
Shogun's Castle
Security and Performance
XSS protection and CSP, authentication and authorization, performance optimization, profiling and accessibility (a11y)
40 exercises
The Tea Ceremony
UI and Styling
Component styling and CSS, Angular Material, animations, responsive design and Tailwind CSS in Angular
43 exercises
Warrior's Path
Advanced Patterns
Content projection, custom directives and pipes, SSR and deployment, and the future of Angular
43 exercises
Course theme
Feudal Japan and Samurai
Each module is set in a unique theme that makes learning an adventure.
Your guide
Mistrz Hattori
Angular Samurai
Will guide you through all challenges and help you gain new skills.
Angular course FAQ
Is the Angular course free?
Partly. You can read the Angular lessons for free on this site. The course tasks in the app require a premium plan, while a free account lets you complete the HTML and CSS course in the app with 10 fuel units a day.
How long does the Angular course take?
The estimated learning time for the Angular course is 90-120 hours. The course has 14 modules and more than 610 tasks, and you set the pace.
Do I need previous experience for the Angular course?
Before the Angular course it helps to know: JavaScript ES6+, TypeScript basics, HTML/CSS.
What will I learn in the Angular course?
In the Angular course you will learn, among other things: Angular 19+ with standalone components, Advanced TypeScript, RxJS - reactive programming, Angular Signals - new reactivity.
What is learning in CodeWorlds like?
In CodeWorlds, every module is a series of short lessons with a live code editor, check questions and hands-on tasks. Progress earns you XP and unlocks new locations in the Land of the Samurai world.
Start learning Angular 19+ today
Join CodeWorlds and discover modern learning methods that make programming fascinating and accessible to everyone.