dart flight school - dart and polymer introduction

@HerbertPoul

Dart & PolymerWorkTrail

Vienna Dart Flight School, 2014-02-01

@HerbertPoul

Herbert Poul,Developer @

Developed in Dart since April 2013Gone into production in July

@HerbertPoul

My go-to Languages

Server SideJava

PythonPerlPHP

Web/Client SideJavaScript

@HerbertPoul

Dart?

“OO Language for the modern Web”

Optionally TypedFully Object OrientedToolable: Whole Program Analysis/Refactoring (Type Inference, etc.)

@HerbertPoul

Not just a Language

“batteries-included developer platform”

@HerbertPoul

Rich Core Library

api.dartlang.org

@HerbertPoul

Dart Editor

Eclipse basedEditor

@HerbertPoul

Pub - Package Manager

670+ Packages

@HerbertPoul

Syntax

● Familiar (boring) syntax○ similar to Java / JavaScript / C#

@HerbertPoul

… with some fortunate exceptions

@HerbertPoul

Named Constructors

@HerbertPoul

Constructor syntax sugar

@HerbertPoul

Named Optional Parameters

@HerbertPoul

Cascade Operator

@HerbertPoul

String Interpolation

@HerbertPoul

Getter & Setter

@HerbertPoul

Function shorthand for oneliners

@HerbertPoul

Use it today!

Dartium

@HerbertPoul

… dart2js

Compile Dart to JavaScript

@HerbertPoul

dart2js is a First-Class Citizen

@HerbertPoul

Used in production...

@HerbertPoul

WorkTrail: How we use Polymer

@HerbertPoul

Extending the DOM

@HerbertPoul

Reusing Polymer Elements

@HerbertPoul

Reusing Elements from Pub

● Install packages through Pub● Use 3rd Party Elements with complete

Isolation

@HerbertPoul

WorkTrail Public Elements @ github

autocomplete_ui tapo_calendar

https://github.com/hpoul/dart-autocomplete-ui

@HerbertPoul

Polymer

http://www.polymer-project.org/

@HerbertPoul

HTML Imports

@HerbertPoul

Custom Elements & Shadow DOM

@HerbertPoul

Template Binding & Object.observe

@HerbertPoul

Polymer.dart

https://www.dartlang.org/polymer-dart/

“Build structured, encapsulated, client-side web apps with Dart and web components”

@HerbertPoul

Demo: Reuse autocomplete_ui

Create Application

Adding autocomplete_ui as dependency

Add autocomplete component

add choices and choice properties

@HerbertPoul

Deployment

pub build

@HerbertPoul

Dart

● “batteries-included” Platform for Web Apps● Usable now!● Easy to learn & get started

@HerbertPoul

Thanks

Questions?

@HerbertPoulhttp://h.poul.at/+

visit us @ https://worktrail.net/