Angular

Our Angular Training Course is intended for front-end developers who are familiar with Javascript and want to master Angular to move a gear up. Angular is the leading framework for building dynamic JavaScript applications that take advantage of the capabilities of modern browsers and devices. The course is updated for Angular 6 .

Prerequisites

JavaScript

Further training

Node.JS

MEAN Stack

Ionic

Intended Audience

Developers who found that JavaScript alone is inadequate to develop a rich, fully-fledged front-end. Our Angular Training Course starts with the MVC pattern and the many benefits that can be gained from separating your logic and presentation code. We then start from the nuts-and-bolts and building up to the most advanced and sophisticated features Angular, going in-depth.

DAY 1

Introduction

  • What is Angular?
  • Overview of Angular Apps
    • Modules
    • Components
    • Services
    • Directives
  • Setting Up
    • Installing Node
    • Installing TypeScript
    • Installing Typings
    • Installing Angular CLI
    • TypeScript Editor
    • Chrome Browser
  • Creating a New Project with Angular CLI
    • Project File Review
  • Editing Our First Angular Component

Creating and Using Components

  • Creating Our First Component
  • Using Our Created Component
    • app.module.ts
  • Component Templates
    • Displaying a line with *ngFor
  • Services
  • Dependency Injection
    • providers

Bindings

  • Property Binding
  • CSS Class Binding
  • Binding to User Input Events
  • Example Application

DAY 2

Working with Components

  • Input Properties
  • Styles
  • Example Application

Conditional Rendering, Pipes and Ng-Content

  • ngIf
    • ngIfElse
  • ngSwitch
  • Pipes
  • Custom Pipes
  • ng-content
    • Multiple Insertion Points

Template Driven Forms

  • Create the User Model Class
  • Revising app.module.ts
  • Creating an initial HTML Form Template
  • Using *ngFor to Display Options
  • Two-way data binding with ngModel
    • Show and Hide Validation Error messages
  • Showing Specific Validation Errors
  • Submit the form with ngSubmit
  • Getting Submitted Values

DAY 3

Model Driven Forms

  • Building a Basic Login Form
  • Creating Controls Explicitly
    • Implementing Validation
    • Submitting the Form
    • app.component.ts
  • Using Formbuilder
  • Implementing Custom Validation
    • login.component.ts
    • login.component.html
  • Validating Upon Form Submit
    • login.component.html

Introduction To Observables

  • Obervables
  • Creating an Observable from DOM events
  • Observable Operators
    • filter operator
    • debounceTime Operator
    • distinctUntilChanged Operator

Getting Data From RESTful APIs with Observables

  • GitHubRESTful API
  • Getting Data
  • Dependency Injection
  • ngOnInit
  • Showing a Loader Icon
  • Implementing a GitHub Results Display page

DAY 4

Routing

  • Enabling Routing
  • Setting Up Our Routes
  • Router Outlet and Links
    • Router Outlet
    • Router Links
    • Adding a new Router Link
  • Route Parameters
    • Specifying Route Parameters
    • Retrieving Route Parameters
  • Imperative Navigation
  • Route Guards
    • RouteGuard CanActivate
    • RouteGuard CanDeactivate
    • app.routing.ts
    • AppModule

Structuring Large Apps With Modules

  • NgModule
  • Restructuring
  • Restructuring GitHubModule
  • Restructuring LoginModule
  • Restructuring AppModule
    • app.module.ts
  • Restructuring Routes
    • app.routing.ts
    • app.module.ts

DAY 5

C.R.U.D. with Firebase

  • About Firebase
  • Using Firebase
  • Adding Firebase to our Angular App
    • app.module.ts
    • app.component.ts
  • Working with a Firebase Database
  • Displaying List of Users
  • Adding a user
  • AngularFirestore Add
    • dirty tracking
  • Retrieving a Single User and Deletion
  • Deleting a User
  • Populating the Form on Edit
  • Updating a user
  • Working with multiple user signup and authentication

Own Project

==================

Duration and pricing

In Pricing Group A

Certificate

Read about our certificates here.

Bookings

You can download the course registration form on our home page or by clicking here

Brochure
You may download a pdf copy of this page by clicking on the pdf icon at the top of the page.

Questions
Please email us

Schedule
On the calendar below. If your browser doesn’t display the calendar below, please click on this link or try using Google Chrome, alternatively please enquire via our Contact Us page.