Angular Development

Course Code: ANGDEV

Duration: 3 days

 
 

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 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.

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.

Skills Gained

The delegate will learn and acquire skills as follows:

  • Creating dynamic data-driven components
  • Using Angular expressions for data binding
  • Creating services and exploiting dependency injection
  • Building Angular template-driven and reactive forms
  • Making HTTP requests
  • Configuring routes
  • Exploiting RxJS Observables for inter-component communications
  • Managing application state using Redux
  • Testing Angular SPAs

Angular Development Training Course

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

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

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
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.

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

Course Reviews

The instructor was really informative with his teaching and the use of practical learning was very useful and was something that helped me learn much more about angular. He was very understanding of where everyone was in terms of knowledge and this helped us gain more knowledge on Angular.

George - Finance


The course in general was well organised and the material provided was very good. The trainer was really helpful and explained the course all throughout with the same enthusiasm as the first day. He really took a interest in our background and gave us hints and tips on how could we implement things in our company code.

Jini - Software Programmer


Public Scheduled Events

Classroom & Live Virtual Instructor-Led Training

Duration: 3 days

Price: £1,450.00 exc. VAT 


Start Date Options Spaces  
17 Nov 2021
StayAhead Virtual Courses available 
Spaces Book Now 
17 Jan 2022
StayAhead Virtual Courses available 
Spaces Book Now 
16 Mar 2022
StayAhead Virtual Courses available 
Spaces Book Now 
03 May 2022
StayAhead Virtual Courses available 
Spaces Book Now 
29 Jun 2022
StayAhead Virtual Courses available 
Spaces Book Now 
22 Aug 2022
StayAhead Virtual Courses available 
Spaces Book Now 


Start Date Options Spaces  
13 Sep 2021 StayAhead Classroom Courses available  Spaces Book Now  POA
 

Live Virtual Classroom

 
Join live instructor-led classroom training from the comfort of your home or office.
All the convenience and benefits of the classroom experience without the hassle and costs of travel and accommodation.
 
 



Our Customers Include

 
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
 
 



Our Course Curriculum

 
 
 
 
Facebook LinkedIn Twitter Instagram E-Mail
 
+44 (0)20 7600 6116
Enquiries@StayAhead.com
Copyright © 2021 StayAhead Training Ltd
Cookies   /   Privacy Policy