AngularUI Companion Frameworks

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

Prerequisite
None

Expected Duration
143 minutes

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.

Objective

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

MONTHLY SUBSCRIPTION

$129/month
 

ANNUAL SUBSCRIPTION

$1295/year

Multi-license discounts available for Annual and Monthly subscriptions.