Webcast 25 noviembre 2017 10pm GTM -5

1. Desarrollando en la web
Con Todo el Power 2.0!
Fredy Guibert

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. 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. 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. 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. 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. ¿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. 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. 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. 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. ¿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. ¡Vamos a la demo!

13. ¿Preguntas?
¿Dudas?
¿Comentarios?
¿Me dejé entender o no me dejé entender ni
para que pregunten?

14. ¡Muchas Gracias por su tiempo!
• Con cariño, su hermano,
• Fredy Guibert.
• Twitter: @fredyfx
• Website: www.fredyfx.com