TypeScript for Alfresco and CMIS Steve Reiner CTO Integrated Semantics.

Slides:



Advertisements
Similar presentations
® IBM Software Group Copyright © 2005 IBM Corporation AJAX Toolkit Framework Emerging Internet Technologies Group.
Advertisements

SYDJS July What is HaXe? Multi-platform language Open source ( Community driven Version 2.07 (around since 2005) Single syntax for.
Developing HTML5 Application using MVVM pattern Pekka Ylenius.
Internetteknologi (ITNET1) Extra Presentation Java IDE Tool Support.
Alpha Anywhere Product Roadmap and Overview
FlexJS™ Flex™ For JavaScript Seattle Web App Developers Meetup January 15, 2015 Alex Harui Apache FlexJS, Apache Flex, FlexJS and Flex are are either registered.
Designer’s Challenge – Web-based Applications using Adobe Flex and OpenInsight Clay Borne President CLB IT.
Introduction Rich Internet Applications OpenLaszlo as an RIA Examples Community Competitors OpenLaszlo Architecture OpenLaszlo XML Structure Dealing with.
North Shore.NET User Group Our Sponsors. North Shore.NET User Group Check out our new web site Next Meeting
Telerik Software Academy HTML Basics.
Google Web Toolkit - Gufran Mohammed. Google Web Toolkit (GWT) is an open source Java software development framework that makes writing AJAX applications.
UNIT4 BUSINESS ANALYTICS. page WHAT IS THE PRODUCT? 2 A business intelligence tool kit, specializing in Coporate Performance Management An application.
ECLIPSE IDE N AME : A SHOK P ADMARAJU C OURSE : T OPICS ON S OFTWARE E NGINEERING I NSTRUCTOR : D R. S ERGIU D ASCALU.
Getting Started With Java Downloading and installing software Running your first program Dr. DwyerFall 2012.
RIA Introduce Comparison among several technology.
ASP.NET vNEXT & development tools Marco De
Lightning Talk Fred Rodriguez Nguyen Do CPSC 473 May 6, 2012.
RIA & Adobe Flex Yunhui Fu 11/05/2008. What’s RIA RIA (Rich Internet Applications) –web applications which look and perform like desktop applications.
Title slide to be used at the start of a module. Developing Mobile Apps Roland Guijt
Philly.NET Hands-on Labs JAVASCRIPT SERIES. July 9: JavaScript Syntax Visual Studio ◦Projects ◦Editors ◦Debugging ◦Script blocks ◦Minification and bundling.
Lesley Bross, August 29, 2010 ArcGIS 10 add-in glossary.
Android Programming By Mohsen Biglari Android Programming, Part1: Introduction 1 Part1: Introduction By Mohsen Biglari.
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Presentation Brijesh Patel | Working with AIR Native Extensions.
Prepared by Stephen Olaño June 12, Rich Internet Applications It allow to build rich applications with data and multimedia contents, offering a.
Introducing NativeScript [Pavel Kolev Software Telerik: a Progress company]
|Tecnologie Web L-A Anno Accademico Laboratorio di Tecnologie Web Introduzione ad Eclipse e Tomcat
HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Adobe’s Open Source Flex SDK. OSCON - July 2008 Portland, OR Duane Nickull & James Ward Sr. Technology.
Flex 2.0 Flex for ColdFusion developers Part 1. What is Flex Flex allows developers to create Flash content for Rich Internet Applications in a more programmer.
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 – обзор.
1 3. Computing System Fundamentals 3.1 Language Translators.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Adobe RIA Technologies: Adobe Flex 3 Cornel Creanga Platform Evangelist
Introduction to TypeScript Sergey Barskiy Architect Level: Introductory.
Eclipse 24-Apr-17.
GeoGebra on mobile devices GeoGebraMobile, the JavaScript version of GeoGebra. Gabor Ancsin (this man =>)
The way of hybrid mobile development Hybrid Mobile Applications Telerik Software Academy
Game on! With Nativescript
An Introduction to JavaServer™ Pages Prepared by Nicole Swan.
Plug-in Architectures Presented by Truc Nguyen. What’s a plug-in? “a type of program that tightly integrates with a larger application to add a special.
Rich Internet Applications 2. Core JavaScript. The importance of JavaScript Many choices open to the developer for server-side Can choose server technology.
64-bit JIT + SIMD Garbage Collector Runtime components Compilers.NET Compiler Platform (Roslyn) Languages innovation.NET Framework 4.6.NET Core.
JavaScript Tools Tools for Writing / Editing / Debugging JavaScript Code Svetlin Nakov Technical Trainer Software University
Plug-In Architecture Pattern. Problem The functionality of a system needs to be extended after the software is shipped The set of possible post-shipment.
LECTURE #4: JQUERY AND FORM VALIDATION Josh Kaine Josh Kaine 4/1/2016.
NativeScript – Open source platform to build Native iOS/Android Apps.
Best 5 Mobile App Development Tools for Developer's to think beyond the Limitation.
Top 5 IDE that Simplifies PHP Development Biztech IT Consultancy Pvt. Ltd. | |
Best Web Technologies for
//liveVirtualacademy2011/ What’s New for ASP.NET 4.5 and Web Development in Visual Studio 11 Developer Preview Γιώργος Καπνιάς MVP, MCT, MCDP, MCDBA, MCTS,
TypeScript: The Gateway Drug Whittaker.
Build Cross-Platform Mobile Apps Using Visual Studio A Telerik webinar by Jeffrey T. Fritz March 27, 2014 AND.
Build Hybrid Mobile Apps with Ionic, Angular, & Cordova Brian
PhoneGap. web-based mobile development framework, based on the open-source Cordova project. use standard web technologies such as HTML5, CSS3, and JavaScript.
An Alfresco Apache Stanbol Integration (port of OpenCalais Integration) Steve Reiner CTO Integrated Semantics.
A little more App Inventor and Mind the GAP!
The Share Widget Library
Introduction to TypeScript
Development of Internet Applications jQuery, TypeScript, LESS
Apache Cordova Overview
Presentation 2 Web Design.
Introduction to SharePoint Framework (SPFx)
Nick Trogh Technical Evangelist, Microsoft.
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)
Office 365 Development.
Introduction to TypeScript
Introduce to Angular 6 Present by: Võ Văn Hào
Plug-In Architecture Pattern
Modern Front-end Development with Angular JS 2.0
Presentation transcript:

TypeScript for Alfresco and CMIS Steve Reiner CTO Integrated Semantics

JS++ Search Seeking something close to ActionScript that can translate to JavaScript Close to ActionScript would make it easier to port ActionScript in multiple large Flex applications (FlexSpaces, CMIS Spaces, FlexibleDashbord) and ActionScript libraries (such as Grebulon XMLA OLAP) to this JS++ By being ActionScript like, would also be a good productive language for large apps (static typing, class syntax, interfaces,etc.) Also like IDEs / intellisense (Flash Builder, etc.)

JS++ Search Use ActionScript and translate to JavaScript Jangaroo Compiler and ActionScript API to ExtJS developed by CoreMedia AG FalconJS from Adobe (Adobe is slow in getting this to Apache Flex, still not available) Approach not taking off with developers, better things coming along: Dart and TypeScript Dart from Google Nice language, nice html and core libraries, good IDE with integrated debugging, can use on server too InterOp with JavaScript is awkward and more work Only “modern web browsers” supported (not old versions) Others: Haxe, Opa, JavaScript++, CoffeeScript, etc.

TypeScript Despite coming from Micro$oft (hold your nose) its actually seems like the best approach Extends JavaScript, all JavaScript code is valid TypeScript (Dart is JavaScript like, but still a new language) Open Source (Apache 2.0) Using coming ECMAScript 6 for parts it has (class and interfaces), adding typing and modules Optional typing like Dart Can use for node.js serverside code, tsc cmd line compiler can install as node.js pkg (compiler written in typescript)

TypeScript Can have typed interface wrapper for existing JavaScript libraries in declaration / definition files (d.ts) without having to modify original js library files Seeing good bit of existing javascript libraries have typescript definition files created within 2-3 weeks after TypeScript was announced was very impressive (see DefinitelyTyped repo in github) (compared to slow pace of libraries being ported to Dart) Note: TypeScript is in Preview phase, not final, but since output-ed JavaScript is JavaScript and no runtime libs there is somewhat less risk

TypeScript IDES Visual Studio 2012 with TypeScript plugin Can debug TypeScript code in VS and run in IE Can debug in debuggers in recent Chrome and FireFox (need to manually add –sourcemap to tsc build line in VS project files) Free Express version of Visual Studio 2012 can be used (WebEssentials plugin with side compare JS feature can’t be used in the express version) Also MS WebMatrix can be used, syntax files for Sublime Text, Vi, and Emacs. JetBrains IntelliJ IDEA EAP has some support No Eclipse yet (thought Dart Editor could be changed to work with TypeScript)

TypeScript Alfreso and CMIS apis Will have a TypeScript definition wrapper for AlfJS by DevCon SJ Will have a basic TypeScript defnition wrapper for any CMIS.JS Alfresco has Also could have a CMIS api with interfaces and classes more like the Java OpenCMIS client apis In porting CMIS Spaces libraries could port the as3 atompub code if CMIS.JS doesn’t happen or it is only for the cmis browser binding Also will try and have TypeScript for Alfresco Cloud APIs In porting FlexSpaces to TypeScript will initially use custom webscripts it has. Then will change to be able to use subset of features without custom webscripts (use webscripts in place for Share, thus a TypeScript wrapped more full featured AlfJS)

TypeScript based Clients / App Components Plan to port both FlexSpaces and CMIS Spaces to TypeScript Modify Jangaroo Compiler to do AS3 -> TypeScript Use YUI3 and some other JS frameworks thru TS defn wrappers HTML5/JS in browser, PhoneGap mobile, and AIR/JS (for desktop drag in/out,native clipboard, offline file syncing, etc.) packagings Support Alfresco Cloud too?

TypeScript Dashlets / WebScripts If there is interest: Share Dashlet clientside code: will try to put together a sample dashlet done in TypeScript with TS defn wrappers for YUI 2.x, some wrappers for Share base components, etc. Thus get intellisense and type checking in IDES. The YAHOO.extend of YUI components may be a little tricky. Share WebScripts: since TS compiles to JS you could use it for basic webscripts Alfresco WebScripts: It may be possible to have TS definition file for what root scope objects and typed apis are available from this env

Links to Find out more Introducing-TypeScripthttp://channel9.msdn.com/posts/Anders-Hejlsberg- Introducing-TypeScript blogwww.integratedsemantics.org