PractisingApi

Angular version 14

Features and used techniques

search for tracks

typescript interfaces and models, async pipe, RxJS startWith, switchMap, debounceTime, distinctUntilChanged, takeUntil, Subject

---

infinite scrolling

loading chunks of data with ngx-infinite-scroll as trigger; RxJS tap, combineLatest

---

player

custom pipes, ChangeDetectorRef, HTML5 audio element, input type="range" event listeners

---

sticky hide/show header

typescript enums; animation; observable from scroll; zone.runOutsideAngular

---

loading indicator module

@input, @output, Set, interceptor

---

page not found

Location from angular/common

Development server

Run ng serve or npm run hmr(hot module replacement feature) for a dev server. Navigate to http://localhost:4200/.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.