AngularUI Companion Frameworks

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