Dart flight school - Dart and Polymer Introduction

2,680 views

Published on

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

Published in: Technology
  • Be the first to comment

Dart flight school - Dart and Polymer Introduction

  1. 1. Vienna Dart Flight School, 2014-02-01 Dart & Polymer WorkTrail @HerbertPoul
  2. 2. Herbert Poul, Developer @ Developed in Dart since April 2013 Gone into production in July @HerbertPoul
  3. 3. My go-to Languages Server Side Java Python Perl PHP Web/Client Side JavaScript @HerbertPoul
  4. 4. Dart? “OO Language for the modern Web” Optionally Typed Fully Object Oriented Toolable: Whole Program Analysis/Refactoring (Type Inference, etc.) @HerbertPoul
  5. 5. Not just a Language “batteries-included developer platform” @HerbertPoul
  6. 6. Rich Core Library api.dartlang.org @HerbertPoul
  7. 7. Dart Editor Eclipse based Editor @HerbertPoul
  8. 8. Pub - Package Manager 670+ Packages @HerbertPoul
  9. 9. Syntax ● Familiar (boring) syntax ○ similar to Java / JavaScript / C# @HerbertPoul
  10. 10. … with some fortunate exceptions @HerbertPoul
  11. 11. Named Constructors @HerbertPoul
  12. 12. Constructor syntax sugar @HerbertPoul
  13. 13. Named Optional Parameters @HerbertPoul
  14. 14. Cascade Operator @HerbertPoul
  15. 15. String Interpolation @HerbertPoul
  16. 16. Getter & Setter @HerbertPoul
  17. 17. Function shorthand for oneliners @HerbertPoul
  18. 18. Use it today! Dartium @HerbertPoul
  19. 19. … dart2js Compile Dart to JavaScript @HerbertPoul
  20. 20. dart2js is a First-Class Citizen @HerbertPoul
  21. 21. Used in production... @HerbertPoul
  22. 22. WorkTrail: How we use Polymer @HerbertPoul
  23. 23. Extending the DOM @HerbertPoul
  24. 24. Reusing Polymer Elements @HerbertPoul
  25. 25. Reusing Elements from Pub ● Install packages through Pub ● Use 3rd Party Elements with complete Isolation @HerbertPoul
  26. 26. WorkTrail Public Elements @ github autocomplete_ui https://github.com/hpoul/dart-autocomplete-ui tapo_calendar @HerbertPoul
  27. 27. Polymer http://www.polymer-project.org/ @HerbertPoul
  28. 28. HTML Imports @HerbertPoul
  29. 29. Custom Elements & Shadow DOM @HerbertPoul
  30. 30. Template Binding & Object.observe @HerbertPoul
  31. 31. Polymer.dart “Build structured, encapsulated, client-side web apps with Dart and web components” https://www.dartlang.org/polymer-dart/ @HerbertPoul
  32. 32. Demo: Reuse autocomplete_ui @HerbertPoul
  33. 33. Create Application
  34. 34. Adding autocomplete_ui as dependency
  35. 35. Add autocomplete component
  36. 36. add choices and choice properties
  37. 37. Deployment pub build @HerbertPoul
  38. 38. Dart ● “batteries-included” Platform for Web Apps ● Usable now! ● Easy to learn & get started @HerbertPoul
  39. 39. Thanks Questions? @HerbertPoul http://h.poul.at/+ visit us @ https://worktrail.net/ @HerbertPoul

×