Bootstrap & Dashboards

Angular 5    |    Intermediate
  • 20 Videos | 1h 22m 55s
  • Includes Assessment
  • Earns a Badge
Likes 26 Likes 26
ng-bootstrap makes using Bootstrap feel native within Angular, and Amexio components can make it simple to create a data-rich dashboard. Discover how these two components can be used to create dashboards.

WHAT YOU WILL LEARN

  • 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
    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
    describe Amexio and how it can be used for creating dashboards
  • install Amexio and it dependencies and use it in an Angular AppModule
    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
    install the Bootstrap and Amexio modules for use in an Angular app

IN THIS COURSE

  • Playable
    1. 
    Native Bootstrap Angular Directives
    3m 25s
    UP NEXT
  • Playable
    2. 
    Installing ng-bootstrap
    5m 22s
  • Locked
    3. 
    Setting Up an ng-bootstrap Application
    2m 15s
    FREE ACCESS
  • Locked
    4. 
    Using ng-bootstrap Buttons
    3m 23s
    FREE ACCESS
  • Locked
    5. 
    Using ng-bootstrap Alerts
    3m 55s
    FREE ACCESS
  • Locked
    6. 
    Using ng-bootstrap Progress Bars
    3m 13s
    FREE ACCESS
  • Locked
    7. 
    Using ng-bootstrap Carousels
    4m 38s
    FREE ACCESS
  • Locked
    8. 
    Using ng-bootstrap Ratings
    3m 43s
    FREE ACCESS
  • Locked
    9. 
    Working with Dialogs
    5m 38s
    FREE ACCESS
  • Locked
    10. 
    Using Amexio
    3m 59s
    FREE ACCESS
  • Locked
    11. 
    Installing and Configuring Amexio
    4m 5s
    FREE ACCESS
  • Locked
    12. 
    Working with Amexio Buttons
    6m 9s
    FREE ACCESS
  • Locked
    13. 
    Working with the Amexio Data Grid
    7m 30s
    FREE ACCESS
  • Locked
    14. 
    Using the Gauge Component
    3m 41s
    FREE ACCESS
  • Locked
    15. 
    Creating a Bar Chart
    3m 18s
    FREE ACCESS
  • Locked
    16. 
    Using the CandleStick Chart
    2m 49s
    FREE ACCESS
  • Locked
    17. 
    Working with Combo Charts
    4m
    FREE ACCESS
  • Locked
    18. 
    Using the Timeline Chart
    3m 1s
    FREE ACCESS
  • Locked
    19. 
    Using the Tree View Component
    4m 56s
    FREE ACCESS
  • Locked
    20. 
    Exercise: Use Bootstrap and Amexio
    3m 53s
    FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

CHANNEL Ionic
Likes 9 Likes 9  
COURSE Angular 11: Working With Nested Components
BOOK Exploring Web Components: Build Reusable UI Web Components with Standard Technologies

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

COURSE Directives
Likes 31 Likes 31  
COURSE Angular 6 Development: Testing & TDD
Likes 64 Likes 64  
COURSE Creating an Application
Likes 39 Likes 39