Your SlideShare is downloading. ×
0
HATE JAVASCRIPT? TRY TYPESCRIPT    Ben	  Hoel(ng	      @benhnet	      b.hoelng@aspenware.com	      	  
Ben	  Hoel(ng	  In	  truth,	  he’s	  just	  a	  big	  kid.	  He	  loves	  designing	  systems	  that	  solve	  real	  worl...
Agenda:v TypeScript Definedv What’s wrong with JavaScriptv What’s right with TypeScriptv TypeScript Basicsv TypeScrip...
TYPESCRIPT	  DEFINED	  v    A coding language that compiles to      JavaScript and provides strong typing and      other ...
What’s	  Wrong	  with	  	  JavaScript	  
ISSUES	  WITH	  JAVASCRIPT	  v    Dynamic Typing Leads to Run Time Errorsv    Lack of Maintainability, Scalabilityv    ...
What’s	  Right	  with	  	  TypeScript	  
TYPESCRIPT	  ROCKS!	  v    “Compiles” to JavaScriptv    Provides Intent at Design Timev    Any Browser, Any Host (Node....
TypeScript	  Basics	  
THE	  BASICS	  -­‐	  AMBIENT	  DECLARES	  v    “declare” Keyword
THE	  BASICS	  -­‐	  TYPES	  DEFINITIONS	  v    “:” To Force a Type Definition
THE	  BASICS	  –	  FUNCTION	  SIGNATURES	  
THE	  BASICS	  –	  INTERFACES	  
THE	  BASICS	  –	  CLASSES	  
THE	  BASICS	  –	  MODULES	  
TypeScript	  Basics	  	  Demo	  
TypeScript	  and	  	  the	  Web	  Demo	  
TypeScript	  and	  	  Windows	  8	  Demo	  
TYPESCRIPT	  WRAP-­‐UP	            JavaScript’s	                  TypeScript	  Basics	             TypeScript	  for	  the	...
Resources:	  v  http://www.typescriptlang.orgv  http://msdn.microsoft.com/en-us/magazine/    jj983351.aspxv  http://msd...
HATE JAVASCRIPT? TRY TYPESCRIPT    Ben	  Hoel(ng	      @benhnet	      b.hoelng@aspenware.com	      	  
Upcoming SlideShare
Loading in...5
×

Hate JavaScript? Try TypeScript.

1,528

Published on

Many .net developers want to take advantage of JavaScript but struggle with the lack of tooling and language feature. This is especially true on larger, more-complex code projects. TypeScript can enable a .net developer to harness the capabilities of JavaScript while maintaining the tooling and syntax they prefer.

This session will discuss some of the tooling advancements in Visual Studio 2012 related to JavaScript development. TypeScript is a new language developed by the creators of C# that compiles to JavaScript. The last portion of this session will dive into TypeScript and discuss some of the language features it provides on top of normal JavaScript. Between the IDE enhancements in VS 2012 and the language features of TypeScript, you will see that JavaScript development is not so bad.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,528
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Hate JavaScript? Try TypeScript."

  1. 1. HATE JAVASCRIPT? TRY TYPESCRIPT Ben  Hoel(ng   @benhnet   b.hoelng@aspenware.com    
  2. 2. Ben  Hoel(ng  In  truth,  he’s  just  a  big  kid.  He  loves  designing  systems  that  solve  real  world  problems.  There  is  nothing  more  sa(sfying  than  seeing  something  you  helped  develop  being  used  by  the  end  users.  Ben  is  also  involved  in  the  technology  community  and  runs  the  South  Colorado  .NET  user  group.  He  also  enjoys  speaking  at  tech  groups  and  events  around  the  country.   Ben  Hoel(ng   @benhnet   b.hoel(ng@aspenware.com    
  3. 3. Agenda:v TypeScript Definedv What’s wrong with JavaScriptv What’s right with TypeScriptv TypeScript Basicsv TypeScript and ASP.NET (Web Forms and MVC)v TypeScript for Windows 8 Apps
  4. 4. TYPESCRIPT  DEFINED  v  A coding language that compiles to JavaScript and provides strong typing and other modern coding language features
  5. 5. What’s  Wrong  with    JavaScript  
  6. 6. ISSUES  WITH  JAVASCRIPT  v  Dynamic Typing Leads to Run Time Errorsv  Lack of Maintainability, Scalabilityv  Fine for Small Appsv  Takes Effort to Write and Learn how to Write Clean Codev  Client Side JavaScript Coding is Different
  7. 7. What’s  Right  with    TypeScript  
  8. 8. TYPESCRIPT  ROCKS!  v  “Compiles” to JavaScriptv  Provides Intent at Design Timev  Any Browser, Any Host (Node.js), Any OSv  Open Source + Tooling Supportv  Static Typedv  Provides Encapsulation v  Interfaces v  Classes v  Modules
  9. 9. TypeScript  Basics  
  10. 10. THE  BASICS  -­‐  AMBIENT  DECLARES  v  “declare” Keyword
  11. 11. THE  BASICS  -­‐  TYPES  DEFINITIONS  v  “:” To Force a Type Definition
  12. 12. THE  BASICS  –  FUNCTION  SIGNATURES  
  13. 13. THE  BASICS  –  INTERFACES  
  14. 14. THE  BASICS  –  CLASSES  
  15. 15. THE  BASICS  –  MODULES  
  16. 16. TypeScript  Basics    Demo  
  17. 17. TypeScript  and    the  Web  Demo  
  18. 18. TypeScript  and    Windows  8  Demo  
  19. 19. TYPESCRIPT  WRAP-­‐UP   JavaScript’s   TypeScript  Basics   TypeScript  for  the   Shortcomings   Enterprise   JavaScript  is   TypeScript  is  a   Tooling  for   dynamically  typed,   superset  of   TypeScript  is   which  can  lead  to   JavaScript.    It   provided  for  ASP.NET   run-­‐(me  errors.     provides  sta(c  typing   and  Windows  8   Encapsula(ng   to  improve  tooling   applica(ons  by   JavaScript  is  difficult,   and  design-­‐(me   installing  a  plug-­‐in   which  makes  it  hard   valida(on.    It   for  Visual  Studio.     to  us  in  large   provides  the  ability   applica(ons.     to  encapsulate  your   scripts.     19
  20. 20. Resources:  v  http://www.typescriptlang.orgv  http://msdn.microsoft.com/en-us/magazine/ jj983351.aspxv  http://msdn.microsoft.com/en-us/magazine/ jj870740.aspxv  Pluralsight Coursev  http://blogs.msdn.com/b/typescript/v  http://typescript.codeplex.com/wikipage? title=Roadmap&referringTitle=Home
  21. 21. HATE JAVASCRIPT? TRY TYPESCRIPT Ben  Hoel(ng   @benhnet   b.hoelng@aspenware.com    
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×