IT Skills Web Development and Graphic Design Scripting JavaScript
ng-bootstrap makes using Bootstrap feel native within Angular, and Amexio components can make it simple to create a data-rich dashboard. In this course, you will learn how these two components can be used to create dashboards.
| Objectives |
ng-bootstrap - start the course
- describe the native Angular directives ng-bootstrap provides and why it should be used
- install the ng-bootstrap module and its dependencies
- import and set up ng-bootstrap in an Angular 5 application
ng-bootstrap Components - use the ngbButton and ngbButtonLabel directives to implement buttons
- use the ngb-alert directive component to set up alerts in an Angular app
- use the ngb-progressbar component to implement progress bars in an Angular app
- use ngb-carousel and ngbSlide to set up dynamic carousels in an Angular app
- use the ngb-rating component to implement a user-editable ratings widget in an Angular app
- use the Bootstrap Collapse and Modal
Amexio - describe Amexio and how it can be used for creating dashboards
- install Amexio and it dependencies and use it in an Angular AppModule
Amexio Components - configure and use the Amexio button component in an Angular app
- work with the Amexio Data Grid component
- use the Amexio Gauge component to create dashboard views
- use the Amexio bar chart component to create a bar chart view in an Angular app
- use the CandleStick chart component
- create a combo chart to visualize data in an Angular app
- visualize time-based datasets in an Angular app using the Amexio Timeline Chart component
- set up data in a tree view structure using the Amexio Tree View component
Practice: Bootstrap and Amexio - install the Bootstrap and Amexio modules for use in an Angular app
|
