1 / 23

TypeScript

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

kiele
Download Presentation

TypeScript

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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) • Consultancy(advies over architectuur, project begeleiding) • Trainingen (officiële Microsoft Learning Partner) • Coaching(maatwerk training on-the-job)

  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 basedscriptinglanguage • Weaklytyped. • Zowel server side als client side. • Wordt steeds meer ingezet voor complexe applicaties.

  6. Problemen met JavaScript

  7. TypeScriptto the rescue • Brengtorde in de JavaScript chaos. • Typed superset op JavaScript (ECMAScript 6) • Werktdaarom prima samen met bestaandeJavaScriptcode • Wordtgecompileerdnaar JavaScript (tsc.exe) • Vollediggeï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örienteerdProgrammeren • Modules • Interfaces • Bottom line: De uitkomstblijft JavaScript

  10. OOP en JavaScript • Kaneigenlijkniet, maar met enigkunst- en vliegwerkweltedoen. • Encapsulation d.m.v. closures • Inheritance d.m.v. prototype chaining • Polymorphism… Alleslijktwelpolymorf in JavaScript

  11. OOP en TypeScript? • Geeft het gevoeldat je object georienteerdwerkt. • Converteertnaarstandaard JavaScript patronen. • We hebben: • Classen • Interfaces • Generics

  12. Demo • OOP in JavaScript en TypeScript

  13. Modules en JavaScript • Ookhiergeldtweer: Kaneigenlijkniet, maar • met closures is veeltebereiken (IIFE’s)

  14. Modules in TypeScript • Twee soorten: • Inline • Externe (later meerhierover) • Gebruikt het keyword module • Maaktonderdelen 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 nietterugtevinden. • Om conceptuele context teduiden. • Om anoniemeobjectenmeetedocumenteren • Handigvoorintellisense.

  18. Demo • Interfaces in TypeScript

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

  20. Demo • AMD in action

  21. Tot slot • JavaScript wordtalstaal steeds vakeringezet. Ookbuiten browsers. (NodeJS, Windows Store Apps) • TypeScriptneemtcomplexiteiten JavaScript weg. • Groot voordeelTypeScript: Is eenuitbreiding op JavaScript (anticipeert op toekomstige specificities) • Met AMD eenzeerkrachtigeoplossingvooruitgebreide en complexeapplicaties.

  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.nl • Houdt ook zeker onze Events @4DotNet website in de gaten: http://events.4dotnet.nl

More Related