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

PPTX
Type script
PDF
Use React tools for better Angular apps
PPT
Introduction to JavaScript
PDF
Type Script Conceitos de ts para projetos front-end React - por ruben marcus
PDF
Managing and evolving JavaScript Code
PDF
Aspenware 2013 consulting program
PDF
Rich Web Applications with Aspenware
PPTX
Typescript language
Type script
Use React tools for better Angular apps
Introduction to JavaScript
Type Script Conceitos de ts para projetos front-end React - por ruben marcus
Managing and evolving JavaScript Code
Aspenware 2013 consulting program
Rich Web Applications with Aspenware
Typescript language

Similar to Hate JavaScript? Try TypeScript. (20)

PDF
TypeScript: JavaScript that scales (Kostas Stergiou) - GreeceJS #22
PDF
(Ebook) Programming TypeScript: Making Your JavaScript Applications Scale by ...
PDF
Modern TypeScript 1 / converted Edition Ben Beattie-Hood
PPTX
TypeScript VS JavaScript.pptx
PPT
TypeScript - Javascript done right
PDF
Type script vs javascript come face to face in battleground
PPTX
Unit 1 - TypeScript & Introduction to Angular CLI.pptx
PPTX
11_typescript.pptx for north south university course cse425
PPTX
Type script
PPTX
Typescript: JS code just got better!
PDF
Migrating Web SDK from JS to TS
PDF
Typescript For Beginners The Ultimate Guide Sufyan Bin Uzayr
PDF
An Introduction to TypeScript: Definition, History, and Key Features
PDF
What is TypeScript? It's Definition, History And Features
PPTX
TypeScript Introduction
PPTX
Intro to TypeScript, HTML5DevConf Oct 2013
PDF
Scenic City Summit 2018 - TypeScript 101
PDF
TypeScript Vs. JavaScript: Which Is Best?
PPTX
Introducing type script
TypeScript: JavaScript that scales (Kostas Stergiou) - GreeceJS #22
(Ebook) Programming TypeScript: Making Your JavaScript Applications Scale by ...
Modern TypeScript 1 / converted Edition Ben Beattie-Hood
TypeScript VS JavaScript.pptx
TypeScript - Javascript done right
Type script vs javascript come face to face in battleground
Unit 1 - TypeScript & Introduction to Angular CLI.pptx
11_typescript.pptx for north south university course cse425
Type script
Typescript: JS code just got better!
Migrating Web SDK from JS to TS
Typescript For Beginners The Ultimate Guide Sufyan Bin Uzayr
An Introduction to TypeScript: Definition, History, and Key Features
What is TypeScript? It's Definition, History And Features
TypeScript Introduction
Intro to TypeScript, HTML5DevConf Oct 2013
Scenic City Summit 2018 - TypeScript 101
TypeScript Vs. JavaScript: Which Is Best?
Introducing type script
Ad

More from Aspenware (18)

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

Recently uploaded (20)

PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Encapsulation theory and applications.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
Cloud computing and distributed systems.
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
Spectroscopy.pptx food analysis technology
PDF
Spectral efficient network and resource selection model in 5G networks
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
A comparative analysis of optical character recognition models for extracting...
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PPT
Teaching material agriculture food technology
PPTX
MYSQL Presentation for SQL database connectivity
Reach Out and Touch Someone: Haptics and Empathic Computing
Encapsulation theory and applications.pdf
Review of recent advances in non-invasive hemoglobin estimation
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Mobile App Security Testing_ A Comprehensive Guide.pdf
Cloud computing and distributed systems.
Dropbox Q2 2025 Financial Results & Investor Presentation
Spectroscopy.pptx food analysis technology
Spectral efficient network and resource selection model in 5G networks
“AI and Expert System Decision Support & Business Intelligence Systems”
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
A comparative analysis of optical character recognition models for extracting...
Programs and apps: productivity, graphics, security and other tools
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Per capita expenditure prediction using model stacking based on satellite ima...
The AUB Centre for AI in Media Proposal.docx
Assigned Numbers - 2025 - Bluetooth® Document
Teaching material agriculture food technology
MYSQL Presentation for SQL database connectivity

Hate JavaScript? Try TypeScript.

  • 1. HATE JAVASCRIPT? TRY TYPESCRIPT Ben  Hoel(ng   @benhnet   b.hoel'ng@aspenware.com    
  • 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. 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'ng@aspenware.com