/angular-master-class-jump-start

Angular Master Class - Jump Start

Primary LanguageTypeScriptOtherNOASSERTION

Angular Master Class

This repository contains all the Lab Solutions for the Angular Master Class courseware by thoughtram.

Learning Modules

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-10 or observables-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

Local Setup

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

Web and App Servers

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.

Important

Have fun and good luck!

Christoph & Pascal & Dominic