CONSTRUIR APLICACIONES WEB MODERNAS CON JAVA

CONSTRUIR APLICACIONES WEB MODERNAS CON JAVA

Hoy hablamos de Vaadin 13 que es mucho más que un framework, realmente es una plataforma completa diseñada para simplificar el desarrollo de aplicaciones web. Este taller mostrará el uso de Vaadin Flow introducido tanto Spring Boot como con Java EE 8.

A023c64d05ba29cfd774f26a20b8e43a?s=128

Geovanny Mendoza Gonzalez

April 26, 2019
Tweet

Transcript

  1. Geovanny Mendoza @geovanny0401 CONSTRUIR APLICACIONES WEB MODERNAS CON JAVA

  2. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 2 Acerca de mí • JUG

    Leader • Developer Full-Stack en IBM • Blog https://geovanny0401.blogspot.com.co • 10+ años como Ingeniero de Sistemas. • Especialista en Ingeniería de Software.
  3. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 3 Acerca de mí https://speakerdeck.com/geovanny0401/ https://geovanny0401.blogspot.com.co

    https://www.linkedin.com/in/gmendozag/ https://github.com/Geovanny0401
  4. None
  5. 4/26/2019 5

  6. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq AGENDA Introducción a Vaadin 13 6

    Vaadin Flow? Laboratorio Practico
  7. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 7 Vaadin 13

  8. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq OPEN SOURCE 8 APACHE 2.0

  9. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq Vaadin 9 235 Contribuidores GitHub 150

    000+ Desalladores activos. 100M+ Usuarios Finales
  10. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq Vaadin 13 es una Plataforma de

    código abierto que simplifica el Desarrollo de Aplicaciones Web 10 Vaadin
  11. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 11 FRAMEWORK JAVA HERRAMIENTAS STARTERS COMPONENTES

    WEB
  12. 12 FRAMEWORK STARTERS COMPONENTES WEB

  13. 13 VAADIN FLOW HERRAMIENTAS STARTERS COMPONENTES WEB

  14. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq Que es Vaadin Flow? 14

  15. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 15 WEB COMPONENTS HTML TEMPLATES THEME

    • Servidor Aplicación LOGICA DE NEGOCIO PERSITENCIA • Vaadin Aplicación (HttServlet) COMPONENTS HTML TEMPLATES THEME CODIGO UI • Navegador • Backend Arquitectura de Vaadin Flow Comunicación Automatizada Conexión Web Diseño opcional con HTML Integrar o Personalizar Componentes UI Integrar o Personalizar CSS Logica de Interfaz Usuario Igual o diferente servidor de aplicaciones o multiples Microservicios
  16. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 16 Aplicación.war Servidor de Aplicación Payara,

    WildFly, GlassFish, Tomcat, Jetty
  17. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq Novedades Vaadin 17

  18. 18 Framework 13 • Multiplataforma para ejecutar aplicaciones de Framework

    7 u 8 dentro de la plataforma (V10 +) • Nuevo tema material para todos los Componentes • ComboBox lazy-loading • Nuevos Componentes: • vaadin-app-layout • vaadin-crud • vaadin-time-picker • vaadin-checkbox-group Principales Cambios • Nuevas API's del lado del servidor • ContextMenu • TreeGrid
  19. 19 Framework 13 • Vaadin Flow requiere Java Servlet API

    3.1 (JSR- 340). • Apache Tomcat 8.0.x, 8.5, 9 • Oracle WebLogic Server 12.2.1 • IBM WebSphere Application Server 8.5 Liberty Profile y 9 • RedHat JBoss EAP 7 • WildFly 8, 9, 10, 11, 12 • Jetty 9.4 • Payara Server • Payara Micro Servidores de Aplicaciones
  20. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq Lumo permite personalizar los estilos de

    todo los componentes a través de las propiedades CSS 20 Lumo Theme
  21. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 21 Lumo Theme

  22. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 22 Componentes Modernos UI - WEB

    • Gran conjunto de componentes web. • Mejor rendimiento y accesibilidad. • Componentes creado con elementos HTML estándar. • Se pueden usar en cualquier Framework.
  23. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 23 Componentes Moderno UI - WEB

  24. 24 @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq

  25. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq 25

  26. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq APLICACIONES WEB MODERNAS 26

  27. 27

  28. 26/04/2019 28

  29. 26/04/2019 29

  30. 26/04/2019 30

  31. 26/04/2019 31

  32. 26/04/2019 32

  33. 26/04/2019 33

  34. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq SIMPLIFICACIÓN 34

  35. 35

  36. 36

  37. 37

  38. 38

  39. 39

  40. 40

  41. @JavaUP www.javaup.org.mx @Geovanny0401 @jugbaq Vaadin Starters •Vaadin Start 41 •

    https://vaadin.com/start/latest/java-ui • Desarrolador Full-Stack. • https://vaadin.com/start/lts/full-stack-spring • https://bakery-flow.demo.vaadin.com/ • https://vaadin.com/start/latest/simple-ui • https://vaadin.com/start/latest/business-app
  42. Laboratorio Vaadin 13 Integrado con Spring Boot 42 https://github.com/Geovanny0401/workshopVaadin/wiki

  43. 43 REFERENCIAS • https://www.alejandrodu.com/ • https://vaadin.com/tutorials/ • https://charts.demo.vaadin.com/Column • https://www.slideshare.net/mhellber/building-web-

    apps-with-vaadin-10 • https://geovanny0401.blogspot.com/
  44. 44 Geovanny Mendoza @geovanny0401 GRACIAS