Construir Aplicaciones Web Modernas con Java

Construir Aplicaciones Web Modernas con Java

Descrição :

Tecnologías como Web Components están cambiando la forma en que los desarrolladores crean aplicaciones web. Vaadin Flow, usa Web Components y proporciona un sencillo mecanismo para crear interfaces de usuario web modernas usando sólo el lenguaje Java, sin tener que codificar HTML o JavaScript.

Geovanny Mendoza Gonzalez .

Especialista en ingeniería de software con experiencia en la industria TI en el sector público y privado, con enfoque en arquitectura y desarrollo software basado en componentes y servicios web.

Mi experiencia me permite desarrollar soluciones informáticas adaptadas a las necesidades y cambios de cada empresa, superando las expectativas planteadas.

- Líder del grupo de usuarios Java de Barranquilla-Colombia (www.jugbaq.org)
- Blogger activo en https://geovanny0401.blogspot.com.co/
- Twitter: https://twitter.com/geovanny0401

Transcript

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

  2. @SouJava @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. @SouJava @Geovanny0401 @jugbaq 3 Acerca de mí https://speakerdeck.com/geovanny0401/ https://www.linkedin.com/in/gmendozag/ https://github.com/Geovanny0401

  4. @SouJava @Geovanny0401 @jugbaq AGENDA Introducción a Vaadin 13 4 ⚡

    Vaadin Flow? Demo Aplicaciones Web Modernas 〽 Introducción a Spring Data JPA
  5. @SouJava @Geovanny0401 @jugbaq 5 Vaadin 13 OPEN SOURCE APACHE 2.0

  6. @SouJava @Geovanny0401 @jugbaq Vaadin 6 235 Contribuidores GitHub 150 000+

    Desalladores activos. 100M+ Usuarios Finales
  7. @SouJava @Geovanny0401 @jugbaq Vaadin es una Plataforma de código abierto

    que simplifica el Desarrollo de Aplicaciones Web 7 Vaadin
  8. @SouJava @Geovanny0401 @jugbaq 8 FRAMEWORK JAVA HERRAMIENTAS STARTERS COMPONENTES WEB

  9. 9 FRAMEWORK STARTERS COMPONENTES WEB

  10. 10 VAADIN FLOW HERRAMIENTAS STARTERS COMPONENTES WEB

  11. @SouJava @Geovanny0401 @jugbaq Que es Vaadin Flow? 11

  12. @SouJava @Geovanny0401 @jugbaq 12 Aplicación.war Servidor de Aplicación Payara, WildFly,

    GlassFish, Tomcat, Jetty
  13. @SouJava @Geovanny0401 @jugbaq 13

  14. @SouJava @Geovanny0401 @jugbaq 14 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
  15. @SouJava @Geovanny0401 @jugbaq APLICACIONES WEB MODERNAS 15

  16. 16

  17. 18/06/19 17

  18. 18/06/19 18

  19. 18/06/19 19

  20. 18/06/19 20

  21. 18/06/19 21

  22. 18/06/19 22

  23. @SouJava @Geovanny0401 @jugbaq SIMPLIFICACIÓN 23

  24. 24

  25. 25

  26. 26

  27. 27

  28. 28

  29. 29

  30. @SouJava @Geovanny0401 @jugbaq 30 Componentes Moderno UI - WEB

  31. 31 @SouJava @Geovanny0401 @jugbaq

  32. @SouJava @Geovanny0401 @jugbaq 32

  33. @SouJava @Geovanny0401 @jugbaq Novedades Vaadin 33

  34. 34 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
  35. 35 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
  36. 36 〽 INTRODUCCIÓN A SPRING Data JPA

  37. 37

  38. 38 • Hibernate: http://hibernate.org/ • JPA: La tecnica para convertir

    datos del sistemas de tipos de un lenguaje porientado a objetos y el modelo relacioal de la base de datos se conoce como mapeo objeto relacional (ORM, Object Relational Mapping) • JPA (Java Persistence API) es la especificación de ORM para Java. • Implementaciones JPA: Spring Data(1/4) • Toplink: https://www.oracle.com/technetwork/middleware/toplink/overview/index.html
  39. 39 Spring Data(2/4) 38 Spring Data(2/4) • Relación: Objetos Tablas

  40. 40 • Spring Boot nos permite usar la dependencia de

    Spring Data de manera mas facíl. • El proyecto Spring Data ofrece mecanimos para simplificar el acceso a diferentes bases de datos: • Spring Data JPA, Spring Data MongoDB, Spring Data JDBC extensions…. Spring Data(3/4)
  41. 41 • En esta charla vamos a usar una base

    de datos en memoria H2. • La principales funcionalidades de Spring Data JPA son: • Conversion automatica entre objetos Java y el esquema de la base de datos. • Creación de consultas en base a métodos en interfaces. Spring Data(4/4)
  42. DEMO 42 Vaadin Flow con Spring Data JPA y DBMS

    H2
  43. @SouJava @Geovanny0401 @jugbaq Vaadin Starters • Vaadin Start 43 •

    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
  44. 44 • Libro: Data-Centric Applications with Vaadin 8, By Alejandro

    Duarte • https://vaadin.com/tutorials/ • https://www.slideshare.net/mhellber/building-web-apps-with-vaadin-10 • https://geovanny0401.blogspot.com/ Referencias • Libro: Hands-On Full Stack Development with Spring Boot 2.0 and React, By Juha Hinkula • https://www.codesolt.com/tutoriales/bibliotecas/lombok-project/ • https://www.youtube.com/channel/UCk8ut6bPXcSqHREBTVaXP3w/videos
  45. 45 Geovanny Mendoza @geovanny0401 GRACIAS