SlideShare a Scribd company logo
HATE JAVASCRIPT?
 TRY TYPESCRIPT



    Ben	
  Hoel(ng	
  
    @benhnet	
  
    b.hoel'ng@aspenware.com	
  
    	
  
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	
  
                                                                                                                                                        	
  
Agenda:
v TypeScript Defined
v What’s wrong with JavaScript
v What’s right with TypeScript
v TypeScript Basics
v TypeScript and ASP.NET (Web Forms
   and MVC)
v TypeScript for Windows 8 Apps
TYPESCRIPT	
  DEFINED	
  
v    A coding language that compiles to
      JavaScript and provides strong typing and
      other modern coding language features
What’s	
  Wrong	
  with	
  	
  
JavaScript	
  
ISSUES	
  WITH	
  JAVASCRIPT	
  
v    Dynamic Typing Leads to Run Time Errors
v    Lack of Maintainability, Scalability
v    Fine for Small Apps
v    Takes Effort to Write and Learn how to
      Write Clean Code
v    Client Side JavaScript Coding is Different
What’s	
  Right	
  with	
  	
  
TypeScript	
  
TYPESCRIPT	
  ROCKS!	
  
v    “Compiles” to JavaScript
v    Provides Intent at Design Time
v    Any Browser, Any Host (Node.js), Any OS
v    Open Source + Tooling Support
v    Static Typed
v    Provides Encapsulation
      v  Interfaces

      v    Classes
      v    Modules
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	
  
         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
Resources:	
  
v  http://www.typescriptlang.org
v  http://msdn.microsoft.com/en-us/magazine/
    jj983351.aspx
v  http://msdn.microsoft.com/en-us/magazine/
    jj870740.aspx
v  Pluralsight Course
v  http://blogs.msdn.com/b/typescript/
v  http://typescript.codeplex.com/wikipage?
    title=Roadmap&referringTitle=Home
HATE JAVASCRIPT?
 TRY TYPESCRIPT



    Ben	
  Hoel(ng	
  
    @benhnet	
  
    b.hoel'ng@aspenware.com	
  
    	
  

More Related Content

Similar to Hate JavaScript? Try TypeScript. (20)

PDF
TypeScript: JavaScript that scales (Kostas Stergiou) - GreeceJS #22
GreeceJS
 
PDF
(Ebook) Programming TypeScript: Making Your JavaScript Applications Scale by ...
douteysakpe40
 
PPTX
TypeScript VS JavaScript.pptx
Albiorix Technology
 
PPT
TypeScript - Javascript done right
Wekoslav Stefanovski
 
PDF
Type script vs javascript come face to face in battleground
Katy Slemon
 
PPTX
Unit 1 - TypeScript & Introduction to Angular CLI.pptx
Malla Reddy University
 
PPTX
11_typescript.pptx for north south university course cse425
AnikSahaToni19126196
 
PPTX
Type script
Mallikarjuna G D
 
PPTX
Typescript: JS code just got better!
amit bezalel
 
PDF
Migrating Web SDK from JS to TS
Grigory Petrov
 
PDF
Typescript For Beginners The Ultimate Guide Sufyan Bin Uzayr
baielldebove
 
PDF
An Introduction to TypeScript: Definition, History, and Key Features
Michael Coplin
 
PDF
What is TypeScript? It's Definition, History And Features
HarryParker32
 
PPTX
TypeScript Introduction
Travis van der Font
 
PPTX
Intro to TypeScript, HTML5DevConf Oct 2013
Matt Harrington
 
PDF
Scenic City Summit 2018 - TypeScript 101
Frances Coronel
 
PDF
TypeScript Vs. JavaScript: Which Is Best?
Marrie Morris
 
PPTX
Introducing type script
Remo Jansen
 
PDF
TYPESCRIPT-ARCHI.pdfbsjjsjsjsjjsjjsjsjjs
sonidsxyz02
 
TypeScript: JavaScript that scales (Kostas Stergiou) - GreeceJS #22
GreeceJS
 
(Ebook) Programming TypeScript: Making Your JavaScript Applications Scale by ...
douteysakpe40
 
TypeScript VS JavaScript.pptx
Albiorix Technology
 
TypeScript - Javascript done right
Wekoslav Stefanovski
 
Type script vs javascript come face to face in battleground
Katy Slemon
 
Unit 1 - TypeScript & Introduction to Angular CLI.pptx
Malla Reddy University
 
11_typescript.pptx for north south university course cse425
AnikSahaToni19126196
 
Type script
Mallikarjuna G D
 
Typescript: JS code just got better!
amit bezalel
 
Migrating Web SDK from JS to TS
Grigory Petrov
 
Typescript For Beginners The Ultimate Guide Sufyan Bin Uzayr
baielldebove
 
An Introduction to TypeScript: Definition, History, and Key Features
Michael Coplin
 
What is TypeScript? It's Definition, History And Features
HarryParker32
 
TypeScript Introduction
Travis van der Font
 
Intro to TypeScript, HTML5DevConf Oct 2013
Matt Harrington
 
Scenic City Summit 2018 - TypeScript 101
Frances Coronel
 
TypeScript Vs. JavaScript: Which Is Best?
Marrie Morris
 
Introducing type script
Remo Jansen
 
TYPESCRIPT-ARCHI.pdfbsjjsjsjsjjsjjsjsjjs
sonidsxyz02
 

More from Aspenware (18)

PPTX
Playing nice with the MEAN stack
Aspenware
 
PDF
Stop competing and start leading: A user experience case study.
Aspenware
 
PPTX
Tips for building fast multi touch enabled web sites
Aspenware
 
PPTX
Build once deploy everywhere using the telerik platform
Aspenware
 
PPTX
Building web applications using kendo ui and the mvvm pattern
Aspenware
 
PDF
Taking the Share out of Sharepoint: SharePoint Application Security.
Aspenware
 
PPTX
Implementing Scrum with Microsoft Team Foundation Service (TFS)
Aspenware
 
PPTX
Implementing Scrum with Microsoft Team Foundation Service (TFS)
Aspenware
 
PDF
Building a Windows Store App for SharePoint 2013
Aspenware
 
PDF
Aspenware TechMunch presents: mobile communities of interest
Aspenware
 
PDF
Understanding Game Mechanics
Aspenware
 
PDF
What people are saying about working with Aspenware.
Aspenware
 
PPTX
Aspenware Customer Labs lift line experience
Aspenware
 
PPTX
On Culture and Perks
Aspenware
 
PDF
Maintaining Culture and Staying True to Your Values in Times of Change: Tye E...
Aspenware
 
PPTX
Fast multi touch enabled web sites
Aspenware
 
PDF
Business considerations for node.js applications
Aspenware
 
PPTX
Restful web services with nodejs
Aspenware
 
Playing nice with the MEAN stack
Aspenware
 
Stop competing and start leading: A user experience case study.
Aspenware
 
Tips for building fast multi touch enabled web sites
Aspenware
 
Build once deploy everywhere using the telerik platform
Aspenware
 
Building web applications using kendo ui and the mvvm pattern
Aspenware
 
Taking the Share out of Sharepoint: SharePoint Application Security.
Aspenware
 
Implementing Scrum with Microsoft Team Foundation Service (TFS)
Aspenware
 
Implementing Scrum with Microsoft Team Foundation Service (TFS)
Aspenware
 
Building a Windows Store App for SharePoint 2013
Aspenware
 
Aspenware TechMunch presents: mobile communities of interest
Aspenware
 
Understanding Game Mechanics
Aspenware
 
What people are saying about working with Aspenware.
Aspenware
 
Aspenware Customer Labs lift line experience
Aspenware
 
On Culture and Perks
Aspenware
 
Maintaining Culture and Staying True to Your Values in Times of Change: Tye E...
Aspenware
 
Fast multi touch enabled web sites
Aspenware
 
Business considerations for node.js applications
Aspenware
 
Restful web services with nodejs
Aspenware
 
Ad

Recently uploaded (20)

PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
What Makes Contify’s News API Stand Out: Key Features at a Glance
Contify
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PDF
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
Biography of Daniel Podor.pdf
Daniel Podor
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
What Makes Contify’s News API Stand Out: Key Features at a Glance
Contify
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
Biography of Daniel Podor.pdf
Daniel Podor
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
Ad

Hate JavaScript? Try TypeScript.

  • 1. HATE JAVASCRIPT? TRY TYPESCRIPT Ben  Hoel(ng   @benhnet   b.hoel'[email protected]    
  • 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([email protected]    
  • 3. Agenda: v TypeScript Defined v What’s wrong with JavaScript v What’s right with TypeScript v TypeScript Basics v TypeScript and ASP.NET (Web Forms and MVC) v TypeScript for Windows 8 Apps
  • 4. TYPESCRIPT  DEFINED   v  A coding language that compiles to JavaScript and provides strong typing and other modern coding language features
  • 5. What’s  Wrong  with     JavaScript  
  • 6. ISSUES  WITH  JAVASCRIPT   v  Dynamic Typing Leads to Run Time Errors v  Lack of Maintainability, Scalability v  Fine for Small Apps v  Takes Effort to Write and Learn how to Write Clean Code v  Client Side JavaScript Coding is Different
  • 7. What’s  Right  with     TypeScript  
  • 8. TYPESCRIPT  ROCKS!   v  “Compiles” to JavaScript v  Provides Intent at Design Time v  Any Browser, Any Host (Node.js), Any OS v  Open Source + Tooling Support v  Static Typed v  Provides Encapsulation v  Interfaces v  Classes v  Modules
  • 10. THE  BASICS  -­‐  AMBIENT  DECLARES   v  “declare” Keyword
  • 11. THE  BASICS  -­‐  TYPES  DEFINITIONS   v  “:” To Force a Type Definition
  • 12. THE  BASICS  –  FUNCTION  SIGNATURES  
  • 13. THE  BASICS  –  INTERFACES  
  • 14. THE  BASICS  –  CLASSES  
  • 15. THE  BASICS  –  MODULES  
  • 17. TypeScript  and     the  Web  Demo  
  • 18. TypeScript  and     Windows  8  Demo  
  • 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. Resources:   v  http://www.typescriptlang.org v  http://msdn.microsoft.com/en-us/magazine/ jj983351.aspx v  http://msdn.microsoft.com/en-us/magazine/ jj870740.aspx v  Pluralsight Course v  http://blogs.msdn.com/b/typescript/ v  http://typescript.codeplex.com/wikipage? title=Roadmap&referringTitle=Home
  • 21. HATE JAVASCRIPT? TRY TYPESCRIPT Ben  Hoel(ng   @benhnet   b.hoel'[email protected]