Angular 6 Development: Dependency Injection & ng-bootstrap

Angular 6    |    Expert
  • 15 Videos | 1h 13m 55s
  • Includes Assessment
  • Earns a Badge
Likes 5 Likes 5
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

  • Playable
    1. 
    Progressive Web Apps in Angular 6
    6m 15s
    UP NEXT
  • Playable
    2. 
    Bootstrap Support in Angular 6 Apps
    2m 32s
  • Locked
    3. 
    Using the Typeahead Directive
    4m 56s
  • Locked
    4. 
    Using the Datepicker Directive
    4m 55s
  • Locked
    5. 
    Using the Timepicker Directive
    4m 5s
  • Locked
    6. 
    Creating Classes Without Dependency Injection
    4m 54s
  • Locked
    7. 
    Creating Classes Using Dependency Injection
    5m 9s
  • Locked
    8. 
    Registering Service Providers Using @Injectable
    5m 46s
  • Locked
    9. 
    Registering Service Providers Using @NgModule
    2m 43s
  • Locked
    10. 
    Registering Service Providers Using @Component
    5m 10s
  • Locked
    11. 
    Understanding the Provide Object Literal
    3m 34s
  • Locked
    12. 
    Registering Class Providers Using Aliases
    4m 9s
  • Locked
    13. 
    Registering Providers Using Factory Functions
    6m 4s
  • Locked
    14. 
    Register Providers for Non Class Values
    4m
  • Locked
    15. 
    Exercise: Working with DI in Angular 6
    2m 43s

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.