0845 450 6120

Angular Development

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

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

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

The delegate will learn and acquire skills as follows:

  • Creating dynamic data-driven HTML5 templates, views and controllers
  • Coding loosely-coupled modules, controllers and services with TypeScript
  • Creating and utilising models
  • Understanding and using Angular Expressions for data binding
  • Managing Angular components
  • Designing Angular forms
  • Using Ajax to retrieve data
  • Producing reusable custom Angular directives

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.

Learning Objectives

Course Objectives

This course aims to provide the delegate with the knowledge to be able to construct an Angular single page web application 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,  service components, and routing.

Pre-Requisites

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.

Pre-Requisite Courses

  • HTML & CSS
  • JavaScript 1

Follow-On Courses

  • HTML5 & CSS3 with JavaScript
  • JavaScript 2
  • Bootstrap
  • PHP Programming
Notes:
  • Course technical content is subject to change without notice.
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.

Course Content

Day 1

Course Introduction

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

Session 1: ANGULAR PRECURSORS

  • Introduction to ES6
  • Using TypeScript

Session 2: INTRODUCING ANGULAR

  • Introduction
  • Web Components
  • Angular Architecture
  • Angular CLI
  • IDE Options
  • Setup the Angular Environment

Session 3: WRITING ANGULAR APPLICATIONS

  • Angular by Hand
  • Simple Application Using Angular CLI
  • Deploying the Application

Session 4: ANGULAR FORMS

  • Introduction
  • FormControls & FormGroups
  • A Simple Form
  • FormBuilder
  • Reactive Forms
  • Form Validation
  • Forms and Observables

Day 2

Session 5: DEPENDENCY INJECTION

  • DI Example
  • Aspects of DI
  • The Injector
  • Using NgModule
  • Providers
  • DI Review

Session 6: ANGULAR TEMPLATES

  • Interpolation
  • Including Other Components
  • Property Binding
  • Events
  • Built-in Directives

Session 7: SERVICES

  • Provided Services
  • Creating Services

Session 8: ROUTING

  • Role of Routing
  • Simple Routing Example
  • Angular Routing Components
  • Strategies
  • Route Parameters
  • Routing Examples

Day 3

Session 9: HTTP INTERACTIONS

  • Introduction
  • Simple GET Requests
  • Angular HTTP API
  • Using RequestOptions
  • A CRUD Application
  • Testing

Session 10: PIPES

  • Using Pipes
  • Creating Custom Pipes

Session 11: OBSERVABLES

  • Reactive Programming
  • RxJS
  • Custom Observables
  • Reactive Example
  • A Look at Flux
  • A Look at Redux

Session 12: TESTING ANGULAR APPLICATIONS

  • Unit Tests
  • Mocking and Faking
  • Tesing Components
  • E2E Testing

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the request service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.

 

Our Customers Include