1. Using Directives

• Add a toolbar header to the template

2. Display 1st Contact

• Put contact details into template using property binding & interpolation

3. Display List of Contacts

• Import list of contacts
• Render it into the template with *ngFor
• (trackBy)

4. Build a Service & Dependency Injection

• Make a service
• Inject it into the contracts component
• Use the service to get the list of contacts OnInit
• (do without OnInit)

5. Set Up Routing

• Move the contacts list into its own component
• Import the router module
• Route the only current route, /, to the list component
• Add router outlet to the template
• (redirect garbage roots back to /)