Lo que tienes que saber de Dart para Backend, frontend y Mobile..pptx

1. Lo que tienes que saber
de Dart para Backend,
Frontend y Mobile.

2. Sergio Antonio Ochoa Martinez
Developer OpenKM
Developer Freelancer
gnu.java.sergio@gmail.com
sochoa@openkm.com
Quien soy yo

4. Historia
- 2011: Se dio a conocer antes que sea estable
- Alternativa: Es una alternativa a Javascript
- Google: Es el desarrollador principal
- Maquina virtual: Google Chrome tiene una maquina virtual incluida para trabajar
con dart
- 2013: Salio la versión estable la version 1.0

5. Actualidad
- 2.x: Utilizar la versión 2.0 de Dart es la mejor opción para tener las nuevas
actualizaciones que tendrá
- SDK: Kit de desarrollo
- Chromium: Implementa la VM de Dart

6. Porque Dart?
● Los desarrolladores de Google y otros sitios utilizan Dart
para crear aplicaciones de alta calidad y misión crítica para
iOS, Android y la web. Con características dirigidas al
desarrollo del lado del cliente.
● Dart es ideal para aplicaciones móviles y web.

7. Características
● Dart fue creada no para reemplazar javascript sino para tener una opción más
moderna en la web
● Dart es free y opensource https://www.dart.dev
● Dart tiene alguna similitud o fue influenciado por los siguientes lenguajes de
programación
○ Java
○ Go
○ Javascript
○ C

8. Características(cont.)
● Es un lenguaje Orientado a Objetos
● JIT Y AOT
○ AOT (Ahead Of Time): Compilado rápido y predecible código nativo. Totalmente
personalizable
○ Puede se JIT (Just In Time): Compilado para una velocidad excepcional de desarrollo. (Esto
incluye el popular **Hot Reload**)
● Hace fácil la creación de animaciones y transiciones que corren a
60fps(frames por segundo).

9. Características(cont.)
● Al ser compilado a código nativo, no hay puentes innecesarios para correr el
código.
● Dart le permite a Flutter evitar el desarrollo de diseños en archivos
independientes como JSX, XML o bien interfaces separadas.
● Dart es relatimamente facil de aprender.

10. Herramientas
(La estándar y las de terceros)

11. Dartpad
● Editor online
https://dart.dev/tools/dartpad

12. IDEs y Editores

13. Pub https://dart.dev/tools/pub/cmd
● Administrar dependencias de paquetes
● Ejecutar aplicaciones de línea de comandos
● Implementar paquetes y aplicaciones

14. Pub comandos

15. Lenguaje
(La estándar y las de terceros)

16. Variables
Variable: Espacios en memoria para almacenar un valor
● Variables sin tipo
○ var
● Variable con tipo
○ int
○ double
○ String
○ bool
● Variables dinamicas
○ dynamic

17. Tipos de datos
● Los tipos de datos en Dart son Objetos
● Valor inicial de los tipos de datos sera null.
○ num
○ int
○ double
○ String
○ bool
○ Lists(Array) => Colecciones
○ Maps(Dictionary) => Colecciones

18. Operadores

19. Operadores

20. Operadores

21. Estructuras
If-else

22. Estructuras
Switch/Case

23. Estructuras Repetivas
For/For...in/foreach

24. Estructuras repetitivas
while/do while

25. Funciones
● Funciones main
● Funciones
● Funciones con parametros opcionales
● Funciones con parametros nombrados
● Funciones con paremtros por defecto
● Funciones Arrow => Fat Arrow
● Funciones anonimas(Lambda)

26. Programación Orientada a Objetos
● Classes Objetos

27. POO
● Métodos en una clase
● Metodos con parametros obligatorios.
● Metodos con parametros opcionales posicionales.
● Metodos con parametros opcionales nombrados.
● Métodos con valores por defecto.
● Métodos con funciones arrow.
● Metodos con parametros como función.

28. POO
● Constructores
● Set y Get
● Herencia
● Sobreescritura de métodos
● Clases Abstractas y métodos abstractos
● Interfaces implicitas
● Metodos y atributos estáticos

29. Conceptos avanzados
● Colecciones
○ List y Set
○ Map
● Importar librerías propias y de terceros
● Excepciones
● Mixis
● Futures
● Async Await

30. Stagehand

31. stagehand
● Stagehand es un scaffolding para generar
proyectos en dart, herramienta inspirada en
yeoman y start kit.

32. Stagehand template
● console-full - A command-line application sample.
● package-simple - A starting point for Dart libraries or applications.
● server-shelf - A web server built using the shelf package.
● web-angular - A web app with material design components.
● web-simple - A web app that uses only core Dart libraries.
● web-stagexl - A starting point for 2D animation and games.

33. Comandos stagehand
● Instalar y actualizar
○ pub global activate stagehand

34. Backend

35. Backend
● Aqueduct
● Jaguar
○ MVC
○ ORM
○ Auth
○ Security
● Angel
○ Framework Completo (Testing, Rest, DI, MVC, Command Line)
○ Documentación bastante explicada
● Redstone
○ Micro-Framework

37. Aqueduct
● Multi-threaded
● Routing
● ORM
● Database Migration
● OAuth 2.0 Server
● Test Library
● TravisCI - Ingregración Continua
● OpenAPI 3
○ Generar documentacion de tu API REST
● Logging

38. Projecto
● pub global activate aqueduct
● aqueduct create aqueductrest
● config.yaml
● aqueduct document client
● aqueduct db upgrade --connect
postgres://username:password@localhost:5432/name_database
● aqueduct serve

39. Frontend

40. Frontend
● AngularDart - https://angulardart.dev/
● MDL/Dart - http://www.material-design-lite.pub/
● OverReact -
https://workiva.github.io/over_react/
● VueDart - https://refi64.com/vuedart/

42. AngularDart - https://angulardart.dev/guide/setup
● Modules
● Components
● Templates
● Metadata
● Data binding
● Directives
● Services
● Dependency injection
● Pipes
● Router
● Testing

43. Flutter

44. Flutter
Compilación Nativa
● Compilación en Tiempo Real
● Compilación Anticipada
Desarrollo Rápido
Gran Experiencia de Usuario
Unico codigo base para IOS y
Android
No Bridges

45. Flutter es un Framework muy Joven
May 2017
Google I/0
Alpha Kit
May 2018
Google I/O
Beta 3 - Listo para
Producción

46. Flutter Soporte en los Editores
● Visual Studio Code
● Android Studio
● IntelliJ IDEA
● O cualquier otro editor de texto
○ flutter-cli
Nota: Es mejor hacerlo en Visual Studio Code o Android
Studio porque te ayuda en la compilación

47. Recursos

48. Recursos
● https://github.com/gnujavasergio/dart-experiments
● https://dart.dev/guides/language/specifications/DartLangSpec-v2.2.pdf
● https://pub.dev/
● https://github.com/gnujavasergio/dart-experiments
● https://codelabs.developers.google.com/codelabs/from-java-to-
dart/index.html#0
● https://medium.com/flutter-community/code-sharing-with-bloc-b867302c18ef

49. Muchas Gracias
Preguntas?
Sergio Antonio Ochoa Martinez
Developer OpenKM
Developer Freelancer
https://github.com/gnujavasergio
gnu.java.sergio@gmail.com
sochoa@openkm.com