Flight with Dart: Structured web apps

Esta sesión se desarrolló en el congreso RITSI el 28 de Marzo 2014.

Transcript

1. WELCOME AVIATORS TO RITSI CORDOBA 2014
2. WARNING AVIATOR!! Welcome aboard Dart Flight School RITSI, Wear your seat belts. Electronic devices such as awesome Android phones should be used only in party mode during taxing and landing. Use of laptops with the Dart SDK installed is allowed during this flight. This is a CODING and NO SMOKING FLIGHT. Good flight aviator!!...
3. Get your Boarding Pass Aviator!!
5. ¿Qué es Dart? • OpenSource • Plataforma • Entorno colaborativo • Editor • Máquina Virtual • Chromium • Compilador
6. ¿Por qué?
7. ¿Por qué? Desarrollar aplicaciones grandes debería ser más fácil Mejor rendimiento Mayor productividad
8. 1. Dart es fácil de aprender
9. 2. Dart compila en JavaScript
10. 3. Dart se ejecuta en cliente y servidor
11. 4. Dart tiene un editor liviano
12. 5. Dart soporta los tipos de datos sin requerirlos
13. 6. Dart escala desde pequeños scripts a complejas aplicaciones
14. 7. Dart tiene una amplia gama de bibliotecas integradas
15. 8. Dart da soporte a la simple concurrencia con aislamientos
16. 9. Dart es compatible con código compartido
17. 10. Dart es código libre
18. 11. Dart para todos los dispositivos
20. Cuéntame más sobre Dart
21. Principios de Dart Performance Productivity Scalability
23. require.js Backbone Backbone Marionette jQuery Modernizr moment.js dest templates PhantomJS Jasmine Docs Docs Docs Docs Docs Docs Docs Docs Docs
24. Dart SDK Packages Unit Test Polymer Intl Resource: Seth Ladd’s JavaZone talk
25. Programming Language (dartlang) Development Platform (Dart Editor) Deployment Flexibility (dart2js) Package Manager (pub) Optimized Runtime (Dartium) UI Design Options (Polymer, Angular, ...) El mundo de Dart
26. Conceptos familiares Sintaxis Simplificada Aprendes el lenguaje en una hora... Similar a Java, JavaScript, C#, PHP
27. Hello World (Alert)
28. Hello World (Log)
29. Hello World (HTML)
31. Estructura escalable Functions Classes Libraries Packages Mixins Interfaces library games; import 'dart:math'; import 'players.dart'; class Darts { // ... } class Bowling { // ... } Player findOpponent(int skillLevel) { // ... }
32. <Code time!>
35. 670+ pkgs Package Manager for Dart (reuse)
36. Compile Dart to JavaScript with dart2js
37. <messages> <message> <subject> Please fill out the TPS report </subject> <sent>2012-10-03</sent> <summary> I'm going to have to ask you to come in... </summary> </message> <message> <subject> Reminder: fill out that TPS report! </subject> <sent>2012-10-04</sent> <summary> It's been 24 hours... </summary> </message> ... </messages>
38. Dart is ported to Dart!
39. Angular is ported to Dart!
40. Boilerplate D.R.Y. Testability Structure
41. ¿Quién usa Dart?
42. <Demo time!>
44. THANK YOU AVIATORS IT’S TIME TO CODE