javascriptIntermediate
Angular
46 lessons · Components, DI, forms, router, RxJS, signals, ship
AngularTypeScriptDIReactive FormsRxJSSignals
Duration
7 weeks
Starts
Students
0+
Rating
0 / 5
Starting from
49 000 ֏
- 7 weeks (34h total)
- Starts
- online format
- HY · EN · RU
- Certificate on completion
No payment required to register · We’ll contact you within 24h
What this course is about
Overview
46 lessons · Components, DI, forms, router, RxJS, signals, ship
Across 7 weeks (34 hours of live + project work) you’ll move from fundamentals to shipping a real, production-grade project — guided by Tigran Hakobyan and the beeon.academy mentor team.
Learning outcomes
What you will learn
Build standalone components with clear inputs/outputs
Inject services instead of new; shape FormGroup validation
Wire Angular Router and HttpClient/RxJS without leaks
Use signals where they clarify local state; ship via ng build
Interactive course
Lessons
46 lessons · all open, start with any
- 1A batteries-included TypeScript UI framework26 min
- 2Modern Angular is standalone-first24 min
- 3ng new without cargo-cult flags24 min
- 4When a thinner stack wins22 min
- 5Components, DI, and templates as one machine26 min
- 6Course map: component → DI → forms → router → ship22 min
- 7Components as the unit of UI28 min
- 8Template syntax that stays readable26 min
- 9Property, event, and two-way binding with intent28 min
- 10@if / @for control flow (not *ngIf folklore only)26 min
- 11Inputs down, outputs up28 min
- 12Lifecycle hooks that match the browser24 min
- 13Workshop: presentational card with input + output28 min
- 14Dependency Injection as the Angular spine28 min
- 15providedIn root vs component providers26 min
- 16inject() in modern fields and factories24 min
- 17Services hold work; components orchestrate28 min
- 18InjectionToken for non-class values24 min
- 19Workshop: feature service + component consumer28 min
- 20Template-driven vs reactive forms — pick on purpose24 min
- 21FormGroup / FormControl as the validation graph30 min
- 22Built-in and custom validators26 min
- 23Error UX that users can act on24 min
- 24Workshop: login FormGroup with required email28 min
- 25Angular Router as the URL contract24 min
- 26Route config, params, and nested outlets28 min
- 27Navigation that respects history24 min
- 28Guards and resolvers for gates and data28 min
- 29Lazy routes for smaller first loads24 min
- 30Workshop: shell layout + :id detail route28 min
- 31HttpClient instead of raw fetch sprawl28 min
- 32Observables you actually need day one28 min
- 33map, switchMap, catchError — the daily three26 min
- 34Interceptors for cross-cutting HTTP habits26 min
- 35HTTP error states users can understand24 min
- 36Workshop: list load with pending and error28 min
- 37Signals for local reactive state28 min
- 38input() / output() signal APIs24 min
- 39Change detection without cargo-cult OnPush slogans26 min
- 40Standalone imports that stay honest24 min
- 41Workshop: counter with signal + computed28 min
- 42Test components without only clicking preview26 min
- 43Environments and secrets boundaries24 min
- 44ng build and deploy habits24 min
- 45Playbook: tiny Angular app from zero28 min
- 46Practice loop for next week22 min
Course modules
Syllabus
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
What you need to start
Requirements
- Comfortable with TypeScript and modern JavaScript
- Node.js installed for Angular CLI labs
- No prior Angular experience required
Learn from a working engineer
Your instructor
TH
Tigran Hakobyan
Frontend Mentor · beeon.academy
Instructor at beeon.academy. Angular path (ArT): 46 lessons through standalone DI ship habits.
What graduates say
Student reviews
Common questions
FAQ
Starting from
49 000 ֏