Koulutukset
Lataa pdf-muodossa

Developing Applications using Angular

Google's Angular framework (often referred to as Angular 2) is the next iteration of the widely known AngularJS framework which allows developers to build smart client-side applications that enhance the user experience. This course is a practical walk-through for both those entirely new to Angular and those coming from AngularJS; and leverages the power of TypeScript to help build highly scalable applications.

AngularJS (Angular 1) is covered in the course Developing MVC single-page web applications using AngularJS (QAANGULARJS). This course is applicable to Angular version 2 and beyond.

Prerequisites

It is essential you understand the face of contemporary web development to attend this course. We insist upon JavaScript experience equivalent to the skills covered in Programming with JavaScript (QAJAVSC)

This course uses TypeScript for all code demonstrations and exercises and so it is essential that attendees have experience equivalent to the skills covered in Programming with TypeScript (QAPTS)

Objectives:

Course Outline:

Introduction

  • Evolution and lessons learned
  • Semver
  • AngularJS to Angular

TypeScript Refresher

  • Static Types
  • Classes
  • Modules
  • Decorators

Setting up the environment

  • Quickstart
  • Angular CLI
  • WebPack
  • Exercise: Writing our Hello World application

Overview of Angular2

  • Eight core components
  • Bringing them together
  • Observables
  • Exercise: A hands-on overview of Angular

Components in depth

  • Templates
  • Data binding
  • Built in directives
  • Input / Output properties
  • Exercise: Write a second component

Directives

  • What are directives
  • Attribute directives
  • Structural directives
  • Exercise: Writing a custom directive

Observables

  • An introduction to Observables
  • Operators: the power behind Observables
  • Exercise: Using Observables

Forms

  • How to build forms in Angular
  • Using template reference variables to manage data
  • Feeding back the form’s state to the user
  • Handling form submission
  • Exercise: Accepting submissions and providing user feedback on our course admin page

Reactive Forms

  • What are Reactive Forms
  • Essential Form Classes
  • Reactive Form Components
  • Inspecting Form Data
  • Validating Reactive Forms
  • Exercise: Accepting submissions and providing user feedback on our course admin page

Services

  • Why services
  • Creating our service
  • Dependency Injection
  • Making asynchronous requests for data from the server
  • Exercise: Building the course service to encapsulate business logic

Routing

  • Configuring the Router
  • Setting up your first routes
  • Using Child Routes to build complex applications
  • Passing data using route parameters
  • Exercise: Build a home page and hook up multiple routes

Route Guards

  • Using route guards to allow/deny access
  • How to pre-fetch data required for successful navigation
  • Enabling lazy loading and preventing it when required
  • Exercise: Placing route guards to prevent navigation to the admin page, and away from the course creation page

Pipes

  • Using Pipes to transform our data
  • Angular’s built-in pipes
  • Building custom pipes
  • Pure and Impure Pipes – a choice of speed
  • AsyncPipe
  • Exercise: Using Angular’s Pipes and writing our own

Testing

  • Tools and setup
  • Isolated unit tests
  • Writing our first Karma test
  • Testing components
  • with Dependencies
  • with Input / Output properties
  • Testing HTTP and Services
  • Exercise: Test first

Yhteistyössä

Ota yhteyttä

Myyntipalvelu

Myynti

010 4321 001 Ota yhteyttä

Kesto: 5 päivää
Veroton hinta (+ alv 24 %): 3 669 €

Tästä asiakaskohtainen toteutus?

Toteutamme koulutuksia myös asiakaskohtaisina. Jätä yhteystietosi, ja tehdään juuri teille sopiva toteutus.

Tästä koulutuksesta ei alennuksia. 

Osallistumista ei voi maksaa koulutuskortilla.


Paikka ja päiväys

Online
14.1 – 18.1
English English
Ilmoittaudu
28.1 – 1.2
English English
Ilmoittaudu
11.2 – 15.2
English English
Ilmoittaudu
18.2 – 22.2
English English
Ilmoittaudu
25.2 – 1.3
English English
Ilmoittaudu
10.6 – 14.6
English English
Ilmoittaudu
28.10 – 1.11
English English
Ilmoittaudu

Jaa