Desarrollo Frontend para Desarrolladores Backend

Desarrollo Frontend para Desarrolladores Backend

Presentación realizada en el JavaCloudDay México 2017 organizado por Certificatic.

25322d9a039dd3cbd5ad552f451cf78f?s=128

José Díaz

August 31, 2017
Tweet

Transcript

  1. Desarrollo Frontend para Backend Developers José Díaz @joedayz

  2. ¿Quién es José Díaz? Fundador de JoeDayz.pe Arquitecto de Software

    en Everis Perú Blogger en blog.joedayz.pe PERU JUG Leader Padre, Esposo, Catecumeno, Delantero o Arquero, Cervecero, Cantor JEspañol
  3. None
  4. None
  5. ¿Coméntame sobre ti? • ¿Te consideras backend o frontend o

    móvil developer? • ¿Eres experto en Java, .NET, Python, Ruby, Node.js? • ¿Construyes interfaces de usuario? • ¿Te gusta el JavaScript? • ¿Que framework de JavaScript usas?
  6. Recordemos el viaje antes de los Frameworks JavaScript

  7. https://zeroturnaround.com/webframeworksindex/

  8. https://javaee.github.io/javaserverfaces-spec/ Primefaces

  9. None
  10. None
  11. None
  12. None
  13. None
  14. Sensación: ¿Cuál puerta abrir?

  15. None
  16. Vamos a solucionar este problema rapidamente

  17. None
  18. None
  19. ES6 vs TypeScript

  20. Decoradores @Component, @Input

  21. Inyección de Dependencias

  22. None
  23. None
  24. None
  25. None
  26. None
  27. browsersync.io

  28. Frameworks JS del 2017

  29. Tendencias de trabajo en Indeed

  30. Stack Overflow tags

  31. Estrellas en Github

  32. angular.io

  33. Hello World en Angular

  34. AppModule

  35. Angular CLI

  36. github.com/joedayz/rkbackend github.com/joedayz/runakuna

  37. None
  38. npm i create-react-app -g

  39. Hello world con React

  40. https://github.com/joedayz/agenda-react

  41. None
  42. Creando una Lista de componentes con Vue.js

  43. Creando una Lista de componentes con Vue.js

  44. Creando una Lista de componentes con Vue.js

  45. None
  46. None
  47. https://github.com/joedayz/mensajes-vue

  48. Otras herramientas

  49. None
  50. Frameworks CSS

  51. Bootstrap 4

  52. None
  53. https://www.keycdn.com/blog/front-end-optimization/

  54. HTTP2 https://http2.akamai.com/ https://somostechies.com/que-es-http2/#.WaeaxJOGOuV

  55. JHipster

  56. Chrome Developer Tools

  57. PWA - Progressive Web Applications https://developers.google.com/web/progressive-web-apps/

  58. Desarrollo Móvil

  59. https://stackshare.io/stackups/ionic-vs-nativescript-vs-react-native

  60. ¿Qué Aprendiste hoy? ES6 y TypeScript Node.js y npm Angular,

    React y Vue.js CSS y Sass Optimización de Frontend PWA
  61. None
  62. ¿Dónde encontrarnos?

  63. Canal de Youtube de JoeDayz http://bit.ly/2w88El9

  64. Blog.joedayz.pe

  65. campus.joedayz.pe

  66. ¿Preguntas?

  67. @joedayz github.com/joedayz informes@joedayz.pe www.joedayz.pe https://speakerdeck.com/joedayz