AngularUI Companion Frameworks


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level


Overview/Description
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.

Target Audience
Web developers with a basic understanding of developing AngularJS apps who wish to learn more advanced concepts related to AngularJS

Prerequisites
None

Expected Duration (hours)
2.4

Lesson Objectives

AngularUI Companion Frameworks

  • 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
  • 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
  • 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
  • rename third-party directives in AngularJS apps
  • add a customizable select box functionality in AngularJS apps
  • 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
  • create an AngularJS app that routes using UI-Router

    • Course Number:
    sl_anjt_a04_it_enus

    Expertise Level
    Expert