vmoreira-mkw / 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.

Topic list

Here are all the topics, in roughly the order we’ll use in class:

Step 101, data-binding (on StackBlitz)

Step 102, template-events (on StackBlitz)

Step 103, multiple-components (on StackBlitz)

Step 104, modules (on StackBlitz)

Step 105, routing-and-lazy-loading (on StackBlitz)

Step 201, component-hierarchy (on StackBlitz)

Step 202, template-conditionals-and-loops (on StackBlitz)

Step 203, built-in-pipes (on StackBlitz)

Step 204, class-and-style-bindings (on StackBlitz)

Step 205, component-inputs (on StackBlitz)

Step 206, component-events (on StackBlitz)

Step 300, dependency-injection-and-http (on StackBlitz)

Step 301, injecting-custom-services (on StackBlitz)

Step 302, observables (on StackBlitz)

Step 303, async-pipe (on StackBlitz)

Step 400, reactive-forms (on StackBlitz)

Step 401, component-state (on StackBlitz)

Step 402, nested-routing (on StackBlitz)

Step 403, route-parameters (on StackBlitz)

Step 404, route-driven-data-loading (on StackBlitz)

Step 405, state-with-services (on StackBlitz)

Step 406, ngrx-store (on StackBlitz)

Step 407, ngrx-store-immutability (on StackBlitz)

Step 408, ngrx-effects (on StackBlitz)

Step 409, smart-view-component-pattern (on StackBlitz)

Step 410, observable-composing-and-chaining (on StackBlitz)

Step 411, filtered-list-via-observable (on StackBlitz)

Step 500, ng-container (on StackBlitz)

Step 501, custom-validators (on StackBlitz)

Step 502, custom-async-validators (on StackBlitz)

Step 503, auxiliary-routes (on StackBlitz)

Step 504, route-guards (on StackBlitz)

Step 505, resolve-route-guard (on StackBlitz)

Step 506, reusing-observable-data (on StackBlitz)

Step 507, reactive-control (on StackBlitz)

Step 508, observable-error-handling (on StackBlitz)

Step 509, component-lifecycle (on StackBlitz)

Step 510, change-detection-strategies (on StackBlitz)

Step 511, directives (on StackBlitz)

Step 512, content-projection (on StackBlitz)

Step 513, multi-slot-projection (on StackBlitz)

Step 514, ng-switch (on StackBlitz)

Step 515, sanitization (on StackBlitz)

Step 516, component-inheritance (on StackBlitz)

Step 517, multiproviders (on StackBlitz)

Step 518, custom-pipes (on StackBlitz)

Step 519, unit-tests (on StackBlitz)

Step 520, unit-tests-http-mock (on StackBlitz)

Step 521, component-css (on StackBlitz)

Step 522, template-if-else (on StackBlitz)

Step 601, example-load-http-with-retry (on StackBlitz)

Step 602, example-nested-api-via-observables (on StackBlitz)

Step 603, example-dynamic-reactive-form (on StackBlitz)

Step 604, example-content-projection-use-case (on StackBlitz)

Step 605, example-non-singleton-service (on StackBlitz)

Step 606, example-observable-behavior (on StackBlitz)

Step 607, library-firebase-weather (on StackBlitz)

Step 608, library-firebase-data-flow (on StackBlitz)

Step 609, legacy-promises (on StackBlitz)

Step 610, legacy-api-via-http-promises (on StackBlitz)

Step 611, legacy-ng-model-two-way-binding (on StackBlitz)

Step 612, legacy-more-ng-model (on StackBlitz)

Step 613, legacy-template-forms (on StackBlitz)

Step 614, legacy-observable-composing-and-chaining (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 Oasis Digital Solutions Inc.