ASP.NET Core 1.0 (anteriormente ASP.NET 5 o vNext) incorpora nuevos cambios y mejoras para el desarrollo web y la posibilidad de desarrollar aplicaciones ASP.NET en Linux y OSX, así como la integración a las herramientas más comunes hoy en día para desarrollo web incluyendo NodeJS, Bower y Gulp. Conoce Yeoman, el famoso generador de código multiplataforma y aprende a combinarla con Gulp y Bower para crear aplicaciones web con HTML, CSS y JavaScript de forma rápida y sencilla con ASP.NET y sin salir de tu editor de texto favorito.

1. www.sgcampus.com.mx @sgcampus
www.sgcampus.com.mx
@sgcampus
Esteban Solano G. @stvansolano
Desarrollo de aplicaciones web
modernas para Linux, Windows
y Mac con ASP.NET Core

2. www.sgcampus.com.mx @sgcampus
Desarrollo web moderno

3. www.sgcampus.com.mx @sgcampus
• Evolución y futuro de .Net
• One Asp.Net Core (5 / vNext)
• Principales cambios y novedades.
• Vistazo: Asp.Net Core CLI & comandos.
• Nuevas herramientas: VS Code, OmniSharp,
dotnet.
• Integración: NodeJS / Yeoman y Asp.Net Core
• Utilizando Gulp / Bower
• Demo: MVC + Web API web app / Angular
• Q & A
¿Qué veremos?
http://stvansolano.github.io/blog | @stvansolano
Agenda

4. www.sgcampus.com.mx @sgcampus
Sobre mí
• +9 años desarrollando
• Desarrollo de apps web y entorno .Net
• Xamarin MVP, MCP & MCSD
• Full stack development, .Net, NodeJS, Angular,
Mobile.
• Xamarin, Mono, Open Source.
• Meetup: Mobile CR Developers
• Avantica: http://www.avantica.net/careers
Esteban Solano Granados
Senior Software Engineer
Costa Rica
http://stvansolano.github.io/blog | @stvansolano

5. www.sgcampus.com.mx @sgcampus
Versiones de .Net anteriores
http://stvansolano.github.io/blog | @stvansolano
Evolución de .Net

6. www.sgcampus.com.mx @sgcampus
Innovación y futuro de .Net
http://stvansolano.github.io/blog | @stvansolano

7. www.sgcampus.com.mx @sgcampus
Fuera de la caja
• Ligero, más simple y modular.
• Open Source (GitHub).
• Multiplataforma: Linux, Mac y Windows
• No más WebForms (transición)
• MVC 6: Controllers unificados
• Dependency Injection
• Nuevos tag-helpers
• Listo para la nube y Docker-izable
• Configuración basada en ambiente
http://stvansolano.github.io/blog | @stvansolano
Asp.Net Core

8. www.sgcampus.com.mx @sgcampus
ASP.NET Unificado
http://stvansolano.github.io/blog | @stvansolano

9. www.sgcampus.com.mx @sgcampus
Asp.Net
Core CLI
o new – Nueva aplicación
o restore – Restaurar dependencias
o build / run – Compilar y correr
Línea de comandos dotnet
http://stvansolano.github.io/blog | @stvansolano

10. www.sgcampus.com.mx @sgcampus
Es un nuevo editor de texto multi-
plataforma refinado para construir
aplicaciones web y en la nube.
http://stvansolano.github.io/blog | @stvansolano
Herramientas multi-
plataforma

11. www.sgcampus.com.mx @sgcampus
Es un conjunto de herramientas y
complementos de editores para
desarrollar .Net en editores como
Sublime, Atom y Brackets.
http://stvansolano.github.io/blog | @stvansolano
Herramientas multi-
plataforma
(II)

12. www.sgcampus.com.mx @sgcampus
NodeJS es el entorno de ejecución
JavaScript multiplataforma para el
servidor basado en el motor de JavaScript
V8 de Google
¿Qué es NodeJS?
http://stvansolano.github.io/blog | @stvansolano
JavaScript en tu
servidor

13. www.sgcampus.com.mx @sgcampus
Yeoman es una herramienta de línea de
comandos (CLI) basado en Node.js que
permite construir generadores de código
basados en templates que permite crear
aplicaciones.
Conoce a Yeoman
http://stvansolano.github.io/blog | @stvansolano
Herramientas de
NodeJS

14. www.sgcampus.com.mx @sgcampus
Conoce a Yeoman
http://stvansolano.github.io/blog | @stvansolano
Generadores de
Aplicaciones

15. www.sgcampus.com.mx @sgcampus
Es un administrador de paquetes para
los componentes/versiones más
comunes de frameworks y librerías tales
como jQuery, Angular, Bootstrap y otros.
Bower
http://stvansolano.github.io/blog | @stvansolano
Herramientas de
NodeJS
(II)

16. www.sgcampus.com.mx @sgcampus
Herramientas de
NodeJS
(III)
Gulp
Es una herramienta de
automatización de tareas basado
en JavaScript mediante streams de
I/O de archivos.
Automatizar:
• Builds, Unit testing, CI, Deployments, …
• Less, Saas, TypeScript, CoffeeScript
• Minificación, uglificación de CSS/JS
http://stvansolano.github.io/blog | @stvansolano

17. www.sgcampus.com.mx @sgcampus
Yeoman + MVC 6 + WebAPI
o Estructura del
proyecto
o Back-end:
o Web API Controller
o C#
o Front-end:
o Angular
o Bootstrap
Front-End:
Bower + Angular + Gulp
Demo:
http://stvansolano.github.io/blog | @stvansolano

18. www.sgcampus.com.mx @sgcampus
+ |
http://stvansolano.github.io/blog | @stvansolano
Recapitulando

19. www.sgcampus.com.mx @sgcampus
http://www.meetup.com/Costa-Rica-Mobile-Developers
No te pierdas la próxima sesión en línea. ¡Habrá rifa!
¡Gracias por acompañarnos!
Twitter / Github: @stvansolano
Q & A: