Skip to content

Angular Development
StayAhead Training

Summary

Price
£1,740 inc VAT
Study method
Distance + live classes
Duration
3 days · Part-time or full-time
Qualification
No formal qualification
Additional info
  • Tutor is available to students

Overview

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.

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.

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.

Description

Course Contents - DAY 1Course 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

Angular Development Training CourseCourse Contents - DAY 2Session 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

Angular Development Training CourseCourse Contents - DAY 3Session 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

Questions and answers

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

FAQs