Course Outline

Introduction

  • What's new in Angular 5?

Overview of Typescript and ES6 JavaScript

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

Creating Your First Angular Application

  • Planning the Application
  • Setting Up an Angular Project and App Using the CLI
  • Creating a Basic Project Setup Using Bootstrap 4 and Sass

Working with Angular 5's Parts

  • Creating Components
  • Databinding and String Interpolation
  • Property Binding
  • Event Binding
  • Two-Way-Databinding
  • Data Modelling
  • Directives
  • Bootstrapping
  • Inputs & Outputs

Using Angular 5 Components

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

Databinding in Angular 5

  • Overview of Property & Event Binding
  • Binding and Assigning Aliases to Custom Properties
  • Binding and Assigning Aliases to Custom Events

Working with Directives

  • Built-in Directives
  • Custom Directives

Debugging the Application

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

Angular 5 Services

  • Learning the Importance of 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

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

Using RxJS to Create and Work with Observables in Angular

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

Handling Forms

  • 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

Optimizing the Angular 5 Application

Testing the Angular 5 Application

  • Using Jasmine for unit testing

Angular 5 Security

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

Deploying an Angular 5 Application to Production

  • Deploying to IIS, Apache, Nginx, etc.

Troubleshooting

Closing Remarks

Requirements

  • Familiarity with basic HTML, CSS, and JavaScript

Audience

  • Beginners in web development
  • Experienced frontend developers
  • Anyone interested in learning how to develop apps using Angular
 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