Angular 2: Moderne Frontends für alle Plattformen entwickeln
()
About this ebook
Read more from Manfred Steyer
Agile Muster und Methoden: Agile Softwareentwicklung maßgeschneidert Rating: 0 out of 5 stars0 ratings.NET-Praxis: Tipps und Tricks zu .NET und Visual Studio Rating: 0 out of 5 stars0 ratingsAngular: Das Praxisbuch zu Grundlagen und Best Practices Rating: 0 out of 5 stars0 ratings
Related to Angular 2
Titles in the series (100)
HTML5 Security Rating: 0 out of 5 stars0 ratingsBig Data: Technologiegrundlagen Rating: 0 out of 5 stars0 ratingsAlgorithmen: Grundlagen und Implementierung Rating: 0 out of 5 stars0 ratingsJava EE Security Rating: 0 out of 5 stars0 ratingsEinstieg in Google Go Rating: 0 out of 5 stars0 ratingsSharePoint-Entwicklung für Einsteiger Rating: 0 out of 5 stars0 ratingsJavaScript auf dem Server Rating: 0 out of 5 stars0 ratingsErfolgreiche Spieleentwicklung: OpenGL, OpenAL und KI Rating: 0 out of 5 stars0 ratingsErfolgreiche Spieleentwicklung: OpenCL Rating: 0 out of 5 stars0 ratingsServiceorientierte Architektur: Anforderungen, Konzeption und Praxiserfahrungen Rating: 0 out of 5 stars0 ratingsAgile Architektur mit .NET - Grundlagen und Best Practices Rating: 0 out of 5 stars0 ratingsBPM: Strategien und Anwendungsfälle Rating: 0 out of 5 stars0 ratingsSkalierbare Softwaresysteme: Design, Betrieb und Optimierungspotenziale Rating: 0 out of 5 stars0 ratingsHTML5 für Mobile Web Rating: 0 out of 5 stars0 ratingsQualitätssicherung mit JavaScript und PHP Rating: 0 out of 5 stars0 ratingsF#: Ein praktischer Einstieg Rating: 0 out of 5 stars0 ratingsUX Design für Tablet-Websites: Ein Überblick Rating: 0 out of 5 stars0 ratingsJava 7: Fork-Join-Framework und Phaser Rating: 0 out of 5 stars0 ratingsAmazon Web Services für .NET Entwickler Rating: 0 out of 5 stars0 ratingsNFC: Near Field Communication für Android-Entwickler Rating: 5 out of 5 stars5/5IT Wissensmanagement: Theorie und Praxis Rating: 0 out of 5 stars0 ratingsJavaScript für Eclipse-Entwickler: Orion, RAP und GWT Rating: 0 out of 5 stars0 ratingsQualität in IT-Architekturen: Management Rating: 0 out of 5 stars0 ratingsGeolocation mit PHP: Foursquare-API, Google Places & Qype Rating: 0 out of 5 stars0 ratingsUser Experience Testing 3.0: Status Quo, Entwicklung und Trends Rating: 0 out of 5 stars0 ratingsNutzeraspekte in Suchmaschinen: Komponenten für eine gelungene Usability-Gestaltung Rating: 0 out of 5 stars0 ratingsJavaFX Rendering & 3D Rating: 0 out of 5 stars0 ratingsÜberzeugende Präsentationen: Konzeption, Technik und Design Rating: 0 out of 5 stars0 ratingsApache Tapestry: Einstieg in die komponentenorientierte Webentwicklung Rating: 0 out of 5 stars0 ratingsTFS 2012 Versionskontrolle: Grundlagen, Check-In Policies und Branch-Modelle Rating: 0 out of 5 stars0 ratings
Related ebooks
SharePoint Kompendium - Bd. 13 Rating: 0 out of 5 stars0 ratingsSharePoint Kompendium - Bd. 16 Rating: 0 out of 5 stars0 ratingsModerne Datenzugriffslösungen mit Entity Framework 6 Rating: 0 out of 5 stars0 ratingsSingle-Page-Web-Apps: JavaScript im Einsatz: Webseiten erstellen mit AngularJS, Meteor und jQuery Mobile Rating: 0 out of 5 stars0 ratingsPowerShell: Grundlagen für .NET-Entwickler Rating: 0 out of 5 stars0 ratingsLogging: Schnelleinstieg Rating: 0 out of 5 stars0 ratingsDynamische Webseiten: Einstieg in HTML, PHP und MySQL Rating: 0 out of 5 stars0 ratingsNullenergiegebäude: Die gesamte verbrauchte Nutzenergie entspricht der gesamten erzeugten erneuerbaren Energie Rating: 0 out of 5 stars0 ratingsMobile App Testing: Praxisleitfaden für Softwaretester und Entwickler mobiler Anwendungen Rating: 0 out of 5 stars0 ratingsPHP quick & dirty: 12 Praxis-Workshops für schnelles Programmieren Rating: 0 out of 5 stars0 ratingsDas Tagebuch von Isaac Newton: Von realer Zeitreise Rating: 0 out of 5 stars0 ratingsModerne Webentwicklung: Geräteunabhängige Entwicklung -- Techniken und Trends in HTML5, CSS3 und JavaScript Rating: 0 out of 5 stars0 ratingsTechnische Schulden: Identifizierung, Dokumentation und Management Rating: 0 out of 5 stars0 ratingsIT-Wissen für Manager: Ein kompakter Überblick zu aktuellen Technologien und Trends Rating: 0 out of 5 stars0 ratingsScrum-Training: Der Praxisleitfaden für Agile Coaches Rating: 0 out of 5 stars0 ratingsRollen & Verantwortlichkeiten in der Produktion: Produktionsmanagement für Führungskräfte Rating: 0 out of 5 stars0 ratingsProduktion und Logistik: Die wichtigsten Methoden Rating: 0 out of 5 stars0 ratings5 Regeln der Produktion: Produktionsmanagement für Führungskräfte Rating: 0 out of 5 stars0 ratingsInternet Startup: Chancen und Risiken einer Unternehmensgründung im Internet Rating: 0 out of 5 stars0 ratingsErfolgreich Lastenhefte schreiben: Eine Schritt-für-Schritt-Anleitung für den Mittelstand Rating: 0 out of 5 stars0 ratingsLeichtgewicht war gestern: Die Zunehm-Logik einfach erklärt - Schnell und Gesund zunehmen + viele leckere Smoothie und Shake Rezepte Rating: 0 out of 5 stars0 ratingsEffizienter Arbeiten: Wie Entrepreneure mit Hilfe von virtuellen Assistenten mehr erledigen Rating: 0 out of 5 stars0 ratingsGeschäftsprozesse im Projektmanagement: Best Practices der Implementierung Rating: 0 out of 5 stars0 ratingsKnigge für Softwarearchitekten Rating: 0 out of 5 stars0 ratingsPraxishandbuch Agile Organisationsentwicklung Rating: 0 out of 5 stars0 ratingsPython lernen – kurz & gut Rating: 0 out of 5 stars0 ratingsProjektmanagement kurz & gut Rating: 0 out of 5 stars0 ratings
Programming For You
Python-Grundlagen Rating: 0 out of 5 stars0 ratingsMikrocontroller in der Elektronik: Mikrocontroller programmieren und in der Praxis einsetzen Rating: 0 out of 5 stars0 ratingsHTML5-Programmierung von Kopf bis Fuß: Webanwendungen mit HTML5 und JavaScript Rating: 0 out of 5 stars0 ratingsHausautomation mit Raspberry Pi: Alarmanlage, Heizung, Smart Home, W-LAN & Co: 20 Projekte, die Ihr Leben leichter machen Rating: 0 out of 5 stars0 ratingsPraktisches Programmieren in C: Grundlagen und Tipps Rating: 0 out of 5 stars0 ratingsSQL – kurz & gut Rating: 0 out of 5 stars0 ratingsDas große Python3 Workbook: Mit vielen Beispielen und Übungen - Programmieren leicht gemacht! Rating: 4 out of 5 stars4/5Die ultimative QNAP NAS Bibel - Das Praxisbuch - mit vielen Insider Tipps und Tricks - komplett in Farbe Rating: 0 out of 5 stars0 ratingsMicrosoft Word 2016 (Microsoft Press): Einfache Anleitungen für wichtige Aufgaben Rating: 0 out of 5 stars0 ratingsSQL von Kopf bis Fuß Rating: 4 out of 5 stars4/5Hacken mit Python und Kali-Linux: Entwicklung eigener Hackingtools mit Python unter Kali-Linux Rating: 0 out of 5 stars0 ratingsPython kurz & gut: Für Python 3.x und 2.7 Rating: 3 out of 5 stars3/5C++: Eine kompakte Einführung Rating: 0 out of 5 stars0 ratingsAndroid-Entwicklung für Einsteiger - 20.000 Zeilen unter dem Meer: 2. erweiterte Auflage Rating: 0 out of 5 stars0 ratingsJava 8 - Die Neuerungen: Lambdas, Streams, Date and Time API und JavaFX 8 im Überblick Rating: 0 out of 5 stars0 ratingsEigene Spiele programmieren – Python lernen: Der spielerische Weg zur Programmiersprache Rating: 0 out of 5 stars0 ratingsProgrammieren lernen mit Python 3: Schnelleinstieg für Beginner Rating: 0 out of 5 stars0 ratingsRaspberry Pi: Einstieg • Optimierung • Projekte Rating: 5 out of 5 stars5/5Python | Schritt für Schritt Programmieren lernen: Der ultimative Anfänger Guide für einen einfachen & schnellen Einstieg Rating: 0 out of 5 stars0 ratingsAndroid-Programmierung kurz & gut Rating: 0 out of 5 stars0 ratingsRaspberry Pi: Mach's einfach: Die kompakteste Gebrauchsanweisung mit 222 Anleitungen. Geeignet für Raspberry Pi 3 Modell B / B+ Rating: 0 out of 5 stars0 ratingsJavaScript kinderleicht!: Einfach programmieren lernen mit der Sprache des Web Rating: 0 out of 5 stars0 ratingsPowerShell: Anwendung und effektive Nutzung Rating: 5 out of 5 stars5/5Programmieren für Einsteiger: Teil 2 Rating: 0 out of 5 stars0 ratingsDas Franzis Starterpaket Arduino Uno: Das Handbuch für den Schnelleinstieg Rating: 0 out of 5 stars0 ratingsWeniger schlecht programmieren Rating: 4 out of 5 stars4/5C von Kopf bis Fuß Rating: 3 out of 5 stars3/5JavaScript kurz & gut Rating: 3 out of 5 stars3/5Programmieren von Kopf bis Fuß Rating: 4 out of 5 stars4/5
Reviews for Angular 2
0 ratings0 reviews
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