Angular 6 Development: Dependency Injection & ng-bootstrap

Angular    |    Expert
  • 15 videos | 1h 6m 55s
  • Includes Assessment
  • Earns a Badge
Rating 4.6 of 15 users Rating 4.6 of 15 users (15)
Dependency Injection is at the core of how Angular operates and ng-bootstrap gives us many advanced components we can work with. In this course, you can discover how Angular 6 DI works and how to use some ng-bootstrap components. Study progressive web apps and Bootstap support in Angular 6. See how to use to Typehead, Datepicker, and Timepicker directives. Learn to create classes with and without dependency injection. Find ways to register service providers via @NgModule, @Component, @Injectable, an object literal, and aliases. Create a provider that is able to inject non-class values. Finally, as an exercise, you will work with the Angular Dependency Injection Framework.

WHAT YOU WILL LEARN

  • Create and deploy a pwa using angular 6 schematics
    Install support for working with bootstrap components in an angular 6 app via schematics
    Use the ng-bootstrap typeahead directive in order to provide auto completion suggestions to users
    Use the ng-bootstrap datepicker directive to allow end users to choose dates
    Use the ng-bootstrap timepicker directive to allow end users to set times
    Understand some of the potential issues that can be faced when classes create their own dependencies
    Understand how di helps avoid certain issues with designing programs
    Create and register an angular service and provider using the @injectable decorator
  • Create and register an angular service and provider as part of an ngmodule
    Create a component level service provider in angular 6
    Use the provide object literal to register a service class provider
    Configure an injector and service provider to use an alias when providing a class dependency value
    Configure a service provider to provide a dependency value based on a factory function
    Create a provider that's able to inject non class values
    Work with angular's dependency injection framework

IN THIS COURSE

  • 6m 15s
    During this video, you will learn how to create and deploy a PWA using Angular 6 Schematics. FREE ACCESS
  • 2m 32s
    Learn how to install support for working with Bootstrap components in an Angular 6 app via the Schematics tool. FREE ACCESS
  • Locked
    3.  Using the Typeahead Directive
    4m 56s
    In this video, find out how to use the ng-bootstrap Typeahead directive to provide auto completion suggestions to users. FREE ACCESS
  • Locked
    4.  Using the Datepicker Directive
    4m 55s
    Learn how to use the ng-bootstrap Datepicker directive to allow users to choose dates. FREE ACCESS
  • Locked
    5.  Using the Timepicker Directive
    4m 5s
    In this video, learn how to use the ng-bootstrap Timepicker directive to allow users to set times. FREE ACCESS
  • Locked
    6.  Creating Classes Without Dependency Injection
    4m 54s
    After completing this video, you will be able to understand some of the potential issues that can be faced when classes create their own dependencies. FREE ACCESS
  • Locked
    7.  Creating Classes Using Dependency Injection
    5m 9s
    Upon completion of this video, you will be able to understand how DI helps avoid certain issues when designing programs. FREE ACCESS
  • Locked
    8.  Registering Service Providers Using @Injectable
    5m 46s
    During this video, you will learn how to create and register an Angular service and provider using the @Injectable decorator. FREE ACCESS
  • Locked
    9.  Registering Service Providers Using @NgModule
    2m 43s
    In this video, you will create and register an Angular service and provider as part of an NgModule. FREE ACCESS
  • Locked
    10.  Registering Service Providers Using @Component
    5m 10s
    During this video, you will learn how to create a component-level service provider in Angular 6. FREE ACCESS
  • Locked
    11.  Understanding the Provide Object Literal
    3m 34s
    During this video, you will learn how to use the provided object literal to register a service class provider. FREE ACCESS
  • Locked
    12.  Registering Class Providers Using Aliases
    4m 9s
    In this video, learn how to configure an injector and service provider to use an alias when providing a class dependency value. FREE ACCESS
  • Locked
    13.  Registering Providers Using Factory Functions
    6m 4s
    Find out how to configure a service provider to provide a dependency value based on a factory function. FREE ACCESS
  • Locked
    14.  Register Providers for Non Class Values
    4m
    During this video, you will learn how to create a provider that's able to inject non-class values. FREE ACCESS
  • Locked
    15.  Exercise: Working with DI in Angular 6
    2m 43s
    In this video, find out how to work with Angular's Dependency Injection Framework. 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: Introduction to Components
Rating 4.6 of 265 users Rating 4.6 of 265 users (265)
Book Practical Highcharts with Angular: Your Essential Guide to Creating Real-time Dashboards, 2nd Edition
Book Getting Started with Angular: Create and Deploy Angular Applications

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Angular 11 Bootcamp: Session 2 Replay
Rating 4.5 of 51 users Rating 4.5 of 51 users (51)
Course Angular 11: Getting Started with Angular
Rating 4.5 of 560 users Rating 4.5 of 560 users (560)
Course Aliasing, Selection, & Routing with AngularUI
Rating 4.3 of 3 users Rating 4.3 of 3 users (3)