Angular Boot Camp Curriculum - DRAFT

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 the Angular Boot Class. In the future we hope to add more explanation in line here, 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 521, component-css (on StackBlitz)

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

(There are additional 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.)

Who?

This is maintained by the team at Oasis Digital to use in teaching Angular Boot Camp

Copyright 2018 Oasis Digital Solutions Inc.