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.

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