SignalRBlundeScriptWeb ToolsSoportes LessModernizr y detección de característicasKnockout.JS y MVVMNuevas Plantillas SPAPa...
SignalR Conexiones en tiempo Real  Los usuarios requieren información actualizada..  AHORA!    Notificaciones en Tiempo Re...
SignalR HTTP es un Viejo amigo…  No fue ideado para comunicaciones en tiempo real    La Web se basa en request-response   ...
SignalR                    Polling Periódico              CLIENTE                  CHAT                 #1                ...
SignalR            Long Polling  CLIENTE                       CHAT     #1                        SERVER            GET/Me...
Ahora si, SignalR 
Puede comunicar      Puede comunicar 1..N1..N clientes        clientesEs un IHttpHandler   Abstraccion sobreRequiere un ru...
WebSockets                     Server Sent                     Events           Forever           FramesLongPollings
Bundling combina los request CSS yJavascriptMinificacion comprime los archivoantes de enviarlos.
Web Tools 2012Instalación Online/OfflineDisponible para versiones ExpressNovedades:  Editor    Color de sintaxis para Coff...
Web Tools 2012                 emuladores móviles
http://www.modernizr.com/      No se detecta HTML5.Se detectan cualidades de HTML5.                                   1   ...
http://www.caniuse.comwww.html5readiness.com www.mobilehtml5.org                       Microsof   1                       ...
El Patrón MVVM                       VIEWMODEL           Commands                       Binding               VISTA       ...
El Patrón MVVM  Conceptos Importantes   Bindings Declarativos – Inicialmente para   xaml   2 way UI binding, Cambios en el...
• Biblioteca 100% Javascript Open Source• 40k Minimizado(*)  • Reducido a 14kb cuando se usa compresión http• Cross-browse...
Ayuda a implementar este modelo MVVM.Permite:• Realizar Binding Declarativos• Refresco automático de los elementos del UI,...
una sola       CLIENTEHTML   AJAX      JSON       SERVER
No hay cambios de URL, solo #Template DisponibleUso de HTML5,CSS3Uso de Knouckout.js parabindingGran experencia de usuario...
http://gittf.codeplex.com
Visual Studio 2012 Update 2 CTP 4Visual Studio Tools for Git
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Tips aspnet
Upcoming SlideShare
Loading in …5
×

Tips aspnet

5,496 views
5,412 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
5,496
On SlideShare
0
From Embeds
0
Number of Embeds
4,763
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tips aspnet

  1. 1. SignalRBlundeScriptWeb ToolsSoportes LessModernizr y detección de característicasKnockout.JS y MVVMNuevas Plantillas SPAPage InspectorPruebas de CargaGit en Visual Studio 2012ASP.NET Web API
  2. 2. SignalR Conexiones en tiempo Real Los usuarios requieren información actualizada.. AHORA! Notificaciones en Tiempo Real Aplicaciones Colaborativas Twitter – live searches/updates Nuevo Correo Juegos Interactivos Chats
  3. 3. SignalR HTTP es un Viejo amigo… No fue ideado para comunicaciones en tiempo real La Web se basa en request-response La Web no mantiene estadosTenemos 3 opciones para el tiempo real(entre otras) Polling periodicos Long Polling HTML5 WebSockets, HTML5 al rescate!
  4. 4. SignalR Polling Periódico CLIENTE CHAT #1 SERVER GET/Mensajes (vacío)Intervalodel polling GET/Mensajes (vacío) GET/Mensajes “Hola que tal!” GET/Mensajes (vacío)
  5. 5. SignalR Long Polling CLIENTE CHAT #1 SERVER GET/Mensajes “Hola que tal!” GET/Mensajes “como te va?”
  6. 6. Ahora si, SignalR 
  7. 7. Puede comunicar Puede comunicar 1..N1..N clientes clientesEs un IHttpHandler Abstraccion sobreRequiere un ruta a conexiones persistentesser definida Mapeo automático deLimitado al envío ruta (/signalr/hubs)de mensajes Puede enviar mensajes yNosotros llamar métodosdefenimos el SignalR define elprotocolo protocolo
  8. 8. WebSockets Server Sent Events Forever FramesLongPollings
  9. 9. Bundling combina los request CSS yJavascriptMinificacion comprime los archivoantes de enviarlos.
  10. 10. Web Tools 2012Instalación Online/OfflineDisponible para versiones ExpressNovedades: Editor Color de sintaxis para CoffeScript, Mustache, HandleBars y Jrender Soporte para intellinsense y validación para LESS Intellinsense para binding de Knoukout.js CSS Auto Sync – Live updates en Page Inspector Pegar JSON como clase
  11. 11. Web Tools 2012 emuladores móviles
  12. 12. http://www.modernizr.com/ No se detecta HTML5.Se detectan cualidades de HTML5. 1 6
  13. 13. http://www.caniuse.comwww.html5readiness.com www.mobilehtml5.org Microsof 1 t 9
  14. 14. El Patrón MVVM VIEWMODEL Commands Binding VISTA Modelo
  15. 15. El Patrón MVVM Conceptos Importantes Bindings Declarativos – Inicialmente para xaml 2 way UI binding, Cambios en el ModeloVista producen cambios en la Vista Cambios en la Vista producen cambios en el ModeloVista ModeloVista solo para la vista ¿? Ej: Clase Persona.. Vas a utilizar todos los miembros de la clase para una vista específica? Evita llenarse de Objetos Genéricos Implementa patron ObservableCollection
  16. 16. • Biblioteca 100% Javascript Open Source• 40k Minimizado(*) • Reducido a 14kb cuando se usa compresión http• Cross-browser• Sin dependencias• Web con tutoriales y ejemplos • Aporte de la comunidadhttp://knockoutjs.com
  17. 17. Ayuda a implementar este modelo MVVM.Permite:• Realizar Binding Declarativos• Refresco automático de los elementos del UI, cuando se actualiza el modelovista, nuestra UI se actualiza automáticamente• Tracking de Dependencias: detecta los cambios realizados en la vista o en el modelo y es capaz de propagarlos .• Plantillas: permite generar rápidamente plantillas en función de los datos del modelovista.Compatibilidad con browsers y versiones: 6+ 2+
  18. 18. una sola CLIENTEHTML AJAX JSON SERVER
  19. 19. No hay cambios de URL, solo #Template DisponibleUso de HTML5,CSS3Uso de Knouckout.js parabindingGran experencia de usuarioCorren en cualquier devicePueden trabajar offlineSkill en JavascriptDificultad para los SEOMas complejos para desarrollar
  20. 20. http://gittf.codeplex.com
  21. 21. Visual Studio 2012 Update 2 CTP 4Visual Studio Tools for Git

×