Seminar Details

Angular Single Page Application Development (ngDEV)

ETC
ngDEV
Hersteller-ID:
Prüfungs ID:
Dauer: 5 Tage
Preis: € 2.465.- exkl.MwST
Wissensgarantie: 12 Monate
Im Seminar "Angular Single Page Application Development” lernen Sie Angular gemeinsam mit Node.js / .NET Core einzusetzen und damit "Single Page Applications" (SPA's) zu erstellen. Beginnend mit Projektkonfiguration & Angular Basics vertiefen wir unsere Kenntnisse, um schließlich alle Teile des Angular Eco-Systems, inklusive Responsive UI Design, Security, Testing & Hosting zu behandeln.

Nach Abschluss dieses Seminars haben die Teilnehmer Kenntnisse zu folgenden Themen:
  • Environment & Tools Setup and Introduction
  • TypeScript Fundamentals
  • Angular Projektkonfiguration & CLI
  • Understanding Fundamentals & Completing Basic Tasks
  • Nesting Components
  • Routing & Modularity
  • Implementing a Responsive User Interface
  • Form Design & Validation
  • Implementing & Consuming Data Models and REST APIs
  • Introduction to Observables & Reactive Programming
  • Managing State & Broadcasting Events
  • Angular Unit Testing
  • Testing & Securing the Application

Neue Themengebiete werden anhand von Folien und Demos erarbeitet. Am Ende der Module werden die erlernten Inhalte in eine durchgängige Anwendung integriert, welches am Ende in die Cloud publiziert werden kann. Wir empfehlen Visual Studio Code als Cross Platform Editor.
Alle Details einblenden

Zielgruppe

Dieses Seminar richtet sich an:
  • Dieses Seminar richtet sich an Web Entwickler welche Angular Anwendungen entwickeln möchten.

Vorkenntnisse

Für dieses Seminar werden folgende Kenntnisse empfohlen:

Schwerpunkte

Angular Introduction & Setup
  • What / Why Single Page Applications
  • Angular Overview and Version Comparison
  • Node and its Role in the Angular ECO-System
  • Angular Command Line Interface – Angular CLI
  • Bootstrapping Angular
  • Angular Debugging Options

TypeScript Fundamentals
  • ECMA Script Standards
  • TypeScript Overview, Configuration, Debugging
  • Types, Arrays & Functions
  • ECMA Script 6+ Essentials
  • Objects, Classes, Interfaces
  • 3rd Party Libraries & Type Definitions
  • Async Operations, Promises & Observables

Fundamentals & Completing Basic Tasks
  • Components, Modules & Dependency Injection
  • Expressions, Templates & Directives
  • String Interpolation, Property- & Event-Binding, Two-Way Binding
  • Classic vs Standalone (Moduleless) Components
  • Pipes & Localization
  • Custom Directives & Pipes

Nesting Components
  • Splitting the UI to Nested Components
  • Databinding & Events with Nested Components
  • Container vs Presentational Components
  • Understanding Component Lifecycle
  • Reusable Components using Local References & Content Projection
  • View Child, View Children

Routing & Modularity
  • Routing Basics
  • Working with Parameterized Routes
  • Child- & Secondary (Auxiliary) Routes
  • Preloading Component Data
  • Organizing Angular Applications using Modules
  • Module Lazy Loading

Designing the User Interface
  • Global & Component Styles
  • Using Sass (Synthetically Awesome Stylesheets)
  • Responsive Layout using Flexbox, CSS Grid & Angular Flex Layout
  • Angular Material Overview
  • Introduction to Material Theming
  • Using Material Tables, Dialogs & Form Controls
  • Using Angular CDK & 3rd Party Components (Charting, File Upload, Drag & Drop)

Forms Design & Validation
  • Forms Introduction
  • Template Driven Forms vs Reactive (Model Based) Forms
  • FormControl, FormArrays & Cascading Forms
  • Validating Forms
  • Custom- & Code-Based Validators

Consuming RESTful Services
  • Introduction Into .NET Core
  • Implementing Consuming .NET Core RESTful APIs
  • Using JSON Server for Prototyping
  • Implementing the Client-Side Data Models

Observables & Reactive Programming
  • What is Reactive Programming / Benefits
  • Observable, Observer & Subject
  • Creating Observables & Casting to Observables
  • Capturing Mouse & DOM Events as Observables
  • Subscribing to Routes & Params, Flex Layout API
  • Using Common RxJS Operators

Managing State & Sharing Events
  • What is State Management
  • State Management Options
  • Stateless & Stateful Services
  • Sharing Data between deeply Nested Components
  • Service Bus & Sharing Events between deeply Nested Components
  • Overview of the Redux Pattern with NgRx HelloWorld

Testing Basics
  • Unit Tests vs Integration Tests
  • Karma & Jasmine Basics
  • Test Setup & Mocking
  • Testing Angular Components, Services and Forms
  • In Short: End to End Testing

Securing & Publishing Angular
  • Authentication / Authorization Basics in SPAs
  • Token based Auth: Understanding Jwt, OAuth 2.0 & OpenID Connect
  • Securing Angular Routes using Route Guards
  • Using Interceptors to Automate Tokens
  • Preparing & Creating a Production Build
  • Hosting Option Overview (Webserver, Docker, …)
  • Mastering Url Rewrite
Alle Details ausblenden

1 Termin wählen

Was ist:
ILT

Ihr Klassenraumtraining - mehr Infos zu Instructor Led Trainings bei ETC erhalten Sie HIER

vILT

Mehr Infos zu vILT erhalten Sie hier

Live

Ihr virtuelles Training - mehr Infos zu ETC>Live erhalten Sie HIER

Hybrid VBT

Mehr Infos zu VBTs erhalten Sie HIER

Hybrid MOOC

Mehr Infos zu MOOCs erhalten Sie HIER

Coached Learning

Mehr Infos zu Coached Learning erhalten Sie HIER

Hotseat

Mehr Infos zum ETC Hotseat erhalten Sie HIER

Info

zusätzliche Infos zum Seminartermin

Alle Preise exkl. Mwst.

2 Paket wählen

Angular Single Page Application Development

ETC Live

  • Virtual Training – aber live im Seminar
  • Keine Anfahrt ins Seminarzentrum notwendig
  • Seminarunterlagen, Teamwork, Labs 24/7
  • ETC>Live Support und Hotline
  • ETC-Services

 

€ 2.465.-
(€ 2.465.- p.P.)

Preis

  • Ihr ILT Seminar (Instructor Led Training)
  • Seminarunterlagen, Teamwork, Labs
  • Verpflegung vorort in einem der ETC Seminarzentren
  • Seminar-Services
€ 2.465.-
(€ 2.465.- p.P.)

Ihre Fragen zum Seminar

CHAT mit Experten ODER Rückruf anfordern

Kein passender Termin dabei? Mehr als 5 Personen? Firmentermin gewünscht?

Rufen sie uns an +43/1/533 17 77 - 99

Bewertungen

2 Bewertungen
Umfangreich und informativ. Hat meine Erwartungen übertroffen.
von
Ist sehr informativ und ein toller Trainer
von