Introduction to TypeScript

Slides:

Advertisements

Similar presentations

Introducing JavaScript

Advertisements

Java Script Session1 INTRODUCTION.

Introduction to JavaScript

CoffeeScript vs. TypeScript What should you use in your application?

North Shore.NET User Group Our Sponsors. North Shore.NET User Group Check out our new web site Next Meeting

1 Owais Mohammad Haq Department of Computer Science Eastern Michigan University April, 2005 Java Script.

C++ data types. Structs vs. Classes C++ Classes.

UNIT4 BUSINESS ANALYTICS. page WHAT IS THE PRODUCT? 2 A business intelligence tool kit, specializing in Coporate Performance Management An application.

Major Sponsors Minor Sponsors. about John Liu Contents What is TypeScript Why do we need TypeScript How Demo Pinteresp Working with your existing JavaScript.

Philly.NET Hands-on Labs JAVASCRIPT SERIES. July 9: JavaScript Syntax Visual Studio ◦Projects ◦Editors ◦Debugging ◦Script blocks ◦Minification and bundling.

Introduction to JavaScript Kirkwood Continuing Education © Copyright 2014, Fred McClurg All Rights Reserved.

Lesley Bross, August 29, 2010 ArcGIS 10 add-in glossary.

Major Sponsors Minor Sponsors. about John Liu Contents What is TypeScript Why do we need TypeScript How Demo Pinteresp Working with your existing JavaScript.

11 июля 2015 As true as steel to your desire You come with just an idea - we make great software for you! Trust Teamwork Transparency TypeScript – обзор.

Introduction to TypeScript Sergey Barskiy Architect Level: Introductory.

TypeScript Allan da Costa Pinto Technical Evangelist Microsoft.

JavaScript Overview Developer Essentials How to Code Language Constructs The DOM concept- API, (use W3C model) Objects –properties Methods Events Applications;

Core basic Java web server technologies. Tools Eclipse IDE for Java EE Developers (Netbeans also works) nloads/packages/eclipse-

JavaScript Dynamic Active Web Pages Client Side Scripting.

Support standard JavaScript code with static typing Encapsulation through classes and modules Support for constructors, properties and.

JavaScript Katie Fowle November 15, History Brendan Eich at Netscape, 1995 Need for interactivity in web pages Mocha, LiveWire, LiveScript, then.

JavaScript Tools Tools for Writing / Editing / Debugging JavaScript Code Svetlin Nakov Technical Trainer Software University

TypeScript for Alfresco and CMIS Steve Reiner CTO Integrated Semantics.

Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.

Mail Web Twitter TypeScript Rainer Stropek software architects gmbh JavaScript on Steroids.

//liveVirtualacademy2011/ What’s New for ASP.NET 4.5 and Web Development in Visual Studio 11 Developer Preview Γιώργος Καπνιάς MVP, MCT, MCDP, MCDBA, MCTS,

A S P. Outline  The introduction of ASP  Why we choose ASP  How ASP works  Basic syntax rule of ASP  ASP’S object model  Limitations of ASP  Summary.

1 Introducing Web Developer Tools Rapid application development tools ASP.NET-compatible web editors –Visual Studio.NET Professional Edition –Visual Studio.

TypeScript: The Gateway Drug Whittaker.

ANGULAR 2. JavaScript is a high-level, dynamic, untyped, and interpreted programming language. JavaScript was originally developed in May 1995 by Brendan.

Introduction to TypeScript

INF230 Basics in C# Programming

Angular 4 + TypeScript Getting Started

/* LIFE RUNS ON CODE*/ Konstantinos Pantos Microsoft MVP ASP.NET

Tutorial 10 Programming with JavaScript

Development of Internet Applications jQuery, TypeScript, LESS

Week 5 JavaScript Overview JavaScript Examples

Game-Changing Features in ES2015

The Transition to Modern Office Add-in Development

Section 17.1 Section 17.2 Add an audio file using HTML

Introduction to TypeScript & Angular

Creating and Deploying Your First SharePoint Framework Application

9/13/2018 7:43 AM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.

Best Angular 2 interview questions and Answer that have been designed for Angular 2 programmers who are preparing online interviews on Angular 2 interviews question. Visit Website:

Introduction to SharePoint Framework (SPFx)

SharePoint-Hosted Apps and JavaScript

Nick Trogh Technical Evangelist, Microsoft.

Angularjs Interview Questions and Answers By Hope Tutors.

Nick Trogh Technical Evangelist, Microsoft.

Microsoft Build /22/2018 6:07 AM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,

Introduction to SharePoint Framework (SPFx)

Getting Started With TypeScript

CIS16 Application Development – Programming with Visual Basic

TypeScript: Supersetting JavaScript

TypeScript and Angular 2

TechEd /18/ :08 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.

SSDT and Database Project Basics

IntroductionToPHP Static vs. Dynamic websites

Tutorial 10 Programming with JavaScript

Introduction to AppInventor

CS5220 Advanced Topics in Web Programming Angular – TypeScript

What is TypeScript, and Should You Care?

4/25/2019 © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks.

Build 2014 Anders Hejlsberg Technical Fellow

CS5220 Advanced Topics in Web Programming Angular – TypeScript

Introduce to Angular 6 Present by: Võ Văn Hào

Information Retrieval and Web Design

C++ data types.

Windows Azure Anders Hejlsberg Technical Fellow 3-012

Presentation transcript:

Introduction to TypeScript Michael Chu

Agenda 1 2 3 4 5 6 JavaScript Features Declarations Alternatives Tooling Resources

JavaScript 1995 20 years ago Dynamic computer programming language Brendan Eich Netscape Communica., Mozilla Foundation Client side Server side (Node.js) Single Page App

Demo JavaScript

Application scale JavaScript development is hard not design as a programming language for big application does not have static typing lack structuring mechanisms like classes, modules, interfaces

Expert “JavaScript is the assembly language of the Web.” Erik Meijer (software architect)

Expert “You can write large programs in JavaScript. You just can’t maintain them.” Anders Hejlsberg (father of C#)

S# The Alternatives Hard core JavaScript development JavaScript preprocessors that compiles to JavaScript: S# CoffeeScript coffeescript.org custom lang. Clojurescript github.com custom lang. Script# github.com C# Dart http://dartlang.org custom lang. by Google

TypeScript TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript is a language for application scale JavaScript development. Any browser. Any host. Any OS. Open Source. ~typescriptlang.org JS TS JS Copy JS code Into TS file Compile to JavaScript

TypeScript Key Features Support standard JavaScript code with static typing Zero cost: Static types completely disappear at run-time Encapsulation though classes, modules and interfaces Constructors, properties and functions (public, private) Enums Lambda and generics support Intellisense and syntax checking IDE support Visual Studio Sublime Text, Vi, Emacs Eclipse, WebStorm Preview Pane – Web Essentials

Demos TypeScript

Highlights Tool Features TypeScript Code Type Inference Intellisense, statement comp. Compile on Save Preview Pane ECMAScript version Redirect JavaScript output Generate declaration files Type Annotation Any and Primitive Type Interface, Implementation Class, constructor Opt. Parameter, overloads Event handler Get accessor, private, static Arrow function, lambda Module Typed definitions And more…

TypeScript Versions TypeScript 1.3 for VS older (Web Essentials) TypeScript 1.3 for VS 2013 Update 2 TypeScript 1.4 for VS 2013 TypeScript 1.4 for VS 2015 CTP5 TypeScript 2.0 (vNext)

Resources http://www.typescriptlang.org http://www.typescriptlang.org/Content/TypeScript%20Language%20Specification.pdf http://www.typescriptlang.org/Playground http://vswebessentials.com/download https://github.com/borisyankov/DefinitelyTyped https://github.com/Microsoft/TypeScript

Angular 2: Built on TypeScript http://blogs.msdn.com/b/typescript/archive/2015/03/05/angular-2-0-built-on-typescript.aspx http://blogs.msdn.com/b/visualstudio/archive/2015/03/12/a-preview-of-angular-2-and-typescript-in-visual-studio.aspx

Summary Open source language that compiles into JavaScript Code encapsulation Maintainable code Tooling support Application scale JavaScript development is hard TypeScript makes it easier

Questions