110 likes | 142 Views
TypeScript. Überblick. Was ist TypeScript (und warum)? Woraus besteht es? Kompatibilität mit JavaScript Code-Beispiele. Was ist TypeScript (und warum)?. Weiterentwicklung von JavaScript (für Server) Realisiert geplante ECMA-Script 6-Neuerungen wie Statische Typisierung
E N D
Überblick • Was ist TypeScript (und warum)? • Woraus besteht es? • Kompatibilität mit JavaScript • Code-Beispiele
Was ist TypeScript (und warum)? • Weiterentwicklung von JavaScript (für Server) • Realisiert geplante ECMA-Script 6-Neuerungen wie • Statische Typisierung • Objektorientierung (Klassen, Interfaces, Vererbung, …) • Kompilierung
Bestandteile • Sprache • Syntax • Schlüsselwörter • Typannotationen • TypeScript Compiler • TypeScript Language Service
Kompatibilität TypeScript Compiler JavaScript (ECMA Script 3 (5)) TypeScript Gültiger Code
Kompatibilität: Notizen • TypeScript-Compiler (Microsoft) • TypeScript-Code wir in ECMA Script 3 (5) gewandelt • TypeScript versteht JavaScript, inklusive JQueryund AngularJS (JavaScript ist momentan bei ECMA-5)
Vorteile gegenüber JavaScript • LeichteresDebugging dank Compiler • MehrOptionen • Objektorientierung • statische Typisierung • Typabfrage
Was ist TypeScript (und warum)?: Notizen • Klassen, Interfaces und Vererbung • Anonyme Funktionen • Generics • Statische Typisierung / Typisierung zur Compile-Zeit • Bsp.-Code in App -> src -> z.B. in items, userclass
Was ist TypeScript (und warum)? • JavaScript basierende Programmiersprache • Von Microsoft entwickelt • Enthält für ECMA-Script 6 geplante Konstrukte, u.a.: • Statische Typisierung • Objektorientiert • Wird kompiliert • serverseitig • Klassen, Interfaces und Vererbung • Anonyme Funktionen • Generics • Statische Typisierung / Typisierung zur Compile-Zeit • Bsp.-Code in App -> src -> z.B. in items, userclass
Quellen • [1]https://de.wikipedia.org/wiki/TypeScript, zuletzt aufgerufen am 12.07.2017 • [2] https://www.tutorialspoint.com/typescript/typescript_overview.htm, zuletzt aufgerufen am 12.07.2017 • [3]https://www.typescriptlang.org/docs/home.html, zuletzt aufgerufen am 12.07.2017
Stadt-Land-Fluss Live-Demo Link einbinden