TypeScript Orde in de chaos!. Over mij Patrick Schmidt (Microsoft Certified Trainer) Trainer bij 4DotNet Mede-oprichter en architect BesteProduct.nl.

Presentatie over: "TypeScript Orde in de chaos!. Over mij Patrick Schmidt (Microsoft Certified Trainer) Trainer bij 4DotNet Mede-oprichter en architect BesteProduct.nl."— Transcript van de presentatie:

1 TypeScript Orde in de chaos!

2 Over mij Patrick Schmidt (Microsoft Certified Trainer) Trainer bij 4DotNet Mede-oprichter en architect BesteProduct.nl

3 Over 4DotNet 4DotNet is een specialist op het gebied van software development en het Microsoft.NET Framework. Wij ondersteunen onze klanten met de volgende diensten: Detachering (van.NET software ontwikkelaars) Detachering Consultancy (advies over architectuur, project begeleiding) Consultancy Trainingen (officiële Microsoft Learning Partner) Trainingen Coaching (maatwerk training on-the-job) Coaching

4 Programma Over JavaScript. Wat is TypeScript? JavaScript vs TypeScript Asynchronous Module Definition (AMD)

5 Over JavaScript Gereleased in 1996 onder de naam LiveScript Prototype based scripting language Weakly typed. Zowel server side als client side. Wordt steeds meer ingezet voor complexe applicaties.

6 Problemen met JavaScript

7 TypeScript to the rescue Brengt orde in de JavaScript chaos. Typed superset op JavaScript (ECMAScript 6) Werkt daarom prima samen met bestaande JavaScriptcode Wordt gecompileerd naar JavaScript (tsc.exe) Volledig geïntegreerd in Visual Studio 2013

8 Wat zijn de alternatieven? CoffeeScript – Momenteel de populairste – Eigen syntax – Integreert redelijk goed met bestaande JavaScript code – Lastig te debuggen Dart – Google initiatief – Eigen taal. Heeft veel weg van Java – Bestaande JavaScript code is moeilijk te integreren

9 TypeScript vs JavaScript Object Geörienteerd Programmeren Modules Interfaces Bottom line: De uitkomst blijft JavaScript

10 OOP en JavaScript Kan eigenlijk niet, maar met enig kunst- en vliegwerk wel te doen. Encapsulation d.m.v. closures Inheritance d.m.v. prototype chaining Polymorphism… Alles lijkt wel polymorf in JavaScript

11 OOP en TypeScript? Geeft het gevoel dat je object georienteerd werkt. Converteert naar standaard JavaScript patronen. We hebben: – Classen – Interfaces – Generics

12 Demo OOP in JavaScript en TypeScript

13 Modules en JavaScript Ook hier geldt weer: Kan eigenlijk niet, maar met closures is veel te bereiken (IIFE’s)

14 Modules in TypeScript Twee soorten: – Inline – Externe (later meer hierover) Gebruikt het keyword module Maakt onderdelen public dmv het keyword export

15 Demo Modules in JavaScript en TypeScript

16 Interfaces in JavaScript

17 Interfaces in TypeScript Is aanwezig, maar is in de gegenereerde JavaScript niet terug te vinden. Om conceptuele context te duiden. Om anonieme objecten mee te documenteren Handig voor intellisense.

18 Demo Interfaces in TypeScript

19 Asynchronous Module Definition Laadt modules asynchroon in Gebruikt RequireJS tsc.exe –module amd module.ts In Visual Studio 2013 eenvoudig de module blokken weglaten (worden gegenereerd volgens RequireJS standaarden)

20 Demo AMD in action

21 Tot slot JavaScript wordt als taal steeds vaker ingezet. Ook buiten browsers. (NodeJS, Windows Store Apps) TypeScript neemt complexiteiten JavaScript weg. Groot voordeel TypeScript: Is een uitbreiding op JavaScript (anticipeert op toekomstige specificities) Met AMD een zeer krachtige oplossing voor uitgebreide en complexe applicaties.

22 Handige Sites http://www.typescriptlang.org http://www.codebelt.com/ http://channel9.msdn.com/Events/Build/2014/3-576 https://github.com/borisyankov/DefinitelyTyped

23 Vragen? Neem voor meer informatie over deze sessie contact op met 4DotNet op 0522-241448 of stuur een e-mail naar trainingen@4dotnet.nltrainingen@4dotnet.nl Houdt ook zeker onze Events @4DotNet website in de gaten: http://events.4dotnet.nlhttp://events.4dotnet.nl