Coding-Seminar Angular 4 & TypeScript

organisiert durch www.joergkrause.de

SoftEd

Beginn: 24.07.2017

Ende: 26.07.2017

  • Teilnehmer anmelden

    Dieses Event ist beendet. Es ist nicht mehr möglich eine Bestellung durchzuführen.Diese Veranstaltung nutzte XING Events für Online Eventregistrierung & Ticketing. Organisieren auch Sie Ihr Event effektiv und professionell.
    Jetzt testen

    * inkl. gesetzl. MwSt.
  • Agenda

    Tag 1 — Grundlagen JavaScript-Ökosystem

    Konzepte moderner Web- und Mobilanwendungen

    • Usability ähnlich wie bei Desktop-Anwendungen
    • AJAX statt „Round Trips“
    • Single-Page-Web-Applications (SPAs)
    • Responsive Web Design
    • Offline-Fähigkeit
    • Benachrichtigungen/Push
    • Progressive Enhancement
    • Progressive Web Apps

    Architektur einer modernen Web- und Mobilanwendung

    • Aufbau des Servers
    • Aufbau des Clients
    • Kommunikationsarten

    Die Sprache JavaScript

    • Grundkonzepte von JavaScript
    • Typen in JavaScript und Ermittlung von Typen
    • Kontrollstrukturen
    • Funktionale Programmierung und Closures
    • Objektorientierte Programmierung mit Objektliteralen, Konstruktorfunktionen und
      Prototypen
    • Ausgewählte, vordefinierte Objekte (Arrays, Strings, Date)
    • Das Function-Objekt und this
    • Module-Muster und IIFEs

    Die Grundlagen von TypeScript

    • Unterschiede zu JavaScript
    • Typen
    • Klassen und objektorientierte Ansätze
    • Spezielle Konstrukte

    Programmierschnittstellen des Browsers

    • Document Object Model (DOM)
    • Verfügbarkeit moderner Programmierschnittstellen und Polyfills
    • JavaScript Object Notation (JSON)
    • REST-/JSON- Webservices mit AJAX aufrufen (XHR-Objekt)
    • Sinnvolle JavaScript-Bibliotheken
    • Abstraktion von XHR-Objekt mit Promises und Observables

    Werkzeuge

    • Web-Editoren wie Visual Studio oder Visual Studio Code (VSCode)
    • Debugger z.B. in Visual Studio, VSCode
    • Debugger in Browsern z.B. in Chrome
    • Die Paketmanager npm, bower und nuget
    • Codegenerierung mit Yeoman
    • Qualitätssicherung mit JSLINT, JSHINT
    • Build-Automatisierung mit Gulp

    Tag 2 und 3 — Angular 2

    Überblick

    • Überblick über die Funktionsbereiche und Einsatzgebiete von Angular
    • Angular-Architektur und Konzepte
    • Aktualisierungsintervalle
    • Wichtige Ressourcen zu Angular
    • Vorbereitungen

    Angular CLI-Werkzeuge

    • Einrichten der Entwicklungsumgebung (z.B. mit VSCode, Webstorm oder Visual Studio)
    • Wichtige Frameworks/Pakete
    • Verwendung eines Module Loaders
    • Einrichten eines Entwicklungswebservers
    • Ein erstes Projekt

    Projektaufbau

    • Hello World
    • Debugging
    • Praxis

    Module

    • Komponenten (Components)
    • Templates
    • Datenbinding
    • Untergeordnete Komponenten
    • Kommunikation zwischen Komponenten (@input, @output, Ereignisse auslösen und behandeln)

    Mitgelieferte Angular-Direktiven

    • ngModel, ngIf, ngSwitch, ngFor, ngClass, ngStyle usw)
    • Pipes
    • Formulare
    • Zwei-Wege-Bindung
    • Vorlagen-basierte Formulare
    • Model-getriebene Formulare (alias Reaktive Forms, FormBuilder)
    • Validieren
    • Eigene Validatoren

    Services

    • Dependency Injection

    Routing mit dem Angular Router

    • Routen festlegen
    • Navigieren zwischen Komponenten
    • Child Routes
    • LocationStrategy: PathLocationStrategy versus HashLocationStrategy

    HTTP und AJAX-Kommunikation mit dem Webserver (REST API-Dienste)

    • Reactive Programmierung mit Reactive Extensions for JavaScript (RxJS) und Obserables
    • Eigene Attribut-Direktiven

    Der Weg zum Produkt

    • Fehlersuche
    • Kompilieren: Just-in-time (JiT)- und Ahead-of-time (AoT) mit dem Angular Compiler ngc
    • Tree Shaking, Minifizieren und Bundling
    • Verbreiten (Deployment) von Angular-Anwendungen

    Aufbauwissen

    • Eigene HTML-Erweiterungen mit Direktiven
    • Drittanbieterkomponenten für typische Aufgaben, z.B. Datepicker, Kontextmenü, Dialog, Angular-Moment
    • Namenskonvention
    • Tipps & Tricks
    • Best Practices
    • Ausblick auf weitere Funktionen

Kurzbeschreibung des Events

Angular 4 ist das umfassendstes und konzeptionell weitreichendste JavaScript-Framework. Lernen Sie Architektur und professionelle Programmierung im intensiven Boot-Camp-Stil.

Weiterempfehlen

Oder geben Sie diesen Link weiter:

Exportieren

Informationen

  • Anfahrt

    Adresse des Veranstaltungsorts

    SoftEd Reinhardtstraße 58 10117 Berlin Deutschland
    Rollstuhlgerecht Nicht bekannt
  • Weitere Events

powered by XING Events

Veranstalter dieses Events: www.joergkrause.de
Mehr Teilnehmer mit Online Event Management-Lösungen von XING Events.

Impressum