Skip to main Content

Angular Development

  • Course Code ANGDEV
  • Duration 3 days

Additional Payment Options

  • GTC 23 inc. VAT

    GTC, Global Knowledge Training Credit, please contact Global Knowledge for more details

Public Classroom Price

£1,650.00

excl. VAT

Request Group Training Add to Cart

Course Delivery

This course is available in the following formats:

  • Company Event

    Event at company

  • Public Classroom

    Traditional Classroom Learning

  • Virtual Learning

    Learning that is virtual

Request this course in a different delivery format.

Course Overview

Top

Angular Development Course Overview

The Angular Development course focuses on using modern Angular to develop Single-Page Applications (SPAs). This course teaches the use of Angular directives and expressions in HTML5 documents,and the writing of Angular components and services to build complete SPAs

This course covers Angular from Version 2 upwards,delivered using the latest version. TypeScript is used as the primary language and Microsoft Visual Studio Code together with Google Chrome as the development environment.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

Course Schedule

Top
    • Delivery Format: Virtual Learning
    • Date: 22-24 April, 2024
    • Location: Virtual

    £1,650.00

    • Delivery Format: Virtual Learning
    • Date: 17-19 June, 2024
    • Location: Virtual

    £1,650.00

    • Delivery Format: Virtual Learning
    • Date: 31 July-02 August, 2024
    • Location: Virtual

    £1,650.00

Target Audience

Top

Who will the Course Benefit?

The Angular Development course is aimed at front-end developers and engineers using Angular,HTML5 and TypeScript along with modern assistive technologies such as Node.js and Git,to develop quality software. Programmers,designers,testers,quality analysts and anyone who needs a good understanding of the use of Angular within web development would also benefit.

Course Objectives

Top

Course Objectives

This course aims to provide the delegate with the knowledge to be able to construct an Angular SPA that neatly separates presentation from business logic concerns and exploits all core elements of the framework including: components,form validation,dependency injection,property binding,event handling,services,and routing.

Course Content

Top

Angular Development Training Course

Course Contents - DAY 1

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: ANGULAR PRECURSORS

  • Single-Page Applications (SPAs)
  • ES6
  • Transpilers
  • Polyfills
  • TypeScript

Session 2: INTRODUCING ANGULAR

  • What is Angular?
  • The Development Environment
  • A Simple Application
  • Angular Architecture

Session 3: ANGULAR TEMPLATES

  • Interpolation
  • Event Binding
  • Pipes
  • Built-in Directives

Session 4: DEPENDENCY INJECTION

  • What is Dependency Injection?
  • Services
  • NgModule
  • @Injectable
  • Provider Registration

Angular Development Training Course

Course Contents - DAY 2

Session 5: ANGULAR FORMS

  • Form Modules
  • Template-driven Forms
  • Reactive Forms

Session 6: HTTP INTERACTIONS

  • HTTP Modules
  • Making Requests
  • HTTP Options
  • Rejections and Wrapping
  • Interceptors
  • Using Promises

Session 7: ROUTING

  • Routing Components
  • Routing Configuration
  • Route Parameters
  • Optional Parameters
  • Child Routing
  • Route Access Control (Guards)

Angular Development Training Course

Course Contents - DAY 3

Session 8: OBSERVABLES & REACTIVE PROGRAMMING

  • What is Reactive Programming?
  • RxJS
  • Creating and Consuming Observables
  • Differences between Observables and Promises
  • Inter-component Communications

Session 9: ANGULAR & REDUX

  • What is Flux?
  • What is Redux?
  • Actions
  • Creators
  • Reducers
  • The Store
  • Data Flow
  • ngrx
  • Redux Dev Tools

Session 10: TESTING ANGULAR APPLICATIONS

  • Using Jasmine
  • Using Karma
  • Angular Testing Framework
  • Angular Test Bed
  • Testing Components,HTTP Services,Routes
  • E2E Testing

Course Prerequisites

Top

Requirements

Substantial prior experience with HTML,CSS,and JavaScript. This knowledge can be obtained by attendance on the pre-requisite HTML & CSS and JavaScript 1 courses.

Follow on Courses

Top

Further Learning

  • HTML5 & CSS3 with JavaScript
  • JavaScript 2
  • PHP Programming
Cookie Control toggle icon