Bootstrap & Dashboards

Angular    |    Intermediate
  • 20 videos | 1h 22m 55s
  • Includes Assessment
  • Earns a Badge
Rating 4.4 of 20 users Rating 4.4 of 20 users (20)
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

  • 3m 25s
    After completing this video, you will be able to describe the native Angular directives ng-bootstrap provides and why you should use them. FREE ACCESS
  • 5m 22s
    During this video, you will learn how to install the ng-bootstrap module and its dependencies. FREE ACCESS
  • Locked
    3.  Setting Up an ng-bootstrap Application
    2m 15s
    In this video, learn how to import and set up ng-bootstrap in an Angular 5 application. FREE ACCESS
  • Locked
    4.  Using ng-bootstrap Buttons
    3m 23s
    In this video, you will learn how to use the ngbButton and ngbButtonLabel directives to implement buttons. FREE ACCESS
  • Locked
    5.  Using ng-bootstrap Alerts
    3m 55s
    In this video, learn how to use the ngb-alert directive component to set up alerts in an Angular app. FREE ACCESS
  • Locked
    6.  Using ng-bootstrap Progress Bars
    3m 13s
    During this video, you will learn how to use the ngb-progressbar component to implement progress bars in an Angular application. FREE ACCESS
  • Locked
    7.  Using ng-bootstrap Carousels
    4m 38s
    Learn how to use ngb-carousel and ngbSlide to set up dynamic carousels in an Angular app. FREE ACCESS
  • Locked
    8.  Using ng-bootstrap Ratings
    3m 43s
    In this video, you will use the ngb-rating component to implement a user-editable ratings widget in an Angular app. FREE ACCESS
  • Locked
    9.  Working with Dialogs
    5m 38s
    Learn how to use the Bootstrap Collapse and Modal components. FREE ACCESS
  • Locked
    10.  Using Amexio
    3m 59s
    Upon completion of this video, you will be able to describe Amexio and how to use it for creating dashboards. FREE ACCESS
  • Locked
    11.  Installing and Configuring Amexio
    4m 5s
    In this video, find out how to install Amexio and its dependencies and use it in an Angular AppModule. FREE ACCESS
  • Locked
    12.  Working with Amexio Buttons
    6m 9s
    In this video, you will configure and use the Amexio button component in an Angular application. FREE ACCESS
  • Locked
    13.  Working with the Amexio Data Grid
    7m 30s
    Find out how to work with the Amexio Data Grid component. FREE ACCESS
  • Locked
    14.  Using the Gauge Component
    3m 41s
    In this video, find out how to use the Amexio Gauge component to create dashboard views. FREE ACCESS
  • Locked
    15.  Creating a Bar Chart
    3m 18s
    Find out how to use the Amexio bar chart component to create a bar chart view in an Angular app. FREE ACCESS
  • Locked
    16.  Using the CandleStick Chart
    2m 49s
    Find out how to use the CandleStick chart component. FREE ACCESS
  • Locked
    17.  Working with Combo Charts
    4m
    During this video, you will learn how to create a combo chart to visualize data in an Angular application. FREE ACCESS
  • Locked
    18.  Using the Timeline Chart
    3m 1s
    In this video, find out how to visualize time-based datasets in an Angular app using the Amexio Timeline Chart component. FREE ACCESS
  • Locked
    19.  Using the Tree View Component
    4m 56s
    During this video, you will learn how to set up data in a tree view structure using the Amexio Tree View component. FREE ACCESS
  • Locked
    20.  Exercise: Use Bootstrap and Amexio
    3m 53s
    Find out how to install the Bootstrap and Amexio modules for use in an Angular application. 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 on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Angular 11: Getting Started with Angular
Rating 4.5 of 560 users Rating 4.5 of 560 users (560)
Course Angular Bootcamp July 2023: Session 1 Replay
Rating 4.8 of 15 users Rating 4.8 of 15 users (15)
Channel Wintellect Bootstrap

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Book Mastering the Stock Market: High Probability Market Timing & Stock Selection Tools
Course Creating Web Applications with MVC
Rating 4.3 of 15 users Rating 4.3 of 15 users (15)
Course Bootstrap Forms & Layout
Rating 4.6 of 80 users Rating 4.6 of 80 users (80)