A

1. Accessible rich internet application (ARIA)

   1. accessibility features

   2. browser warning

   3. features

   4. ngAria

   5. tab index

2. Action buttons

   1. button

      1. ng-href attribute

      2. style and intention

   2. FAB

1. menu

   1. alignment

   2. elements/directives

   3. menu bar

   4. nested menus

   5. separator

   6. source code

   7. toolbar

1. Alert dialog

   1. alert box

   2. ariaLabel

   3. clickOutsideToClose

   4. closeTo

   5. confirm

   6. hide

   7. htmlContent

   8. openFrom

   9. shows

   10. templateUrl

   11. theme

2. AngularJS

   1. controller

   2. controller loads

   3. data binding

   4. DI

   5. directives

   6. HTML templates

   7. minification safe

   8. module

   9. provider

   10. services

3. Angular material

   1. adaptive layout

   2. advantages

   3. AngularJS application

   4. basics

1. buttons

1. code samples

   1. code running

   2. folder structure

2. coding practice

3. concepts

   1. downloading

   2. ES2015

   3. NPM

4. dependency injection

5. design patterns

6. directives and services

7. layout

1. material design

1. scenarios

2. source code (‘hello world’)

3. theming

4. typography

5. unit testing

6. web server

   1. IIS express

   2. live server

   3. Rendered output

   4. serve

1. aProviderFunction() function

2. Autocomplete drop-down

   1. filter

   2. filterSuperheroes()

   3. md-highlight-text

   4. md-search-text

   5. options

   6. source code

B

1. Bottom sheet

   1. demonstration

   2. grid view

   3. handle actions

      1. backdrop enable and disable

      2. cancel() API

      3. $mdBottomSheet

      4. show() function

      5. source code

   4. list view

      1. login options

      2. source code

      3. template

   5. md-bottom-sheet

   6. source code

   7. swipe

      1. console statement

      2. directions

      3. directives

2. Bower

3. Breakpoint (Responsive design)

4. Button directive

C

1. Check box

2. Chips

   1. contact chips

   2. empty field

   3. list of

   4. ng-model

   5. source code

   6. templates customization

   7. transform function

3. Circular progress bar

4. Code editor/IDE

5. Confirm dialog

   1. configuration

   2. confirm() function

   3. dialog box

   4. $mdDialog.show API

   5. source code

   6. styled confirm dialog

6. confirm() function

7. Controller

D

1. Data binding

2. Date picker

3. Dependency injection (DI)

4. Design patterns

5. Dialogs

   1. md-dialog element

   2. pass values

   3. source code

6. Dialogs

1. Divider

2. document.getElementById() function

E

1. ES6

1. ES2015

F

1. filterSuperheroes() function

2. Flex

   1. attributes

   2. source code

   3. streching and skewing

   4. values

3. flexbox

4. Floating action button (FAB)

   1. controls

   2. CSS classes

   3. md-fab class

   4. source code

   5. speed dial

      1. list of

      2. material design guidelies

      3. md-fab-actions

      4. md-fab-speed-dial

      5. md-fab-trigger

   6. toolbar

      1. md-fab-toolbar

      2. results

      3. usage

5. Form elements

   1. check cox

   2. chips

1. date picker

2. drop-down

   1. autocompletion

   2. comparison

   3. dynamical value selection

   4. groupings

   5. md-optgroup directive/element

   6. md-select

   7. multiple values selection

3. radio buttons

4. slider

1. Form validations

   1. e-mail address

   2. error messages

   3. maximum length

   4. multiple validation messages

   5. RegEx

G

1. Grid list

   1. basic view

   2. md-grid-list elements

   3. md-grid-tile

   4. responsive attributes

   5. source code

H

1. Horizontal divider

2. HTML templates

3. Hues

   1. configuration

   2. warnPalette functions

4. Hues

I

1. Icons

   1. customization

   2. fonts

   3. font sets

   4. material design icons

      1. CDN option

      2. files and server

   5. preload individual sets

   6. SVGs

      1. sample file

      2. sets

      3. source code

   7. web and mobile application

   8. web page

2. IIS express

3. Input container

   1. form validations

      1. e-mail address

      2. error messages

      3. maximum length

      4. multiple validation messages

      5. RegEx

   2. hint text

   3. input textbox

   4. md-input-container

   5. source code

   6. usage

4. Integrated development environment (IDE)

J, K

1. JavaScript Package Manager (JSPM)

L

1. Layout management

   1. alignment

   2. arrangement

   3. attributes

   4. flex

   5. flexbox

   6. horizontal and vertical alignment

   7. layout

   8. responsive

1. Linear progress bar

   1. buffer

   2. determinate

   3. indeterminate

   4. md-progress-linear

   5. query

2. List view

   1. classes

   2. long text formattion

   3. md-long-text

   4. secondary button

   5. source code

   6. UI element

3. Live server

M

1. Material design

   1. advantage

   2. approaches (UX design)

   3. concepts

   4. definition

   5. themes

1. material-icons

2. md-accent

3. $mdBottomSheet

4. md-bottom-sheet

5. md-button

6. md-card-avatar

7. md-card-content

8. md-card-footer

9. md-card-header

10. md-card-title

11. md-card-title-media

12. md-card-title-text

13. md-content

14. md-dialog element

15. md-divider element

16. md-fab-actions

17. md-fab-speed-dial

18. md-fab-toolbar

19. md-fab-trigger

20. md-font-set

21. md-grid-list element

22. md-grid-tile

23. md-header-text

24. md-icon

25. md-list directives

26. md-list-item directives

27. md-primary

28. md-progress-circular

29. md-progress-linear

30. md-search-text

31. md-sidenav

32. md-subheader element

33. md-swipe-down

34. md-swipe-left

35. md-swipe-right

36. md-swipe-up

37. md-tab

38. md-tab-body

39. md-tab-label

40. md-toolbar

41. md-tooltip element/directive

42. md-warn

43. Minification safe code

44. Multiple form factors

45. Multiple validation messages

N, O

1. Navigation and container elements

   1. cards

      1. code

      2. container

      3. elements/directives

   2. content

   3. directives

   4. services

   5. Sidenav

      1. $mdSidenav Service

      2. overlapping

      3. page content

      4. responsive

      5. show/hide sidenav

      6. use of

   6. tabs

      1. directives

      2. md-tab

      3. md-tabs directive

      4. use of

   7. toolbar

      1. basics

      2. features

      3. md-toolbar

      4. page-level actions

      5. sample code

      6. tall toolbar

      7. usage

2. ngAria

3. Node package manager (NPM)

   1. concepts

   2. downloading

   3. reference scripts

P, Q

1. Palette

   1. accent color

   2. background

   3. indigo color

   4. primary button

   5. warn

2. Position

   1. bottom sheet

   2. controller

   3. controller code

   4. toolbar

   5. wider screen

3. Progress bars

   1. circular progress bar

   2. linear progress bar

      1. buffer mode

      2. determinate

      3. indeterminate

      4. md-progress-linear

      5. query

4. Provider function

R

1. Radio buttons

2. Reflow

   1. HTML template code

   2. landscape mode

   3. mobile devices

   4. potrait mode

   5. source code

3. RegEx validation

4. Responsive design

   1. CSS breakpoint

   2. feedback for user actions

   3. layout

   4. real estate

   5. show/hide directives

5. Responsive design pattern

   1. position

      1. bottom sheet

      2. controller

      3. controller code

      4. toolbar

      5. wider screen

   2. reflow

      1. HTML template code

      2. landscape mode

      3. mobile devices

      4. potrait mode

      5. source code

   3. reveal

      1. landscape dimentions

      2. potrait dimentions

      3. toolbar actions

   4. transform

      1. list view

      2. single-column grid list

      3. three-column grid list

      4. two-column grid list

6. Reveal

   1. landscape dimentions

   2. potrait dimentions

   3. toolbar actions

      1. extra-small screen

      2. hidden actions

      3. hide/show buttons

      4. medium screen size

      5. menu buttons

7. Rich UI development

S

1. Scripts

   1. angular material application

   2. dependencies

2. Serve

3. Services

4. Shade/hues

5. Sidenav

   1. $mdSidenav service

   2. overlapping

   3. page content

   4. responsive

   5. show/hide sidenav

   6. use of

6. Single page application (SPA)

7. Slider

8. Speed dial of FAB

9. Style and intention

10. Sub-header

    1. divider

    2. md-subheader

    3. use of

11. SVGs file, Icons

    1. sample file

    2. sets

    3. source code

12. Swipe

    1. console statement

    2. directions

    3. directives

13. SystemJS and JSPM

    1. controller

    2. CSS files

    3. dependencies

    4. export default

    5. import function

    6. modules and script files

    7. node package

    8. source code (‘hello world’)

T

1. Tabs

   1. directives

   2. md-tab

   3. md-tabs directive

   4. use of

2. Themes

   1. background palette

   2. classes

   3. color intention

   4. customization

   5. $get function

   6. hue configuration

   7. new theme definition

   8. override color styles

   9. palette

      1. accent

      2. contrastDefaultColor

      3. customization

      4. indigo color

      5. primary button

      6. warn

   10. primary and accent colors

   11. shade/hue

   12. source code

   13. toolbar

   14. toolbar and FAB controls

3. Toast

   1. controller() function

   2. customizations

      1. hideDelay() function

      2. position() function

      3. simple() and build() function

      4. simple() API

      5. source code

      6. toastPreset

   3. message

   4. showSimple function

   5. source code

4. Tooltip

5. Transform

   1. list view

   2. single-column grid list

   3. three-column grid list

   4. two-column grid list

6. Transform function

7. Typography

U

1. Unit testing

V

1. Validation

W, X, Y, Z

1. Whiteframe