Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Large Scale Web Applications with TypeScript

Building Large Scale Web Applications with TypeScript

JavaScript has evolved significantly since the time it was first introduced 20 years ago. Today, JavaScript is the most popular programming language that allows to build large scale applications both on the client and on the server side. However, maintaining large codebases becomes more, and more challenging.  

In this talk I will show how TypeScript helps to build and maintain large scale web applications. I will also present the tools to work with TypeScript, how you can use TypeScript with AngularJS 2, and lessons learned during work on the Azure Portal.

299ad37f586aa79c7e0839fd4a18509a?s=128

Jakub Jedryszek

May 04, 2015
Tweet

Transcript

  1. BUILDING LARGE SCALE WEB APPLICATIONS WITH TYPESCRIPT Jakub Jedryszek Software

    Engineer at Microsoft www.jj09.net
  2. None
  3. None
  4. None
  5. w w w . d o t n e t

    c o n f . p l @francmichal @JakubJedryszek @sawiczpawel
  6. None
  7. None
  8. None
  9. https://vine.co/v/hPXTA6l9AqQ

  10. ...AND THEN THERE WAS JAVASCRIPT

  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. https://www.youtube.com/watch?v=YUsCnWBK8gc

  23. https://www.youtube.com/watch?v=aZqhRICne_M

  24. https://www.youtube.com/watch?v=PlmsweSNhTw

  25. TYPESCRIPT

  26. None
  27. None
  28. None
  29. JavaScript TypeScript C# var Person = (function () { function

    Person(fName, lName) { this.firstName = fName; this.lastName = lName; } Person.prototype.hello = function () { return "Hello " + this.firstName + " " + this.lastName + "! "; }; Person.prototype.print = function () { console.log(this.hello()); }; return Person; })(); interface Printable { print(): void; } class Person implements Printable { private firstName: string; private lastName: string; constructor(fName: string, lName: string) { this.firstName = fName; this.lastName = lName; } hello(): string { return "Hello " + this.firstName + " " + this.lastName + "! "; } print(): void { console.log(this.hello()); } } interface Printable { void Print(); } class Person : Printable { private string firstName; private string lastName; public Person(string fName, string lName) { this.firstName = fName; this.lastName = lName; } public string Hello() { return "Hello " + this.firstName + " " + this.lastName + "! "; } public void Print() { Console.WriteLine(this.Hello()); } }
  30. npmjs.com bower.io gulpjs.com definitelytyped.org/tsd/

  31. https://babeljs.io/docs/learn-es6/

  32. None
  33. None
  34. None
  35. None
  36. http://jj09.net/vote

  37. http://javascript.crockford.com/

  38. None
  39. www.typescriptlang.org

  40. http://www.pluralsight.com/courses/typescript

  41. STAY IN TOUCH! Jakub Jedryszek www.jj09.net jakub.jedryszek@gmail.com @JakubJedryszek