Time to learn Angular

Full Stack Software Development Blog

The front end will be written using Angular 6. Angular has a Tour of Heroes tutorial. I worked through it and pushed the code to github. As I worked through the tutorial I created branches - each branch building from the previous branch.

The repository can be found at https://github.com/gpratte/angular-v6-tour-of-heroes

Here are the branches of the repo

• step-1-create-a-new-application
• step-2-change-title-and-style
• step-3-heroes-component
• step-4-hero-class
• step-5-uppercase-pipe
• step-6-edit-the-hero
• step-7-list-of-heroes
• step-8-master-detail
• step-9-hero-detail-component
• step-10-hero-service
• step-11-observable-hero-service
• step-12-message-service
• step-13-app-routing-heroes-url
• step-14-app-routing-heroes-link
• step-15-dashboard-component-and-route
• step-16-routable-hero-detail
• step-17-detail-go-back
• step-18-http-client (get many works but not get one)
• step-19-error-handling (get many works but not get one)
• step-20-http-get-one
• step-21-hero-update
• step-22-hero-add
• step-23-hero-delete
• step-24-search

To see the angular code in action do the following:

Install the angular cli
npm install -g @angular/cli

Run the server
ng serve

Access the code at http://localhost:4200