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 ;-)

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