O'Reilly logo

AngularJS by Example by Chandermani

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The Personal Trainer layout

The skeleton structure of Personal Trainer looks like this:

The Personal Trainer layout

This has the following components:

  • Top Nav: This contains the app branding title and history link.
  • Sub Nav: This has navigation elements that change based on the active view (the view shown is ng-view).
  • Left nav: This contains elements that are dependent upon the active view.
  • Content Area: This is the main view. This is where most of the action happens. We will create/edit exercises and workouts and show a list of exercises and workouts here.

Look at the source code files, there is a new folder workoutbuilder under app/partials. It has view files for each element that ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required