Everand Logo

Welcome to Everand!

  • Discover millions of ebooks, audiobooks, and so much more with a free trial

    Only $11.99/month after trial. Cancel anytime.

    Angular 2: Moderne Frontends für alle Plattformen entwickeln
    Angular 2: Moderne Frontends für alle Plattformen entwickeln
    Angular 2: Moderne Frontends für alle Plattformen entwickeln
    Ebook68 pages29 minutes

    Angular 2: Moderne Frontends für alle Plattformen entwickeln

    By Manfred Steyer

    ()

    Read preview

    About this ebook

    Passend zum Final Release von Angular 2, einem JavaScript-Framework und Nachfolger des bekannten AngularJS, vermittelt Manfred Steyer in diesem shortcut den Einstieg in die Arbeit mit diesem. Er beschäftigt sich mit dem Aufbau einer Single-Page-Anwendung mithilfe von Angular 2 und TypeScript und erläutert dabei unter anderem die Vorteile der Komponentenorientierung sowie den Einsatz von Dependency Injection. Des Weiteren nimmt er die Verwaltung von Formularen in Angular 2 mittels Two-Way Binding genauer unter die Lupe, bevor er sich mit dem Component Router auseinandersetzt, der die offizielle Routerimplementierung in Angular 2 darstellt.
    LanguageDeutsch
    Publisherentwickler.press
    Release dateOct 20, 2016
    ISBN9783868027464
    Angular 2: Moderne Frontends für alle Plattformen entwickeln

    Read more from Manfred Steyer

    Related to Angular 2

    Titles in the series (100)

    View More
    View More

    Related ebooks

    Programming For You

    View More
    View More

    Related podcast episodes

    Related articles

    • Article

      Angetestet

      Aug 4, 2021

      Angetestet
      4 min read

    • Article

      Ein besonderes Jahr

      Aug 4, 2021

      Sehr geehrte Leserinnen und Leser, der stockende Warenfluss aus und nach Asien trifft Industrie und Verbraucher in allen Bereichen. Viele Fahrradteile: Mangelware. Baustoffe wie Dämmmaterialien oder Abwasserrohre: Mangelware. Selbst Winzer klagen übe

      2 min read

    • Article

      „ Ethik Ist Eine Investition!“

      Apr 4, 2023

      Mac Life: Professor Floridi, wie definieren Sie Intelligenz? Prof. Luciano Floridi: In der Literatur gibt es nicht eine oder zwei, sondern Dutzende Definitionen von Intelligenz – jede Disziplin hat ihre eigene. Ein Weg, Intelligenz zu verstehen, ist

      9 min read

    • Article

      Einbruchswerkzeug

      Sep 1, 2021

      Einbruchswerkzeug
      9 min read

    • Article

      Tux Liest

      Sep 1, 2021

      Bernd Klein geht in seiner Einführung „Python 3“ sehr gründlich und systematisch vor. Nach einer kurzen Einführung stellt ein Kapitel die grundlegenden sprachlichen Mittel von Python vor: Datentypen, Verzweigungen und Schleifen, Funktionen und dergle

      2 min read

    • Article

      Unleserlich

      Dec 1, 2021

      Unleserlich
      10 min read

    • Article

      Glückliche Schüler

      Dec 16, 2021

      Glückliche Schüler
      8 min read

    • Article

      Zugangsbeschränkung

      Mar 3, 2022

      Zugangsbeschränkung
      10 min read

    • Article

      Frischzellenkur

      Oct 20, 2021

      Frischzellenkur
      8 min read

    • Article

      Die Pläne der Milliardäre

      Jun 30, 2022

      Sie gründeten gemeinsam Paypal. Elon Musk und Peter Thiel wurden damit reich, dass unsereiner seine Online-Einkäufe schnell und einfach bezahlen möchte. Der eine will Twitter kaufen und damit die freie Meinungsäußerung stärken. Der andere will den Ak

      1 min read

    • Article

      Nadel im Heuhaufen

      Sep 1, 2021

      Nadel im Heuhaufen
      11 min read

    • Article

      Auftakt zur Elektromarke

      Mar 25, 2022

      Auftakt zur Elektromarke
      4 min read

    • Article

      Tausendsassa

      Oct 20, 2022

      Tausendsassa
      9 min read

    • Article

      Fliegender Wechsel

      Mar 3, 2022

      Fliegender Wechsel
      7 min read

    • Article

      NAS Für Die Massen

      Oct 20, 2021

      NAS Für Die Massen
      6 min read

    • Article

      Bitte Umsteigen

      Dec 16, 2021

      Bitte Umsteigen
      5 min read

    • Article

      Mit Podcasts Geld verdienen

      Aug 5, 2021

      Mit Podcasts Geld verdienen
      6 min read

    • Article

      Zahlen & Trends

      Oct 6, 2021

      Zahlen & Trends
      9 min read

    • Article

      Langstreckensportler

      Nov 26, 2021

      Langstreckensportler
      6 min read

    • Article

      Strom Speichern Und Laden

      Jul 29, 2022

      Strom Speichern Und Laden
      4 min read

    • Article

      Augenblick

      Jul 5, 2023

      Augenblick
      1 min read

    • Article

      Industrielle Transformation

      Jun 2, 2021

      Industrielle Transformation
      8 min read

    • Article

      Strom Speichern Und Laden

      May 26, 2023

      Strom Speichern Und Laden
      6 min read

    • Article

      WENN Büro, DANN so!

      Oct 24, 2020

      WENN Büro, DANN so!
      3 min read

    Related categories

    Reviews for Angular 2

    0 ratings

    0 ratings0 reviews

    What did you think?

    Tap to rate

    Review must be at least 10 words

      Book preview

      Angular 2 - Manfred Steyer

      GmbH

      1 Erste Schritte mit Angular 2 und TypeScript

      Der Single-Page-Ansatz erlaubt die Entwicklung von webbasierten Frontends, die auf sämtlichen klassischen und mobilen Plattformen laufen und durch den Einsatz von JavaScript einen hohen Grad an Benutzerfreundlichkeit bieten. Das Framework Angular 2 unterstützt das und ermöglicht das Erreichen einer hohen Codequalität mit bewährten Konzepten wie Komponentenorientierung und Dependency Injection.

      Moderne Weblösungen sind vor allem im Umfeld von Geschäftsanwendungen derzeit sehr populär, da sie auf allen vorherrschenden Plattformen laufen und durch JavaScript und CSS ein hohes Maß an Benutzerfreundlichkeit bieten. Diese so genannten Single-Page-Applikationen (SPA) weisen eine Architektur auf, die der von klassischen verteilten Anwendungen entspricht. Im Wesentlichen sieht sie einen Client vor, der Services via HTTP konsumiert. Diese haben wiederum Zugriff auf Unternehmensressourcen wie Datenbanken oder ERP-Systeme. Das vorliegende Tutorial zeigt, wie sich eine solche moderne Cross-Plattform-Lösung entwickeln lässt. Hierzu wird die Erstellung einer SPA zum Buchen von Flügen beschrieben. Abbildung 1.1 gibt einen ersten Vorgeschmack darauf.

      Abbildung 1.1: Erstellung einer SPA zum Buchen von Flügen

      Um die Komplexität der zugrunde liegenden Webtechnologien beherrschbar zu machen, kommt die neue Version 2 des populären JavaScript-Frameworks Angular (in Version 1 noch AngularJS genannt) zum Einsatz. Dieses stammt aus der Feder von Google und erfreut sich einer großen Community. Angular 2 ist seit Mai 2016 als Release Candidate verfügbar. Das bedeutet, dass sich die zugrunde liegenden Konzepte nicht mehr ändern sollen. Nichtsdestotrotz kann es an den hier vorgestellten Aspekten bis zur finalen Veröffentlichung zu kleineren Änderungen kommen.

      Zusätzlich nutzt dieses Tutorial die Sprache TypeScript, die auch das Angular-2-Team zum Entwickeln des Frameworks heranzieht. Sie bietet Möglichkeiten des aktuellen JavaScript-Standards ECMAScript 6, wie Klassen, Module und Lambda-Ausdrücke. Zusätzlich bietet TypeScript die Möglichkeit einer statischen Typisierung. Mithilfe des TypeScript-Compilers lässt sich der geschriebene Code in handelsübliches JavaScript (ECMAScript 5) überführen, das in jedem gängigen Browser läuft.

      Angular 2 Tutorial: Projekt-Set-up

      Als Entwicklungsumgebung für den Start mit Angular 2 empfiehlt sich der leichtgewichtige Editor Visual Studio Code [1], der für Linux, Mac OS und Windows zur Verfügung steht und eine gute Unterstützung für TypeScript mit sich bringt. Mehr Komfort für die Entwicklung mit TypeScript und Angular 2 bietet das kostenpflichtige WebStorm von JetBrains. Es generiert beispielsweise import-Anweisungen und bietet Codevervollständigung im HTML-Markup.

      Um hier keinen Platz mit dem Projekt-Set-up zu verschwenden, sei an dieser Stelle auf das offizielle Angular-Seed-Projekt verwiesen [2]. Die komplette Implementierung des in diesem Kapitel beschriebenen Beispiels findet sich unter [3]. Informationen bezüglich Build und Start der Beispiele finden sich jeweils in den beigelegten Readme-Dateien.

      Eine Anwendung, eine Komponente

      Angular 2 ist komponentenorientiert aufgebaut. Das bedeutet, dass die gesamte Anwendung eine Komponente ist. Diese so genannte Top Level Component besteht aus weiteren Komponenten, die wiederum aus weiteren Komponenten bestehen können. Somit ergibt sich ein Komponentenbaum, wie bei anderen UI-Frameworks auch.

      Eine Angular-2-Komponente besteht aus zwei Teilen: einem Component-Controller, der die Logik beinhaltet, und einem

      Enjoying the preview?
      Page 1 of 1