Desarrollo Frontend para Desarrolladores Backend

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

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
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
14. Sensación: ¿Cuál puerta abrir?
16. Vamos a solucionar este problema rapidamente
19. ES6 vs TypeScript
20. Decoradores @Component, @Input
21. Inyección de Dependencias
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
38. npm i create-react-app -g
39. Hello world con React
40. https://github.com/joedayz/agenda-react
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
47. https://github.com/joedayz/mensajes-vue
48. Otras herramientas
50. Frameworks CSS
51. Bootstrap 4
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
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