Changes between Initial Version and Version 1 of vorlesung/angular


Ignore:
Timestamp:
Jun 19, 2018, 12:03:38 PM (7 years ago)
Author:
tr
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • vorlesung/angular

    v1 v1  
     1== [=#vorbereitung_angular Vorbereitung für nächstes Thema Angular] ==
     2
     3Das nächste Thema der Veranstaltung wird [[https://angular.io|Angular]] sein. Gegenstand der Übungen ist, das Blog auf eine Single Page Application mit Angular umzustellen. Beachten Sie, dass wir uns mit Angular 2 befassen werden. Das ist der nicht abwärtskompatible Nachfolger von AngularJS.
     4
     5Angular basiert auf der Sprache [[https://www.typescriptlang.org|TypeScript]], die eine Obermenge von !JavaScript ist. Das heißt, dass !JavaScript Quellcode gültiger !TypeScript Code ist. Wir werden für das Thema einige wenige !TypeScript Konstrukte benötigen, die ich Ihnen in den Vorlesungen vorstellen werde. Angular Apps werden zu Teilen in !TypeScript implementiert. Da Browser kein !TypeScript ausführen können, wird es zum Deployment in !JavaScript übersetzt.
     6
     7Prinzipiell lassen sich Angular Apps mit Eclipse entwickeln. Aktuell (Juni 2018) ist das allerdings noch ziemlich kompliziert und umständlich (ich werde das in der Vorlesung trotzdem verwenden). Ich empfehle Ihnen daher die Installation des Editors
     8
     9* [[https://atom.io|Atom]]
     10
     11sowie der Atom-Packages
     12
     13* [[https://atom.io/packages/atom-ide-ui|atom-ide-ui]]
     14* [[https://atom.io/packages/atom-typescript|atom-typescript]]
     15
     16Sie können auch einen anderen Editor verwenden, der !TypeScript Syntax Highlighting unterstützt (z. B. Sublime oder Notepad++ mit entsprechenden Plugins).
     17
     18Ich werde mich in der Veranstaltung an der Struktur des [[https://angular.io/tutorial|Angular-Tutorials]] orientieren. Es kann also nicht schaden, dieses Tutorial vorbereitend durchzuarbeiten. Beachten Sie, dass wir keinen [[https://angular.io/tutorial/toh-pt6#simulate-a-data-server|simulierten Datenserver]] verwenden, sondern in der Vorlesung direkt gegen die [[source:InhalteFP/vl/code/VL08-rest_express/shop.js|REST API des Shop-Beispiels]] programmieren.