dentkachuk/abc

Starting point for Angular Boot Camp published example code

Angular Boot Camp in-class examples

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.

Example list

Here are our published examples, in roughly the order we’ll use in class:

Example abc000, preparation-and-introduction (on StackBlitz)

Example abc100, my-first-angular-app (on StackBlitz)

Example abc101, data-binding (on StackBlitz)

Example abc102, template-events (on StackBlitz)

Example abc103, multiple-components (on StackBlitz)

Example abc104, modules (on StackBlitz)

Example abc105, routing-and-lazy-loading (on StackBlitz)

Example abc200, create-new-project (on StackBlitz)

Example abc201, component-hierarchy (on StackBlitz)

Example abc202, template-conditionals-and-loops (on StackBlitz)

Example abc203, built-in-pipes (on StackBlitz)

Example abc204, pipe-locales (on StackBlitz)

Example abc205, class-and-style-bindings (on StackBlitz)

Example abc206, animations (on StackBlitz)

Example abc207, input-data-bindings (on StackBlitz)

Example abc208, output-event-bindings (on StackBlitz)

Example abc300, dependency-injection-and-http (on StackBlitz)

Example abc301, injecting-custom-services (on StackBlitz)

Example abc302, observables (on StackBlitz)

Example abc303, async-pipe (on StackBlitz)

Example abc400, component-state (on StackBlitz)

Example abc401, reactive-forms (on StackBlitz)

Example abc402, smart-view-component-pattern (on StackBlitz)

Example abc403, observable-composing-and-chaining (on StackBlitz)

Example abc404, filtered-list-via-observable (on StackBlitz)

Example abc500, nested-routing (on StackBlitz)

Example abc501, route-parameters (on StackBlitz)

Example abc502, query-parameters (on StackBlitz)

Example abc503, route-guards (on StackBlitz)

Example abc504, resolve-route-guard (on StackBlitz)

Example abc600, state-with-services (on StackBlitz)

Example abc601, ngrx-store (on StackBlitz)

Example abc602, ngrx-store-immutability (on StackBlitz)

Example abc603, ngrx-effects (on StackBlitz)

Example abc700, ng-container (on StackBlitz)

Example abc701, providers (on StackBlitz)

Example abc702, complex-animations (on StackBlitz)

Example abc703, custom-validators (on StackBlitz)

Example abc704, custom-async-validators (on StackBlitz)

Example abc705, secondary-routes (on StackBlitz)

Example abc706, custom-form-controls (on StackBlitz)

Example abc707, reusing-observable-data (on StackBlitz)

Example abc708, reactive-control (on StackBlitz)

Example abc709, observable-error-recovery (on StackBlitz)

Example abc710, component-lifecycle (on StackBlitz)

Example abc711, change-detection-strategies-why-on-push (on StackBlitz)

Example abc712, mutability-and-change-detection (on StackBlitz)

Example abc713, detect-async-changes-when-using-on-push (on StackBlitz)

Example abc714, directives (on StackBlitz)

Example abc715, infinite-scroll (on StackBlitz)

Example abc716, content-projection (on StackBlitz)

Example abc717, multi-slot-projection (on StackBlitz)

Example abc718, ng-switch (on StackBlitz)

Example abc719, sanitization (on StackBlitz)

Example abc720, component-inheritance (on StackBlitz)

Example abc721, multiproviders (on StackBlitz)

Example abc722, custom-pipes (on StackBlitz)

Example abc723, unit-tests (on StackBlitz)

Example abc724, unit-testing-mocks (on StackBlitz)

Example abc725, unit-testing-testbed (on StackBlitz)

Example abc726, unit-tests-http-mock (on StackBlitz)

Example abc727, async-unit-tests (on StackBlitz)

Example abc728, component-template-testing (on StackBlitz)

Example abc729, component-css (on StackBlitz)

Example abc730, template-if-else (on StackBlitz)

Example abc731, ngrx-feature-modules (on StackBlitz)

Example abc732, form-array (on StackBlitz)

Example abc733, socket-io (on StackBlitz)

Example abc800, upgrading-from-angular-js (on StackBlitz)

Example abc801, example-load-http-with-retry (on StackBlitz)

Example abc802, example-nested-api-via-observables (on StackBlitz)

Example abc803, example-dynamic-reactive-form (on StackBlitz)

Example abc804, example-content-projection-use-case (on StackBlitz)

Example abc805, example-binding-to-svg (on StackBlitz)

Example abc806, example-non-singleton-service (on StackBlitz)

Example abc807, example-observable-behavior (on StackBlitz)

Example abc808, legacy-promises (on StackBlitz)

Example abc809, legacy-api-via-http-promises (on StackBlitz)

Example abc810, legacy-ng-model-two-way-binding (on StackBlitz)

Example abc811, legacy-more-ng-model (on StackBlitz)

Example abc812, legacy-template-forms (on StackBlitz)

Example abc900, 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.)

FAQs and resources

Frequently asked questions and answers are on our FAQ page

Numerous links and other resources are available in the resource directory.

Who?

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.