Labs for the Angular Courses

1. Prerequisites
2. To install on your machine
3. Lab instructions
4. To run a solution
5. About the warehouse
6. RESTful APIs
7. Instructor notes

There are only four things needed for setup and to run the labs:

1. bash
2. node ^6.7 with npm
3. The Angular cli (ng) ^1.3
4. mongoDB ^3.2

If you want some installation help including verification steps, go here .

Each lab's instructions are located in the instructions folder.

Each lab can be run without copying any files. Just open a bash shell, cd to the lab solution folder and type in

npm install
npm start

If you want to use a solution from a prior lab as a starter, either copy the whole folder to a new one or simply begin editing the code in that folder.

We have products, locations, orders, and customers. They are stored in collections (ie. tables) in a mongo database.

Have a status:

LocationID is a string with this format: AASHB where ...

• AA- Aisle - 01-99
• S - Slot - A-Z
• H - Shelf - 1-9
• B - Bin - A-Z

For example, 01A1A = Aisle 1, Slot A, Shelf 1, Bin A

Only one product will be stored in a location so locationID is a primary key

• GET /api/orders/readyToShip - Get a list of orders that are ready to ship (status=0 means "ready to ship". status=1 means "shipped")
• GET /api/orders/ - Get a list of all orders
• GET /api/orders/ - Get a single order
• PATCH /api/orders//markAsShipped - Mark the order as "shipped" (status=1)
• PATCH /api/orders//markAsProblem - Mark the order as "has a problem" (status=2)
• POST /api/orders/ - Create a new order. New order record is in the body.
• PUT /api/orders/ - Replace the order with what is in the body.
• DELETE /api/orders/ - Delete the order
• PATCH /api/orders/ - Update the order with the values in the body.

• GET /api/products - All products
• GET /api/products/ - A single product with that id (ids are between 1 and about 77 currently)
• GET /api/products/featured - All featured products (Those we want to promote. Have featured==true)
• GET /api/products?search= - All products with searchString as part of the name.
• PUT /api/products - Insert a new product into the database. The product's fields are in the body.
• PATCH /api/products/ - Update the product. Updated fields are in the body.
• DELETE /api/products/ - Delete the product

• GET /api/customers - All customers
• POST /api/customers - Create a new customer
• GET /api/customers/ - A single customer. (ids are between 1 and 78)
• PUT /api/customers/ - Replace a single customer
• PATCH /api/customers/ - Update a single customer
• DELETE /api/customers/ - Delete a single customer

• GET /api/categories - All categories
• GET /api/categories/ - Read one category

• GET /api/locations - All locations
• POST /api/locations - Creaes a new location
• GET /api/locations/ - Read location for locationID
• PUT /api/locations/ - Replace location at locationID
• PATCH /api/locations/ - Update location at locationID
• DELETE /api/locations/ - Delete location ID
• GET /api/locations/forProduct/ - Get all locations where product can be found.

Things that may be helpful to instructors teaching this course.

• Intro
• Intro Lab
• Angular CLI
• Angular CLI Lab
• Lunch
• Big Picture
• Big Picture Lab
• TypeScript

• TypeScript Lab
• Components Intro
• Components Intro Lab
• Lunch
• Property Binding
• Property Binding Lab
• Built-in Directives

• Built-in Directives Lab
• Routing
• Routing Lab
• Lunch
• Event Binding
• Event Binding Lab
• Forms and 2-way Binding
• Forms and 2-way Binding Lab

• Composition with Components
• Composition with Components Lab
• Ajax
• Lunch
• Ajax Lab
• Observables
• Observables Lab

• Services
• Services Lab
• Pipes
• Lunch
• Pipes Lab
• Modules
• Modules Lab