Embed Size (px)
DESCRIPTION
Introduction to Dart and Polymer.dart and how we used the technologie to (re)launch WorkTrail.net - Presentation for the Vienna Dart Flight School at 2014-02-01 Full Version with a few Speaker Notes available at: https://docs.google.com/presentation/d/1inu9oxRumbxXJo7RqoI9zUd2RJM86po1hAlylLF5g7I/edit?usp=sharing Feel free to share, use and remaster/edit or give feedback for improvements ;-)
Citation preview
@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/
