🇩🇪
Programm

  1. TypeScript Fundamentals


    1. TypeScript Overview, Configuration, Debugging

    2. Types & Arrays

    3. Classes, Interfaces & Functions

    4. Inheritance, Type Inference & Decorators

    5. Generics & Modules

    6. Async Operations & Promises


  2. ASP.NET Core Fundamentals


    1. ASP.NET Core Introduction

    2. Konfiguration von ASP.NET Core

    3. NuGet, Bower, Gulp

    4. Client Side Debugging & Watchers


  3. Node.js


    1. Node Basics & Konfiguration

    2. npm Commands & Scripts

    3. Speding up Package Download using Yarn

    4. Using ECMA Script 6 Today with Babel

    5. Bundeling & Minification using WebPack

    6. Integrating Node.js & .Net Core


  4. Angular 4.0 Introduction & Setup


    1. What is a SPA?

    2. Angular.JS Overview and Version Comparison

    3. Visual Studio 2017 vs Visual Studio Code

    4. Visual Studio Code Essentials

    5. Node.js, WebPack, Npm, Yarn, Gulp

    6. Angular Command Line Interface – Angular CLI

    7. Bootstrapping Angular / Project Configuration

    8. Debugging Angular using Augury


  5. Understanding Fundamentals &Completing Basic Tasks


    1. Components, Expressions, Templates & Directives

    2. String Interpolation, Property- & Event-Binding, Two-Way Binding

    3. Understanding Component Lifecycle

    4. Pipes & Internationalization

    5. Custom Directives & Pipes

    6. Databinding with Nested Components

    7. Reusable Components using Local References & Content Projection

    8. Organizing Angular Artifacts using Modules & Barrels


  6. Angular Routing


    1. Routing Basics

    2. Working with Parameterized Routes

    3. Child Routes

    4. Using Route Gards

    5. Module Lazy Loading


  7. Implementing the User Interface


    1. Styles Basics

    2. Using Sass (Syntetically Awsome Stylesheets)

    3. Bootstrap JumpStart

    4. Using Angular & Bootstrap

    5. Material 2 Jump Start

    6. Using Angular & Material 2

    7. Using 3rd Party Components


  8. Designing & Accessing Data Models


    1. Implementing Data Models using .NET Core and Entity Framework 2.0

    2. Angular Project Configuration for Integration with ASP.NET Core

    3. Implementing Client Side Data Models using Angular & TypeScript

    4. Consuming .NET Core RESTful API using Angulars HttpClient

    5. Consuming NoSQL DBs using Angulars HttpClient


  9. Observables & Reactive Programming


    1. What are Reactive Extentions

    2. What are Observables

    3. Observables vs. Promises

    4. Using Built-in Observables

    5. Using Reactive Extensions in Angular

    6. Consuming RESTful APsI using with Observables & Subscriptions

    7. Http vs HttpClient


  10. Forms Design & Validaiton


    1. Forms Introduction

    2. Template Driven Froms

    3. Reactive (Model Based) Froms

    4. Validating Forms

    5. Custom & Code Based Validation

    6. Unidirectional Data Flow: Databinding Revisited


  11. Testing


    1. Unit Tests vs Integration Tests

    2. Karma & Jasime Basics

    3. Test Setup & Mocking

    4. Testing Angular Components, Services and Forms


  12. Securing the Application


    1. Authentication / Authorization Basics

    2. JSON Web Tokens

    3. Angular Route Protection

    4. WebAPi Authentication in ASP.NET Core

    5. Using Social / Cloud based Logins


  13. Publishing & Hosting


    1. Publishing & Hosting Overview

    2. Prepare your Angular App for Deployment

    3. Publishing to IIS, Docker, Azure

    4. Publish to AWS



Ziele

Im Seminar „smart Angular Single Page Application Development” lernen Sie Angular 4 gemeinsam mit Node.js / ASP.NET Core einzusetzen und damit „Single Page Applications“ - „SPA’s“ zu erstellen. Beginnend mit Projektkonfiguration, Basics vertiefen wir unsere Kenntnisse, um schließlich alle Teile des Angular Eco-Systems, inklusive Styling, Security, Testing & Deployment zu behandeln.



Nach Abschluss dieses Seminars haben die Teilnehmer Kenntnisse zu folgenden Themen:

  • ES 6 Fundamentals &TypeScript

  • Angular Projektkonfiguration

  • Understanding Fundamentals & Completing Basic Tasks

  • Routing

  • Styling Angular

  • Implementing Data Models &APIs

  • Using Reactive Patterns

  • Fourm Design & Validation

  • Testing & Securing the Application

  • Publishing & Hosting




  • Neue Themengebiete werden anhand von Folien und Demos erarbeitet. Am Ende der Module werden die erlernten Inhalte in eine durchgängige Anwendung integriert.
Voraussetzungen
Für dieses Seminar werden folgende Kenntnisse empfohlen: