IT Skills Web Development and Graphic Design Scripting JavaScript
AngularJS is designed to facilitate the development of rich, robust, single-page web applications. This course will teach you about working with some of the categories of AngularUI, a companion framework to AngularJS, those being AngularUI Bootstrap, NG-Grid, UI-Alias, UI-Select, and routing with UI-Router.
Objectives |
AngularJS and UI Bootstrap - start the course
- add AngularUI Accordion and Carousel objects to AngularJS apps
- add AngularUI alerts and button objects to AngularJS apps
- add AngularUI DatePicker and TimePicker objects to AngularJS apps
- add AngularUI modal and popover objects to AngularJS apps
- add AngularUI pagination to AngularJS apps
- add AngularUI progressbar and rating objects to AngularJS apps
- add AngularUI tabs and tooltip objects to AngularJS apps
- use AngularUI typeahead features in an AngularJS app
Grid Display with NG-Grid - use ng-grid to display data in a grid format in AngularJS
- use specific display names for grid columns
- rearrange grid data by groups in an AngularJS app
- specify templates to be used for grid cells
- specify templates to be used for grid rows
- specify themes that can be used to alter grid display in AngularJS apps
Grid Data Manipulation Using NG-Grid - create a grid that can page through data supplied from a server-side data source
- create a master/detail layout in an AngularJS app
- configure a grid to have selectable cells
- configure a grid to have editable cells once selected
- configure a grid to have selectable rows
- configure a grid to support column pinning
Aliasing and Selection - rename third-party directives in AngularJS apps
- add a customizable select box functionality in AngularJS apps
Alternative Routing Using UI-Router - describe AngularJS UI-Router and how it functions as an alternative to ngRoute in AngularJS apps
- install UI-Router and configure an AngularJS app with a ui-view div and ui-sref links
- configure an AngularJS application with states
- use nested views in an AngularJS app
- use multiple views in an AngularJS app
Practice: Routing - create an AngularJS app that routes using UI-Router
|