1. Create start page

   1. Start by copying default tenmplate from here: http://getbootstrap.com/examples/theme/
   2. Replace css with correct ones
   3. Addin the missing css entries so index.html
   4. Remove content of page
   5. Move styles to separate file
   6. Edit menu 6.1 Show conlse / Discover missing jquery 6.2 Add jquery
   7. Remove theme css
   8. Move menu to right

2. Create angular-js application

   1. Create the app.js module 2.1 Add all required sj 2.2 Explain why we need a "new bootstrap library" 2.3 Why is the menu not working?
      • The problem with java script!
      • Remove the menu
   2. Add the controller (server.js)
   3. Add ng-app/ng-controller to the page
   4. Add a bound variable
   5. Add counter
      • Explain dependencies
      • Explain functions (lambdas)

3. Create a view and add routing

   1. Create the view
   2. Add the ng-vire
   3. Add routing
   4. Explain why this is significant

4. Create a table

   1. Show the table section on bootstrap docs page
   2. Add basic table with headers
   3. Add a sample row

5. Adding a service

   1. Add the service file
   2. Create a basic service (discuss the options)
   3. include it in index.html
   4. Add ng-repeat
   5. Add the mock server (explain that this is a fake API)

6. Bind variables

   1. Bind all variables

7. Create icons and change styles

   1. Show bootstrap icons
   2. Show font awesome
   3. Add the status icon
   4. Add the type icon
   5. Add a color lable around status icon

8. Adding functions

   1. Add top text.
   2. Creat bound function (refresh())
   3. Why is refresh "flickering" ?
   4. Fix flickering
   5. Reuse refresh call
   6. Ditch the "Old" stuff (intevall etc)

9. Implement refresh & filter

   1. Add ordering and filtering to repeat
   2. Add fields for sorting, reverse and filter
   3. Add funtion to set sort items
   4. Add missing css for search clear