This repository contains all the Lab Solutions for the Angular Master Class courseware by thoughtram.
Each learning module of the Angular Master Class course has 1 or more lab exercises. Each lab exercise adds features and enhancements to the previous lab exercise.
- The final module solutions are stored in module branches.
- The lab exercise solutions are accessed via git tags; e.g.
jump-start-step-10orobservables-step-3.
Shown below are quick-links and ordering of the Angular Master Class courseware modules:
| Module | Git Command |
|---|---|
| Module 1: Jump-Start | git checkout jump-start-step-<xxx> |
| Module 2: Observables | git checkout observables-step-<xxx> |
| Module 3: Architecture | git checkout architecture-step-<xxx> |
| Module 4: Routing | git checkout routing-step-<xxx> |
| Module 5: Forms | git checkout forms-step-<xxx> |
| Module 6: Redux | git checkout redux-step-<xxx> |
| Module 7: ngrx | git checkout ngrx-step-<xxx> |
| Module 8: Testing | git checkout testing-step-<xxx> |
| Module 9: Reusable Libraries | git checkout reusable-libraries-step-<xxx> |
| Module 10: Progressive Web Apps | git checkout pwa-step-<xxx> |
| Module 11: Universal | git checkout universal-step-<xxx> |
For each lab exercise, simply use the git command to quickly checkout the solution for that lab exercise:
git checkout jump-start-step-11
To checkout the final module solution (after all the lab exercises are completed), either checkout the branch or the latest tag of that branch. So, for example, to checkout the final solution Module 1: Jump-Start, use:
git checkout jump-start
If not done already, clone this repository using:
$ git clone https://github.com/thoughtram/angular-master-class-starter.git
Done? Great, now install the dependencies (this might take a little while):
$ cd angular-master-class-starter
$ npx yarn install
You may also need to globally install the Angular-Cli:
npm i -g @angular/cli
To launch your web application, use a Terminal session with the command:
$ ng serve
This starts a web server for the Angular application; open with a browser url http://localhost:4200.
And since your Angular application may request external, remote data [from http://localhost:4201/api], you will need a local app server to respond to the REST API calls. We have already configured a server as part of this repository.
Simply start a second, separate Terminal session with the commend:
$ npm run rest-api
While only some of the solutions use the app server, it will not hurt to start it immediately.
Have fun and good luck!
Christoph & Pascal & Dominic