Course Outline

Introduction

  • What's new in Angular 7?

Overview of Typescript and ES6 JavaScript

  • TypeScript Syntax
  • Using the TypeScript transpiler
  • Setting up Angular 7 and Typescript

Overview of Angular 7's Parts

  • Angular CLI
  • Components
  • Directives
  • Inputs and Outputs
  • Data Binding and Interpolation
  • Event Binding
  • Data Modelling
  • Bootstrapping

Creating Your First Angular Application

  • Planning the Application
  • Setting Up an Angular Project
  • Using Bootstrap 4 and Sass

Creating a Component

  • Understanding the Component Lifecycle
  • Data Flow
  • Using Templates and Styles
  • Projecting Content
  • Working with AppModule
  • Working with Custom Components
  • Using View Encapsulation
  • Implementing Lifecycle Hooks
  • Using ViewChildren and ContentChildren

Data Binding in Angular 7

  • Understanding Property and Event Binding
  • Binding and Assigning Aliases to Custom Properties
  • Binding and Assigning Aliases to Custom Events

Working with Directives

  • Built-in Directives
  • Custom Directives

Angular 7 Services

  • Creating a Logging Service
  • Creating a Data Service

Using Dependency Injection and Providers

  • Injectors, Provider, and Tokens
  • Configuring Dependency Injection
  • Configuring Your Provider
  • Injecting Services into Components, Directives, and Services

Switching Pages with Routing

  • Understanding the Different Navigation Methods
  • Routing Strategies
  • Setting Up Routes
  • Configuring and Loading Routes
  • Using Parameters in Routes
  • Creating Nested Routes
  • Using Redirect and Wildcard Routes
  • Understanding Route Guards

Using RxJS to Create and Work with Observables in Angular

  • Overview of Observables
  • Overview of RxJS
  • Building & Using Observables in Angular

Generating Forms for User Input

  • Using the Template Driven Forms
  • Using the Reactive Forms

Using Pipes

  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Making Calls to External HTTP APIs

Using Angular Modules

Testing the Angular 7 Application

  • Using Jasmine for unit testing

Debugging the Application

  • Understanding Error Messages in Angular
  • Using Sourcemaps to Debug Code in the Browser
  • Using Augury

Optimizing the Angular 7 Application

Angular 7 Security

  • Authentication
  • What should and shouldn't be written in Angular

Deploying an Angular 7 Application to Production

  • Deploying to IIS, Apache, Nginx, etc.

Troubleshooting

Closing Remarks

Requirements

  • Familiarity with basic HTML, CSS, and JavaScript

Audience

  • Developers
 28 Hours

Number of participants



Price per participant

Testimonials (1)

Related Courses

Angular 13

28 Hours

Angular 2 Fundamentals

21 Hours

Angular JavaScript

28 Hours

AngularJS Basics

14 Hours

Angular 10 for Developers

28 Hours

Angular 11

28 Hours

Angular 11 Advanced

28 Hours

Angular 12

28 Hours

Angular 12 Advanced

28 Hours

Angular 13 Advanced

28 Hours

Angular 14

28 Hours

Angular 14 Advanced

28 Hours

Angular 15

28 Hours

Angular 15 Advanced

28 Hours

Angular 16

28 Hours

Related Categories

1