Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desarrollando en la web con todo el power 2.0

73 views

Published on

Webcast 25 noviembre 2017
10pm GTM -5

Published in: Software
  • Be the first to comment

  • Be the first to like this

Desarrollando en la web con todo el power 2.0

  1. 1. Desarrollando en la web Con Todo el Power 2.0! Fredy Guibert
  2. 2. About.me/fredyguibert • Fredy Guibert, trujillano de corazón, bachiller en ing. De Computación y Sistemas. • Amo el desarrollo de software, en especial con tecnologías Microsoft. • Actualmente trabajo como Ing. De Software. • Uno de mis sueños es ver a mi Perú como líder en el desarrollo de software a nivel Latam. Entre más peruanos compartamos este sueño, más rápido lo haremos realidad siempre y cuando tomemos acción para lograrlo. ¡Habla vas! Es fácil, lo único que tenemos que hacer es superarnos a nosotros mismos día a día y ayudar a nuestros hermanos a que se superen :D ¿Aceptan el reto?
  3. 3. Recomendaciones • Necesito todos sus sentidos enfocados en la presentación. • Celulares en silencio o modo avión en el mejor de los casos. • Apaga temporalmente las notificaciones de tu computadora. • Apaga la radio, la música es buena mientras que desarrollas, mientras que aprendes. Si la música deja de sonar, tienes un sentido “en descanso” y por lo tanto en tu C:erebro tienes más poder de procesamiento. #GeekModeOn • Tiempo estimado de la charla: 1 hora 20 minutos. • Tener agua, refrescos y comida cerca de ustedes.
  4. 4. Recomendaciones - II • Repitan conmigo: “Me comprometo a investigar más”, dale, un par de veces más, que sean 3 representando mañana, tarde y noche. • Repitan conmigo: “Me comprometo a compartir con mis amigos”. • Repitan conmigo: “Me comprometo a mejorar este mundo con mis pensamientos, emociones, palabras y acciones”.
  5. 5. Desarrollar en la web – Vista General En referencia al código: • Front-end: • HTML, CSS, JavaScript. • Back-end: • C#, F#, VB.net, Python, JavaScript, PHP, Ruby, Java y muchos más. • Base de datos SQL y NoSQL: • SQL Server, MySQL, MariaDB, Oracle, PostgreSQL, MongoDB. En referencia a la puesta en producción • Dominios: • El clásico nombredetupaginaweb.com .pe .io .la .net .me y los que existan. • Servidor: • Configuración del DNS. • Configuración del Web Server: Internet Information Services (IIS), Apache, NGINX. Asignación de permisos de lectura, escritura, ejecución. • Configuración del gestor de Base de datos. • Y las configuraciones que hagan falta.
  6. 6. Front-end • Manejar un buen nivel en maquetación usando HTML, en especial HTML5. ¿Diferencias significativas con HTML4? • Aprender la lógica de las hojas de estilo de cascada CSS. ¿Saben por qué se llaman así? • CSS y los @media-queries. • JavaScript, tengan en mente usar siempre === y !== cuando hagan comparaciones. Para realizar un buen debugging: console.log(); y los alert(); serán tus mejores amigos. • Conocer a detalle las Developer Tools, tecla F12 en la mayoría de navegadores.
  7. 7. ¿Y los frameworks? Front-end • jQuery (¿Sí o no?) • AngularJS • VueJS • EmberJS • AureliaJS • DurandalJS • Y la lista sigue… Básicamente JavaScript con estilo. Back-end • C#ASP.net • ASP.net WebAPI • ASP.net MVC • ASP.net SignalR • ASP.net WebForms • ASP.net Core! • Python: Django, Django Rest, Flask. • PHP: Zend, CakePHP, Symfony, CodeIgniter, Laravel. • Ruby on Rails (RoR).
  8. 8. Back-end • Sea el lenguaje que utilicen: SIEMPRE busquen y encuentren buenas prácticas en dicho lenguaje. • Sea el framework que utilicen: SIEMPRE busquen y encuentren buenas prácticas en dicho framework. • Lean la documentación, hay muchos problemas que se solucionan leyéndola, en serio.
  9. 9. Rompiendo paradigmas, con todo el power :D • ¿El inglés se les hace difícil? • Gramaticalmente el español es muchísimo más complejo. • Si pensamos que algo es difícil, el cerebro te mostrará ideas relacionadas a ello. Les sugiero que reemplacen la palabra “difícil” por “interesante” y que lo apliquen a todo aspecto, verán que se les facilita porque cuando algo es interesante, la curiosidad les ayuda a mantener la concentración, • www.duolingo.com Es un sitio que les enseña desde lo básico. • www.engvid.com Es un sitio que les enseña desde lo básico. • www.memrise.com Es un sitio que les enseña desde lo básico. • Vean películas, series, documentales en audio en inglés con subtítulos en inglés, palabras que desconozcan, traten de inferir el significado y al final busquen el significado.
  10. 10. Con el server • Aquí tenemos que tener mucho cuidado, permisos mal definidos pueden generar huecos de seguridad. • ¿Por qué creen que hay tantos sitios “hackeados”? • Carpeta de imágenes o un folder donde sólo van a ir archivos con permisos 777… (lectura, escritura y ejecución) • El SysAdmin es nuevo en el campo //Ruega que aprenda rápido. • El programador se le “olvidó” agregar seguridad a su ciclo de desarrollo… Aquí hago un paréntesis “(“ A todos aquellos que aman gestionar proyectos de software, consideren VITAL la parte de seguridad, tengan esta característica by default, cierro paréntesis “)”.
  11. 11. ¿Qué significa ser Desarrollador Web? • Ser desarrollador te abre las puertas a un Mercado GLOBAL. • El mismo código que estás aprendiendo, también lo están aprendiendo en Rusia, en China, en Europa, en todo el mundo. • Puedes trabajar en otros países desde la comodidad de tu casa. • Ser desarrollador te entrena la paciencia. Una máquina simplemente hace las cosas que le dices, así que antes de enojarte, medita, respire hondo, clarifica las ideas y luego en un estado de calma, procede a continuar :D
  12. 12. ¡Vamos a la demo!
  13. 13. ¿Preguntas? ¿Dudas? ¿Comentarios? ¿Me dejé entender o no me dejé entender ni para que pregunten?
  14. 14. ¡Muchas Gracias por su tiempo! • Con cariño, su hermano, • Fredy Guibert. • Twitter: @fredyfx • Website: www.fredyfx.com

×