Course content

Angular 6 Development: Testing & TDD

Course: 51 Minutes

• Creating a Unit or Functional Test
• Using the Angular TestBed
• Testing a Service Class
• Testing a Component
• Testing a Directive
• Testing a Pipe
• Creating Tests Using Mocks
• Creating Tests Using Spies
• Testing Components with Inputs
• Testing Components with Output
• Testing Services That Use HttpClient
• Testing with Automatic Change Detection

Angular 6 Development: Introduction

Course: 59 Minutes

• Installing Angular
• Binding and Using Properties
• Binding Events
• Passing Input to Components
• Getting Outputs from components
• Repeating Elements with ngFor
• Adding and Using Routes
• Using Parameters in Routes
• Understaning Schematics
• Creating a Schematic
• Creating RuleFactories
• Running a Schematic
• Using Custom Schematics in Projects
• Exercise: Creating Angular

Angular 6 Development: Libraries

Course: 31 Minutes

• Setting up a Library Project
• Verifying a Library
• Packaging and Using a Library
• Using Workspaces to Support Multiple Projects
• Setting up a Library Project using Angular CLI
• Extending the Default Cli Library Project
• Building a Cli Library Project
• Packaging and Installing a Cli Library
• Exercise: Creating Offline Apps

Angular 6 Development: Reactive Programming

Course: 1 Hour, 6 Minutes

• Migrating Apps to RxJS 6 in Angular
• Creating Observables in RxJS
• Using Pipeable Operators in RxJS
• Creating Custom Operators
• Converting Observables to Promises
• Handling Errors on the Observer Side
• Handling Errors on the Observable Side
• Resubscribing to Observables Automatically
• Resubscribing to Observables Based on Custom Logic
• Merging Observables
• Buffering Observables Items
• Handling Nested Observables with FlatMap
• Accumulating Emitted Values with Scan
• Exercise: Creating Reactive Forms for Angular

Angular 6 Development: Angular Material and Angular Elements

Course: 36 Minutes

• Adding Support for Angular Elements
• Creating Components to Use as Custom Elements
• Registering an Angular Component as a Custom Element
• Building a Custom Element
• Packaging a Custom Element
• Using a Custom Element
• Adding Support for Angular Material
• Creating an Angular Material Dashboard
• Creating an Angular Material Navigation App
• Exercise: Using Material Components with Angular

Angular 6 Development: Dependency Injection and ng-bootstrap

Course: 1 Hour, 8 Minutes

• Progressive Web Apps in Angular
• Bootstrap Support in Angular 6 Apps
• Using the Typeahead Directive
• Using the Datepicker Directive
• Using the Timepicker Directive
• Creating Classes Without Dependency Injection
• Creating Classes Using Dependency Injection
• Registering Service Providers Using @Injectable
• Registering Service Providers Using @NgModule
• Registering Service Providers Using @Component
• Understanding the Provide Object Literal
• Registering Class Providers Using Aliases
• Registering Providers Using Factory Functions
• Register Providers for Non Class Values
• Exercise: Working with DI in Angular