The document highlights the Vienna Dart Flight School, focusing on the Dart programming language and its application in web development. It describes Dart as a modern, object-oriented language with a rich set of features and tools, including a package manager and an Eclipse-based editor. The presentation also discusses how to utilize Polymer with Dart to build structured web applications by reusing UI components and deploying them effectively.

1. Vienna Dart Flight School, 2014-02-01
Dart & Polymer
WorkTrail
@HerbertPoul

2. Herbert Poul,
Developer @
Developed in Dart since April 2013
Gone into production in July
@HerbertPoul

3. My go-to Languages
Server Side
Java
Python
Perl
PHP
Web/Client Side
JavaScript
@HerbertPoul

4. Dart?
“OO Language for the modern Web”
Optionally Typed
Fully Object Oriented
Toolable: Whole Program Analysis/Refactoring
(Type Inference, etc.)
@HerbertPoul

5. Not just a Language
“batteries-included developer platform”
@HerbertPoul

6. Rich Core Library
api.dartlang.org
@HerbertPoul

7. Dart Editor
Eclipse based
Editor
@HerbertPoul

8. Pub - Package Manager
670+ Packages
@HerbertPoul

9. Syntax
● Familiar (boring) syntax
○ similar to Java / JavaScript / C#
@HerbertPoul

10. … with some fortunate exceptions
@HerbertPoul

11. Named Constructors
@HerbertPoul

12. Constructor syntax sugar
@HerbertPoul

13. Named Optional Parameters
@HerbertPoul

14. Cascade Operator
@HerbertPoul

15. String Interpolation
@HerbertPoul

16. Getter & Setter
@HerbertPoul

17. Function shorthand for oneliners
@HerbertPoul

18. Use it today!
Dartium
@HerbertPoul

19. … dart2js
Compile Dart to JavaScript
@HerbertPoul

20. dart2js is a First-Class Citizen
@HerbertPoul

21. Used in production...
@HerbertPoul

22. WorkTrail: How we use Polymer
@HerbertPoul

23. Extending the DOM
@HerbertPoul

24. Reusing Polymer Elements
@HerbertPoul

25. Reusing Elements from Pub
● Install packages through Pub
● Use 3rd Party Elements with complete
Isolation
@HerbertPoul

26. WorkTrail Public Elements @ github
autocomplete_ui
https://github.com/hpoul/dart-autocomplete-ui
tapo_calendar
@HerbertPoul

27. Polymer
http://www.polymer-project.org/
@HerbertPoul

28. HTML Imports
@HerbertPoul

29. Custom Elements & Shadow DOM
@HerbertPoul

30. Template Binding & Object.observe
@HerbertPoul

31. Polymer.dart
“Build structured, encapsulated, client-side web apps
with Dart and web components”
https://www.dartlang.org/polymer-dart/
@HerbertPoul

32. Demo: Reuse autocomplete_ui
@HerbertPoul

33. Create Application

34. Adding autocomplete_ui as dependency

35. Add autocomplete component

36. add choices and choice properties

37. Deployment
pub build
@HerbertPoul

38. Dart
● “batteries-included” Platform for Web Apps
● Usable now!
● Easy to learn & get started
@HerbertPoul

39. Thanks
Questions?
@HerbertPoul
http://h.poul.at/+
visit us @ https://worktrail.net/
@HerbertPoul