Welcome to the Angular Boot Camp Curriculum. This repository contains over half of the example code we use in teaching Angular Boot Camp, available here to use in class, or for the web at large to refer to as (hopefully) high quality examples of specific Angular topics.
Initially these examples contain very little explanation; we provide the explanation during Angular Boot Camp. In the future we hope to add more explanation text, but this material is fundamentally about supporting our class effort.
Here are our published examples, in roughly the order we'll use in class:
Example 000, preparation-and-introduction (on StackBlitz)
Example 100, my-first-angular-app (on StackBlitz)
Example 101, data-binding (on StackBlitz)
Example 102, template-events (on StackBlitz)
Example 103, multiple-components (on StackBlitz)
Example 104, routing-and-lazy-loading (on StackBlitz)
Example 200, create-new-project (on StackBlitz)
Example 201, component-hierarchy (on StackBlitz)
Example 202, template-conditionals-and-loops (on StackBlitz)
Example 203, built-in-pipes (on StackBlitz)
Example 204, pipe-locales (on StackBlitz)
Example 205, class-and-style-bindings (on StackBlitz)
Example 206, animations (on StackBlitz)
Example 207, input-data-bindings (on StackBlitz)
Example 208, output-event-bindings (on StackBlitz)
Example 300, dependency-injection-and-http (on StackBlitz)
Example 301, injecting-custom-services (on StackBlitz)
Example 302, observables (on StackBlitz)
Example 303, async-pipe (on StackBlitz)
Example 400, component-state (on StackBlitz)
Example 401, reactive-forms (on StackBlitz)
Example 402, smart-view-component-pattern (on StackBlitz)
Example 403, observable-composing-and-chaining (on StackBlitz)
Example 404, filtered-list-via-observable (on StackBlitz)
Example 500, nested-routing (on StackBlitz)
Example 501, route-parameters (on StackBlitz)
Example 502, query-parameters (on StackBlitz)
Example 503, route-guards (on StackBlitz)
Example 504, resolve-route-guard (on StackBlitz)
Example 600, state-with-services (on StackBlitz)
Example 601, ngrx-store (on StackBlitz)
Example 602, ngrx-store-immutability (on StackBlitz)
Example 603, ngrx-effects (on StackBlitz)
Example 700, providers (on StackBlitz)
Example 701, complex-animations (on StackBlitz)
Example 702, custom-validators (on StackBlitz)
Example 703, custom-async-validators (on StackBlitz)
Example 704, secondary-routes (on StackBlitz)
Example 705, complex-query-params (on StackBlitz)
Example 706, custom-form-controls (on StackBlitz)
Example 707, reusing-observable-data (on StackBlitz)
Example 708, reactive-control (on StackBlitz)
Example 709, observable-error-recovery (on StackBlitz)
Example 710, component-lifecycle (on StackBlitz)
Example 711, change-detection-strategies-why-on-push (on StackBlitz)
Example 712, mutability-and-change-detection (on StackBlitz)
Example 713, detect-async-changes-when-using-on-push (on StackBlitz)
Example 714, directives (on StackBlitz)
Example 715, infinite-scroll (on StackBlitz)
Example 716, content-projection (on StackBlitz)
Example 717, multi-slot-projection (on StackBlitz)
Example 718, ng-switch (on StackBlitz)
Example 719, sanitization (on StackBlitz)
Example 720, component-inheritance (on StackBlitz)
Example 721, multiproviders (on StackBlitz)
Example 722, custom-pipes (on StackBlitz)
Example 723, unit-tests (on StackBlitz)
Example 724, unit-testing-mocks (on StackBlitz)
Example 725, unit-testing-testbed (on StackBlitz)
Example 726, unit-tests-http-mock (on StackBlitz)
Example 727, async-unit-tests (on StackBlitz)
Example 728, component-template-testing (on StackBlitz)
Example 729, component-css (on StackBlitz)
Example 730, ngrx-feature-modules (on StackBlitz)
Example 731, form-array (on StackBlitz)
Example 732, socket-io (on StackBlitz)
Example 733, signals-primitives (on StackBlitz)
Example 734, signals-rxjs (on StackBlitz)
Example 735, signals-effect (on StackBlitz)
Example 736, ngrx-select-signal (on StackBlitz)
Example 737, deferrable-views (on StackBlitz)
Example 738, input-transforms (on StackBlitz)
Example 739, directive-composition (on StackBlitz)
Example 740, ngrx-signal-store (on StackBlitz)
Example 741, routed-component-inputs (on StackBlitz)
Example 800, upgrading-from-angular-js (on StackBlitz)
Example 801, example-load-http-with-retry (on StackBlitz)
Example 802, example-nested-api-via-observables (on StackBlitz)
Example 803, example-dynamic-reactive-form (on StackBlitz)
Example 804, example-content-projection-use-case (on StackBlitz)
Example 805, example-binding-to-svg (on StackBlitz)
Example 806, example-non-singleton-service (on StackBlitz)
Example 807, example-observable-behavior (on StackBlitz)
Example 808, legacy-promises (on StackBlitz)
Example 809, legacy-api-via-http-promises (on StackBlitz)
Example 810, legacy-ng-model-two-way-binding (on StackBlitz)
Example 811, legacy-more-ng-model (on StackBlitz)
Example 812, legacy-template-forms (on StackBlitz)
Example 813, legacy-ng-modules (on StackBlitz)
Example 814, legacy-ng-modules-routing (on StackBlitz)
Example 815, legacy-if-for-structural-directives (on StackBlitz)
Example 900, video-stat-tracker (on StackBlitz)
(There are additional examples and materials available for advanced topics in class, which don't fit well into the format presented here; your instructor will direct you to the relevant materials as those topics come up in class.)
Frequently asked questions and answers are on our FAQ page
Numerous links and other resources are available in the resource directory.
This is maintained by the team at Oasis Digital to use in teaching Angular Boot Camp
We offer:
- Public Angular training, both in-person and online
- Private Angular training for your organization, both in-person and online
- Consulting and software development / assistance
Copyright 2018-2022 Oasis Digital Solutions Inc.