El documento presenta las nuevas características de Internet Explorer 10 y Windows 8, incluyendo sitios fijados, compartir sitios, prepararse para la vista dividida, vincular sitios web con tiendas, y soporte mejorado para HTML5, CSS3, y eventos táctiles. También discute herramientas como Compat Inspector y Modern.ie para probar sitios web en diferentes versiones de Internet Explorer.
Este documento presenta varias nuevas tecnologías y herramientas para el desarrollo web. Brevemente describe SignalR para habilitar comunicaciones en tiempo real entre clientes y servidores, Modernizr para detección de características HTML5, y Knockout.js para facilitar el patrón MVVM y enlaces declarativos. También menciona nuevas plantillas SPA, herramientas de prueba de carga y soporte mejorado para Git en Visual Studio 2012.
Presentación sobre "Introducción al desarrollo web moderno" ofrecida en el Evento organizado por el MUG en conjunto con la UAI Rosario, el día 05/06/2015.
Este documento presenta una introducción a ASP.NET MVC. Explica la arquitectura WEB y HTTP, así como la arquitectura ASP.NET. Luego define ASP.NET MVC, el patrón MVC, las ventajas como separación de preocupaciones y URLs limpias, y cómo trabaja a través del modelo, la vista y el controlador. Finalmente, cubre el enrutamiento en ASP.NET MVC y cómo mapea URLs a controladores.
En esta presentación te encuentras información sobre javascript, nos define la historia, el significado y quien fue l creador, el vídeo en youtube :https://www.youtube.com/watch?v=dletMGYT-Lo
Páginas del libro:
1.1. ¿Qué es JavaScript? ............................................................. 5
1.2. Breve historia......................................................................... 5
1.3. Especificaciones oficiales..................................................... 6
Ruby on Rails es un marco de trabajo para el desarrollo de aplicaciones web basado en el lenguaje de programación Ruby. Usa convenciones sobre configuración y patrones de diseño como MVC, ActiveRecord y ORM. Fue desarrollado para ser práctico, resolver problemas reales y dar flexibilidad a través de límites.
7 Gemas de Ruby on Rails que podrían salvarte el diaFrancisco Aranda
Devise es un módulo de autenticación para Rails que incluye módulos para autenticación, confirmación de cuentas, recuperación de contraseñas y más. CanCanCan proporciona autorizaciones de control de acceso basadas en roles de usuario. Acts_As_Api facilita la representación de modelos como JSON. Kaminari implementa paginación a nivel de base de datos. Factory_Girl simplifica la creación de objetos de prueba.
Este documento describe las características del navegador Safari de Apple, incluyendo su soporte para HTML5 en lugar de Flash, mejoras en los inspectores CSS, DOM e JavaScript, y la adición de paneles como el de recursos, tiempo, auditoría y consola. También describe las características del plugin Safe Browse para saltarse publicidad y sitios que requieren espera.
Jose Rojas Desarrollo Rapido de Aplicaciones con RoRJose Rojas
Presentación en Jornadas de Actualización Tecnológica del IUTEP en Acarigua, Edo. Portuguesa. (Tanto Ruby como Rails tienen ahora versiones más nuevas)
Este documento presenta varias nuevas tecnologías y herramientas para el desarrollo web. Brevemente describe SignalR para habilitar comunicaciones en tiempo real entre clientes y servidores, Modernizr para detección de características HTML5, y Knockout.js para facilitar el patrón MVVM y enlaces declarativos. También menciona nuevas plantillas SPA, herramientas de prueba de carga y soporte mejorado para Git en Visual Studio 2012.
Presentación sobre "Introducción al desarrollo web moderno" ofrecida en el Evento organizado por el MUG en conjunto con la UAI Rosario, el día 05/06/2015.
Este documento presenta una introducción a ASP.NET MVC. Explica la arquitectura WEB y HTTP, así como la arquitectura ASP.NET. Luego define ASP.NET MVC, el patrón MVC, las ventajas como separación de preocupaciones y URLs limpias, y cómo trabaja a través del modelo, la vista y el controlador. Finalmente, cubre el enrutamiento en ASP.NET MVC y cómo mapea URLs a controladores.
En esta presentación te encuentras información sobre javascript, nos define la historia, el significado y quien fue l creador, el vídeo en youtube :https://www.youtube.com/watch?v=dletMGYT-Lo
Páginas del libro:
1.1. ¿Qué es JavaScript? ............................................................. 5
1.2. Breve historia......................................................................... 5
1.3. Especificaciones oficiales..................................................... 6
Ruby on Rails es un marco de trabajo para el desarrollo de aplicaciones web basado en el lenguaje de programación Ruby. Usa convenciones sobre configuración y patrones de diseño como MVC, ActiveRecord y ORM. Fue desarrollado para ser práctico, resolver problemas reales y dar flexibilidad a través de límites.
7 Gemas de Ruby on Rails que podrían salvarte el diaFrancisco Aranda
Devise es un módulo de autenticación para Rails que incluye módulos para autenticación, confirmación de cuentas, recuperación de contraseñas y más. CanCanCan proporciona autorizaciones de control de acceso basadas en roles de usuario. Acts_As_Api facilita la representación de modelos como JSON. Kaminari implementa paginación a nivel de base de datos. Factory_Girl simplifica la creación de objetos de prueba.
Este documento describe las características del navegador Safari de Apple, incluyendo su soporte para HTML5 en lugar de Flash, mejoras en los inspectores CSS, DOM e JavaScript, y la adición de paneles como el de recursos, tiempo, auditoría y consola. También describe las características del plugin Safe Browse para saltarse publicidad y sitios que requieren espera.
Jose Rojas Desarrollo Rapido de Aplicaciones con RoRJose Rojas
Presentación en Jornadas de Actualización Tecnológica del IUTEP en Acarigua, Edo. Portuguesa. (Tanto Ruby como Rails tienen ahora versiones más nuevas)
Ruby on Rails es un framework para desarrollar aplicaciones web usando el lenguaje de programación Ruby. Siguiendo el paradigma MVC, separa la lógica, la interfaz y los datos en tres componentes. Fue creado por David Heinemeier en 2004 para permitir desarrollar aplicaciones complejas con menos código mediante convenciones sobre configuración. Incluye gemas que añaden nuevas funcionalidades.
El documento describe los conceptos básicos de JSP, incluyendo que es JSP, sus ventajas, objetos implícitos, variables predefinidas, etiquetas, elementos como expresiones, declaraciones, comentarios y scriptlets, y acciones como include y forward. JSP permite crear páginas web dinámicas combinando HTML con fragmentos de código Java a través del uso de estas características.
Introducción a JavaScript, historia del lenguaje, evolución, frameworks (en especial jQuery) y futuro del lenguaje gracias a la combinación con HTML5 y CSS3
Presentación realizada en Camon a través de ADWE.
9 de Junio de 2011
JSP es una tecnología para crear páginas web dinámicas mediante programación en Java. Las páginas JSP combinan etiquetas HTML con código Java y son traducidas a servlets de Java antes de ser ejecutadas. Esto permite generar contenido dinámico de forma sencilla para el desarrollador.
Java Server Pages (JSP) es una tecnología que permite crear páginas web dinámicas usando Java como lenguaje de programación. JSP combina la potencia de Java en el servidor con la flexibilidad de HTML en el navegador. El código JSP se compila en código Java de servlets que generan páginas HTML dinámicas en respuesta a solicitudes del cliente.
Este documento introduce Windows 10, la convergencia entre dispositivos, y la plataforma universal de Windows. Se describe cómo las aplicaciones pueden ejecutarse en cualquier dispositivo a través de una única tienda, SDK y herramientas. También se explican las opciones para diseñar interfaces adaptativas y usar extensiones de plataforma específicas.
Este documento proporciona una introducción a las herramientas de frontend, incluyendo preprocesadores de CSS como Stylus que permiten escribir código modular y con variables, frameworks para diseño responsivo como Bootstrap y Foundation, y marcos de trabajo MV* populares como Backbone, Angular y Ember para crear aplicaciones de página única. También recomienda herramientas para depurar y automatizar tareas como RequireJS, Browserify, Grunt y Gulp.
Presentación realizada en la Institución Universitaria CEIPA (Colombia) que aborda -desde la comunicación y la producción Web- aspectos relevantes para el diseño responsive web.
Si quieres tener website amigables para dispositivos móviles, esta presentación puede aportar elementos de interés.
Esta presentación está en constante construcción.
dotNetMálaga 2017 - Trucos y consejos rendimiento Xamarin.FormsJavier Suárez Ruiz
Este documento proporciona información sobre Xamarin.Forms y cómo mejorar el rendimiento de las aplicaciones desarrolladas con este framework. Se discuten temas como el uso adecuado de layouts, views, listviews y bindings para optimizar el rendimiento. También se mencionan técnicas como fast renderers, custom renderers y behaviors que pueden acelerar el desempeño de las aplicaciones. Finalmente, el documento brinda consejos adicionales como el uso de AOT, la optimización de recursos y el caching de imágenes.
Este documento habla sobre los beneficios de usar un preprocesador de CSS como Sass o Less. Estos preprocesadores permiten escribir CSS de una manera más limpia y organizada usando características como variables, anidamiento y mixins. Esto hace que el CSS sea más fácil de mantener y reutilizar, resultando en código más limpio, optimizado y legible. El documento también incluye un caso práctico mostrando cómo compilar CSS preprocesado reduce drásticamente la cantidad de líneas de código y el tamaño del archivo resultante
Este documento presenta una introducción a las tecnologías y patrones de desarrollo más populares para la creación de aplicaciones web modernas de una sola página. Comienza explicando los beneficios y retos de las aplicaciones SPA y continúa describiendo marcos como Angular, patrones como MVVM, y herramientas como TypeScript, Webpack y Bootstrap que ayudan a crear aplicaciones escalables, mantenibles y con buenas prácticas de desarrollo.
Los mejores trucos para aumentar la velocidad en joomla!Carlos M. Cámara
Desde cómo mejorar tu contenido hasta todo lo que debes pedirle a tu servidor web, descubre los mejores trucos para optimizar tu sitio web con Joomla! para que sea ultrarrápido.
El documento describe y compara las ventajas y desventajas de los navegadores web más populares, incluyendo Safari, Opera, Google Chrome, Internet Explorer y Firefox. Safari se destaca por su velocidad de carga, interfaz simple e integración con iCloud, mientras que Opera ofrece funciones de privacidad y bloqueo de publicidad. Google Chrome se caracteriza por su bajo uso de memoria y capacidad de personalización. Internet Explorer viene preinstalado con Windows pero tiene problemas de estabilidad y seguridad, mientras que Firefox ofrece marcadores y restauración de se
Presentacion Ruby on Rails en Universidad Autónoma 2009Nelson Rojas Núñez
Diapositivas de la presentación del fabuloso framework de desarollo Ruby On Rails usando la versión 2. Exposición realizada en el encuentro de Software Libre realizado por la Universidad Autónoma en Talca, Chile
Este documento proporciona una guía sobre las herramientas y flujos de trabajo fundamentales para un desarrollador frontend, incluyendo editores de código como Sublime Text, sistemas de control de versiones como Git, plataformas como GitHub, frameworks para CSS como Bootstrap, y librerías de JavaScript como Backbone para crear aplicaciones mantenibles siguiendo el patrón MVC. También recomienda herramientas como Gulp para automatizar tareas y compilar código.
Este documento habla sobre el diseño responsive y sus técnicas principales como el uso de medidas relativas, medias queries y viewport para adaptar sitios web a diferentes dispositivos. Explica conceptos como densidad de píxeles, gestos y algunos patrones de diseño responsive como Mostly Fluid, Column Drop y Off Canvas.
Este documento presenta una charla sobre las tendencias en el desarrollo de aplicaciones móviles. Explica la historia de plataformas como J2ME, Windows Mobile, Palm OS y BlackBerry. Luego describe las opciones actuales de desarrollo nativo, web y híbrido para dispositivos Android, iOS y otros. Finalmente, discute las tendencias emergentes como tabletas, accesorios y aplicaciones para electrodomésticos.
El documento presenta una agenda para un taller sobre ASP.NET MVC que incluye diseño guiado por pruebas, unit testing, mocking, inyección de dependencias, TDD y validación de datos. Se explican conceptos como tipos de pruebas, scope de pruebas, patrones de pruebas unitarias e inyección de dependencias. También se detalla el proceso de desarrollo dirigido por pruebas (TDD) y refactoring. Finalmente, se muestra cómo especificar validación de datos en el modelo.
Manual Tutorial Javascript Con EjemplosSteven Gomez
Este documento presenta una versión PDF actualizada del curso de JavaScript de la autora en su sitio web. El curso ha sido ampliado con más ejemplos para satisfacer las solicitudes de los estudiantes. La autora dedica esta versión especial del curso al primer aniversario de su sitio web y agradece a los visitantes por su apoyo continuo.
Este documento presenta una introducción a HTML5, incluyendo sus nuevas características semánticas, gráficos, multimedia, acceso a dispositivos, CSS3, conectividad y compatibilidad. Se discuten elementos como <header>, <nav>, <article>, <section>, <aside>, <footer>, Canvas, video, audio, geolocalización, orientación del dispositivo y WebSockets. El documento también cubre herramientas como Modernizr y polyfills para mejorar la compatibilidad.
Este documento presenta una introducción a HTML5, incluyendo sus nuevas características semánticas, gráficos, multimedia, acceso a dispositivos, CSS3, conectividad y compatibilidad. Se discuten elementos como <header>, <nav>, <article>, <section>, <aside>, <footer>, Canvas, video, audio, geolocalización, orientación del dispositivo y WebSockets. El documento también cubre herramientas como Modernizr y polyfills para mejorar la compatibilidad.
Ruby on Rails es un framework para desarrollar aplicaciones web usando el lenguaje de programación Ruby. Siguiendo el paradigma MVC, separa la lógica, la interfaz y los datos en tres componentes. Fue creado por David Heinemeier en 2004 para permitir desarrollar aplicaciones complejas con menos código mediante convenciones sobre configuración. Incluye gemas que añaden nuevas funcionalidades.
El documento describe los conceptos básicos de JSP, incluyendo que es JSP, sus ventajas, objetos implícitos, variables predefinidas, etiquetas, elementos como expresiones, declaraciones, comentarios y scriptlets, y acciones como include y forward. JSP permite crear páginas web dinámicas combinando HTML con fragmentos de código Java a través del uso de estas características.
Introducción a JavaScript, historia del lenguaje, evolución, frameworks (en especial jQuery) y futuro del lenguaje gracias a la combinación con HTML5 y CSS3
Presentación realizada en Camon a través de ADWE.
9 de Junio de 2011
JSP es una tecnología para crear páginas web dinámicas mediante programación en Java. Las páginas JSP combinan etiquetas HTML con código Java y son traducidas a servlets de Java antes de ser ejecutadas. Esto permite generar contenido dinámico de forma sencilla para el desarrollador.
Java Server Pages (JSP) es una tecnología que permite crear páginas web dinámicas usando Java como lenguaje de programación. JSP combina la potencia de Java en el servidor con la flexibilidad de HTML en el navegador. El código JSP se compila en código Java de servlets que generan páginas HTML dinámicas en respuesta a solicitudes del cliente.
Este documento introduce Windows 10, la convergencia entre dispositivos, y la plataforma universal de Windows. Se describe cómo las aplicaciones pueden ejecutarse en cualquier dispositivo a través de una única tienda, SDK y herramientas. También se explican las opciones para diseñar interfaces adaptativas y usar extensiones de plataforma específicas.
Este documento proporciona una introducción a las herramientas de frontend, incluyendo preprocesadores de CSS como Stylus que permiten escribir código modular y con variables, frameworks para diseño responsivo como Bootstrap y Foundation, y marcos de trabajo MV* populares como Backbone, Angular y Ember para crear aplicaciones de página única. También recomienda herramientas para depurar y automatizar tareas como RequireJS, Browserify, Grunt y Gulp.
Presentación realizada en la Institución Universitaria CEIPA (Colombia) que aborda -desde la comunicación y la producción Web- aspectos relevantes para el diseño responsive web.
Si quieres tener website amigables para dispositivos móviles, esta presentación puede aportar elementos de interés.
Esta presentación está en constante construcción.
dotNetMálaga 2017 - Trucos y consejos rendimiento Xamarin.FormsJavier Suárez Ruiz
Este documento proporciona información sobre Xamarin.Forms y cómo mejorar el rendimiento de las aplicaciones desarrolladas con este framework. Se discuten temas como el uso adecuado de layouts, views, listviews y bindings para optimizar el rendimiento. También se mencionan técnicas como fast renderers, custom renderers y behaviors que pueden acelerar el desempeño de las aplicaciones. Finalmente, el documento brinda consejos adicionales como el uso de AOT, la optimización de recursos y el caching de imágenes.
Este documento habla sobre los beneficios de usar un preprocesador de CSS como Sass o Less. Estos preprocesadores permiten escribir CSS de una manera más limpia y organizada usando características como variables, anidamiento y mixins. Esto hace que el CSS sea más fácil de mantener y reutilizar, resultando en código más limpio, optimizado y legible. El documento también incluye un caso práctico mostrando cómo compilar CSS preprocesado reduce drásticamente la cantidad de líneas de código y el tamaño del archivo resultante
Este documento presenta una introducción a las tecnologías y patrones de desarrollo más populares para la creación de aplicaciones web modernas de una sola página. Comienza explicando los beneficios y retos de las aplicaciones SPA y continúa describiendo marcos como Angular, patrones como MVVM, y herramientas como TypeScript, Webpack y Bootstrap que ayudan a crear aplicaciones escalables, mantenibles y con buenas prácticas de desarrollo.
Los mejores trucos para aumentar la velocidad en joomla!Carlos M. Cámara
Desde cómo mejorar tu contenido hasta todo lo que debes pedirle a tu servidor web, descubre los mejores trucos para optimizar tu sitio web con Joomla! para que sea ultrarrápido.
El documento describe y compara las ventajas y desventajas de los navegadores web más populares, incluyendo Safari, Opera, Google Chrome, Internet Explorer y Firefox. Safari se destaca por su velocidad de carga, interfaz simple e integración con iCloud, mientras que Opera ofrece funciones de privacidad y bloqueo de publicidad. Google Chrome se caracteriza por su bajo uso de memoria y capacidad de personalización. Internet Explorer viene preinstalado con Windows pero tiene problemas de estabilidad y seguridad, mientras que Firefox ofrece marcadores y restauración de se
Presentacion Ruby on Rails en Universidad Autónoma 2009Nelson Rojas Núñez
Diapositivas de la presentación del fabuloso framework de desarollo Ruby On Rails usando la versión 2. Exposición realizada en el encuentro de Software Libre realizado por la Universidad Autónoma en Talca, Chile
Este documento proporciona una guía sobre las herramientas y flujos de trabajo fundamentales para un desarrollador frontend, incluyendo editores de código como Sublime Text, sistemas de control de versiones como Git, plataformas como GitHub, frameworks para CSS como Bootstrap, y librerías de JavaScript como Backbone para crear aplicaciones mantenibles siguiendo el patrón MVC. También recomienda herramientas como Gulp para automatizar tareas y compilar código.
Este documento habla sobre el diseño responsive y sus técnicas principales como el uso de medidas relativas, medias queries y viewport para adaptar sitios web a diferentes dispositivos. Explica conceptos como densidad de píxeles, gestos y algunos patrones de diseño responsive como Mostly Fluid, Column Drop y Off Canvas.
Este documento presenta una charla sobre las tendencias en el desarrollo de aplicaciones móviles. Explica la historia de plataformas como J2ME, Windows Mobile, Palm OS y BlackBerry. Luego describe las opciones actuales de desarrollo nativo, web y híbrido para dispositivos Android, iOS y otros. Finalmente, discute las tendencias emergentes como tabletas, accesorios y aplicaciones para electrodomésticos.
El documento presenta una agenda para un taller sobre ASP.NET MVC que incluye diseño guiado por pruebas, unit testing, mocking, inyección de dependencias, TDD y validación de datos. Se explican conceptos como tipos de pruebas, scope de pruebas, patrones de pruebas unitarias e inyección de dependencias. También se detalla el proceso de desarrollo dirigido por pruebas (TDD) y refactoring. Finalmente, se muestra cómo especificar validación de datos en el modelo.
Manual Tutorial Javascript Con EjemplosSteven Gomez
Este documento presenta una versión PDF actualizada del curso de JavaScript de la autora en su sitio web. El curso ha sido ampliado con más ejemplos para satisfacer las solicitudes de los estudiantes. La autora dedica esta versión especial del curso al primer aniversario de su sitio web y agradece a los visitantes por su apoyo continuo.
Este documento presenta una introducción a HTML5, incluyendo sus nuevas características semánticas, gráficos, multimedia, acceso a dispositivos, CSS3, conectividad y compatibilidad. Se discuten elementos como <header>, <nav>, <article>, <section>, <aside>, <footer>, Canvas, video, audio, geolocalización, orientación del dispositivo y WebSockets. El documento también cubre herramientas como Modernizr y polyfills para mejorar la compatibilidad.
Este documento presenta una introducción a HTML5, incluyendo sus nuevas características semánticas, gráficos, multimedia, acceso a dispositivos, CSS3, conectividad y compatibilidad. Se discuten elementos como <header>, <nav>, <article>, <section>, <aside>, <footer>, Canvas, video, audio, geolocalización, orientación del dispositivo y WebSockets. El documento también cubre herramientas como Modernizr y polyfills para mejorar la compatibilidad.
Este documento describe las principales características de HTML5, incluyendo su enfoque semántico mejorado con nuevas etiquetas como <header>, <nav>, <article>, y <footer>. También describe las capacidades de HTML5 para audio y video nativos, conectividad en tiempo real a través de websockets, acceso a dispositivos como cámaras y geolocalización, gráficos mejorados a través de canvas y WebGL, y almacenamiento local y aplicaciones sin conexión.
Aplicaciones Web SPA con WebAPI y TypeScriptLuis Guerrero
El documento habla sobre las aplicaciones web de una sola página (SPA) y las tecnologías asociadas como TypeScript, WebAPI y frameworks front-end. Explica que las SPA permiten crear una aplicación web completa en un solo archivo HTML que carga y descarga secciones dinámicamente mediante servicios web RESTful, a diferencia del modelo tradicional de cliente-servidor con intercambio de HTML. También cubre herramientas como Browser Link y TypeScript para facilitar el desarrollo front-end de SPA.
HTML 5 es una nueva versión de HTML que introduce nuevas características como etiquetas para contenido multimedia como video y audio, canvas para gráficos, almacenamiento local y geolocalización. Esto permite el desarrollo de aplicaciones web más avanzadas sin necesidad de plugins. HTML 5 busca mejorar la compatibilidad, predictibilidad y capacidades de los dispositivos a través de estándares abiertos.
How to apply Javascript, JQuery Mobile framework, HTML5 and CSS3 to develop mobile applications that run on all platforms and resolutions. Slides from the Mobile Applications Development Diploma at Colombia
Cómo construir portales para móviles y tables con Liferay 6.1Julio Camarero
Este documento discute la importancia de construir portales para dispositivos móviles y tablets. Explica las estrategias de sitio único y multi-sitio para proporcionar contenido a través de múltiples dispositivos. También describe cómo Liferay puede usarse como una plataforma para crear contenido centralizado, aplicaciones y temas adaptables para dispositivos móviles.
Aplicaciones web offline ITParral Prieto y NassiGuillermo Nassi
Este documento describe las características y beneficios de las aplicaciones web offline en HTML5. Explica tecnologías como localStorage, sessionStorage e IndexedDB que permiten almacenar datos localmente para usar aplicaciones sin conexión a Internet. También presenta ejemplos de aplicaciones web offline como Cookie Clicker y Last.fm que pueden funcionar sin conexión.
Aplicaciones en HTML 5: Los pilares de una Nueva WebGonzalo C.
Este documento describe las nuevas características de HTML5, incluyendo Canvas, SVG, video, audio, almacenamiento local, geolocalización, IndexedDB, WebSockets y CSS3 Media Queries. También discute las limitaciones del protocolo HTTP y cómo las nuevas tecnologías de HTML5 abordan esto permitiendo comunicación bidireccional y carga de datos sin conexión.
Este documento presenta una introducción a SharePoint y su capacidad para desarrollo móvil. Explica brevemente la historia de SharePoint y dispositivos móviles, los aspectos clave de SharePoint para desarrollo móvil como la API REST, servicios de búsqueda y representaciones de imágenes. También cubre herramientas para desarrollo en diferentes plataformas como Windows Phone 8, Windows 8, Android e iOS. Finalmente, discute porque es importante la movilidad en SharePoint debido a la creciente adopción de dispositivos mó
El documento resume las principales características de HTML5 como las nuevas etiquetas semánticas, soporte para video, audio y geolocalización, nuevas características de CSS3 como fondos múltiples y esquinas redondeadas, uso de fuentes a través de @font-face, uso de canvas para dibujar gráficos, SVG para gráficos vectoriales, y menciona herramientas como Modernizr y Caniuse para compatibilidad con navegadores.
El documento resume las nuevas características y capacidades del navegador Internet Explorer 9, incluyendo soporte mejorado para HTML5, uso de hardware como la GPU para mejorar el rendimiento de aplicaciones web, y el motor JavaScript Chakra que mejora significativamente el rendimiento de JavaScript a través de compilación y ejecución en varios núcleos. También destaca cómo IE9 se integra mejor con Windows 7 para proporcionar una experiencia más unificada para los usuarios.
Web matrix. armando nuestros sitios dinámicamente con html5, php y mysqlPeter Concha
Este documento presenta una introducción a las herramientas WebMatrix, HTML5, CSS3, PHP y MySQL para el desarrollo web dinámico. Incluye demostraciones de cómo usar estas tecnologías para crear sitios web semánticos y con estilos utilizando características modernas como gráficos, multimedia, efectos y acceso a dispositivos móviles de forma compatible en múltiples navegadores. También cubre temas como arquitectura MVC y almacenamiento de contenido en bases de datos MySQL.
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
El resumen del documento es:
1) El congreso web 2012 se celebrará del 1 al 3 de junio en Zaragoza y presentará aplicaciones como DrawCloud, Back.beam.io, Mail Marketing de Nerion y ShoTools.
2) Se ofrecerán talleres sobre el desarrollo de aplicaciones iOS e introducción a Objective-C así como sobre usabilidad en el diseño de aplicaciones y desarrollo web para móviles.
3) El programa incluye también sesiones sobre programación avanzada con Android y el desarrollo de sitios web con WordPress
Este documento describe diferentes tipos de aplicaciones móviles (apps), incluyendo apps nativas, apps web, y apps híbridas. Explica que las apps nativas se desarrollan para sistemas operativos móviles específicos utilizando las herramientas de desarrollo provistas, mientras que las apps web se ejecutan en un navegador y las apps híbridas combinan características de apps nativas y web. También proporciona información sobre nuevas etiquetas y atributos en HTML5 para mejorar el desarrol
Mejorando interfaz de SharePoint 2010 con Silverlight 4SolidQ
SharePoint 2010 nos ofrece la posibilidad de integrar Silverlight en nuestras WebParts y de ésta forma mejorar considerablemente el modo en el que nuestros usuarios interactúan con los contenidos. En esta sesión mostraremos cómo mejorar la experiencia de usuario en SharePoint a través de una interfaz creada con Silverlight, estudiaremos como podemos mejorar la forma en la que los usuarios acceden a los datos almacenados en listas o bibliotecas de SharePoint 2010.
Este documento proporciona una introducción a HTML5. Resume la historia de HTML desde sus inicios hasta la actual especificación HTML5 desarrollada por WHATWG y W3C. Destaca las nuevas características semánticas, de formularios, almacenamiento, multimedia y gráficos 3D que introduce HTML5.
MongoDB es una base de datos NoSQL que no requiere un esquema predefinido, lo que permite almacenar documentos con diferentes campos en la misma colección. Los documentos se almacenan como objetos JSON y pueden contener objetos anidados como direcciones. MongoDB ofrece una documentación y un driver de C# para su uso.
Este documento proporciona contacto e información sobre Gonzalo "chalalo" Pérez, un experto en Microsoft MVP ASP.NET que comparte su sitio web, correo electrónico y enlaces a temas móviles.
Web matrix 2_desarrollo_web_gratis_simple_abierto_todo_en_unoGonzalo C.
Este documento presenta WebMatrix 2, un entorno de desarrollo web gratuito y todo en uno. WebMatrix 2 ofrece herramientas para el desarrollo web simple, como galerías para instalar fácilmente plataformas de código abierto como Umbraco y WordPress. También incluye novedades como intellisense para HTML5, CSS3, PHP y JavaScript, una galería de extensiones, y herramientas para publicación y optimización.
ASP.NET permite el desarrollo de aplicaciones web dinámicas que aprovechan las nuevas características de HTML5, CSS3 y JavaScript de forma sencilla con una sola línea de código. El documento recomienda varias herramientas y sitios web para detectar el soporte de HTML5, monitorear su adopción y aprender sobre el desarrollo móvil con HTML5.
Este documento proporciona una introducción a WebMatrix y jQuery Mobile. Explica las ventajas de usar WebMatrix como herramienta de desarrollo web gratuita y centrada en el código. Luego describe los principales componentes de jQuery Mobile, incluida su anatomía de páginas, elementos visuales como barras y botones, y elementos de formulario. Finalmente, muestra ejemplos de código para ilustrar el uso de estas características.
Este documento presenta una serie de webinars sobre el uso de WebMatrix para agregar seguridad, análisis de tráfico y caché a páginas web. Incluye información sobre cómo usar helpers de ASP.NET para incluir código de seguimiento de Google Analytics y StatCounter, así como usar WebCache para almacenar resultados con el fin de mejorar el rendimiento. También cubre cómo agregar funcionalidad de registro de usuarios, inicio de sesión y recuperación de contraseña mediante WebSecurity y SimpleMembership.
Este documento resume una presentación sobre el uso de WebMatrix para trabajar con gráficos, videos, imágenes, correos electrónicos y componentes de redes sociales. Explica cómo instalar helpers, trabajar con gráficos, imágenes y videos, y enviar correos electrónicos y realizar búsquedas. También cubre la integración de servicios de redes sociales como Twitter, Facebook y LinkedIn.
Este documento presenta una introducción al uso de WebMatrix y Razor para crear sitios web dinámicos de manera sencilla. Explica cómo crear bloques de contenido reutilizables, establecer un diseño consistente mediante plantillas, pasar datos entre plantillas y páginas de contenido, y trabajar con formularios y datos. Además, anticipa los temas a cubrir en las próximas sesiones como agregar componentes multimedia, redes sociales y seguridad.
Este documento presenta una introducción a ASP.NET Web Pages y la sintaxis Razor. Explica las herramientas de desarrollo WebMatrix e IIS Express y demuestra la sintaxis básica de Razor a través de ejemplos. También describe brevemente ASP.NET Web Forms y MVC como alternativas para desarrollar aplicaciones web.
Este documento describe las ventajas de integrar sitios web con Internet Explorer 9 y Windows 7 a través de la característica de Sitios Anclados. Explica cómo los desarrolladores pueden personalizar sitios anclados usando APIs que permiten agregar tareas a la lista de actividades, categorías, botones en la barra de herramientas y más. También cubre limitaciones y recursos para desarrolladores.
Web matrix razor_aspnetmvc_finalv2_techdays2010Gonzalo C.
Este documento introduce Web Matrix y Razor, herramientas de Microsoft para acelerar el desarrollo de aplicaciones web. Web Matrix proporciona un entorno de desarrollo integrado sencillo que incluye SQL Compact para bases de datos, acceso a servidores y frameworks. Razor provee una sintaxis limpia para incrustar código en las vistas de ASP.NET. El documento también explica conceptos como Entity Framework, ViewModels y ASP.NET MVC.
Máxima potencia en el desarrollo de sitios webGonzalo C.
Este documento presenta una agenda para una sesión sobre mejores prácticas en el desarrollo de sitios web y ASP.NET Ajax, así como nuevas funcionalidades de ASP.NET 4. La agenda incluye temas como optimización web, HTML, CSS, JavaScript, ASP.NET Ajax y las novedades de ASP.NET 4 como caché extensible, compresión del estado de sesión y mejor control del view state.
Este documento presenta varias técnicas para optimizar el rendimiento de sitios web desarrollados con ASP.NET y AJAX. Se discuten estrategias como reducir peticiones HTTP, comprimir archivos, colocar scripts al final de la página, minificar código JavaScript, optimizar el uso de ViewState y UpdatePanels en ASP.NET, y habilitar compresión y caché en el scriptmanager. Se proveen demos para ilustrar algunas de estas técnicas.
This document contains information about the development timeline of ASP.NET from 2007 to 2008. It includes the release of ASP.NET 3.5 extensions in preview form starting in July 2007, followed by ASP.NET 3.5 SP1 beta 1 in December 2007. ASP.NET MVC was released as a preview in March 2008. ASP.NET MVC 1.0 was released later. The document also mentions features of ASP.NET AJAX like AJAX requests, selectors, components, controls, animations, client templates and the AJAX Control Toolkit. It provides contact information for Leandro Masotti and Gonzalo Perez.
Este documento presenta un resumen de las nuevas características en desarrollo para ASP.NET. Incluye mejoras como un nuevo control de historial AJAX para la navegación del navegador, mayores capacidades de selección y manipulación de CSS, y nuevos controles de medios, XAML y datos dinámicos. También cubre temas como la integración de contenido multimedia, la facilidad de uso de Silverlight y la reducción del tiempo de desarrollo a través de controles de datos dinámicos.
2. Agenda
• Odio IE
• Preparando mis sitios para IE 10 y W8
• Pinned Sites
• Share Site
• Prepararse para el Snap View
• Vincular mi WebSite Con la tienda
• IE10 y HTML5
• Grandes Experiencias de usuario
• Demos HTML5
• IE10 en WP8
• HTM5 Template
• Soporte CSS3
• Eventos Touch
• IE10 Testing
• IE Developer Toolbar
• Compat Inspector
• Moder.Ie
• Consejos para desarrollar para la Web
4. El browser que amamos odiar!
• http://www.browseryoulovedtohate.com/
5. Los tabs estan en el top
de la pantalla, en una
posición familiar
6. La barra de
direcciones, ahora se
encuentra en la parte
inferior de la
pantalla, aparece
cuando lo necesite, y
desaparece cuando
no lo
hacen, manteniendo
su enfoque en el
contenido que te
interesa.
Pase desde la parte superior o inferior de la pantalla.
Haga clic derecho en cualquier parte de la pantalla.
Para mostrar la
barra de
direcciones:
7. La barra de navegación
agrupa controles fáciles de
usar para las acciones
comunes como
Atrás, Adelante, Actualizar, co
locación de clavos sitios a la
pantalla de Inicio y, a obtener
una aplicación.
Refrescar adelante
Anclar sitio
Herramient
as
Atrás Auto-complete touch keyboard
8. Internet Explorer 10, navegador totalmente nuevo de Windows 8. Rápido y
fluido, la interfaz de usuario completamente rediseñada hace que Internet
Explorer 10 sea más rápido para las actividades diarias.
Internet Explorer 10 soporta Adobe Flash y los standar web modernos como
HTML5, para que pueda ver los sitios Web de la forma en que están destinados a
ser.
Internet Explorer 10 reinventa el navegador para el tacto al hacer la interfaz de
usuario más fácil para la navegación con tecnología táctil y con grandes
características como pestañas, botones de control, y flip ahead.
9. Preparando mis sitios para Windows 8 e
Internet Explorer 10
• Pinned Sites
• Share Site
• Prepararse para el Snap View
• Vincular mi WebSite con la tienda
11. • Pruebas de prototipos para las especificaciónes
que aún estan en draft.
Microsoft comparte estos prototipos con la
comunidad de desarrolladores, recibiendo
importante feedback
Ejemplos y librerias descargables listas para
testar.
html5labs.com
14. Por que construir aplicaciones basadas
en HTML5???
Internet Explorer 10 & WP8
15. Por que los desarrolladores cool lo estan
haciendo!!
16. No, pero realmente, con HTML5
podemos
•Re – usar nuestro conocimiento existente sobre HTML, CSS y
Javascript
•Reducir los costos de desarrollo liberando un solo product
para distintas plataformas
•Podemos combinar con C# para aprovechar el acceso al
resto de las posibilidades de la plataforma.
17. Y el impulso no se detiene
•1 Billón de dispositivos con browser modernos el 2013
•2 Millones de desarrolladores web en 2013
•79% de los desarrolladores de apps móviles estan ya explorando HTML5
•80% de las apps móviles utilizarán HTML5 para el 2015
IDC - http://www.idc.com/getdoc.jsp?containerId=prUS23480612
18. • Aplicacion de Windows
Phone que aprovecha el
control WebBrowser, se
potencia con Internet
Explorer 10
21. • Acelerado por Hardware
• Optimizado para Touch
• Rápido para las
aplicaciones
• Preparado para las
aplicaciones offline!
Internet Explorer 10
22. IE10 Plataforma Web Acelerada por
HardwareCSS 2D Transforms
CSS 3D Transforms
CSS Animations
CSS Backgrounds &
Borders
CSS Color
CSS Device Adaptation*
CSS Flexbox*
CSS Fonts
CSS Grid*
CSS Image Values
(Gradients)
CSS Media Queries
CSS Multi-Column
Layout*
CSS Namespaces
CSS OM Views
CSS Regions And
Exclusions*
CSS Selectors
CSS Transitions
CSS Values And Units
Data URI
DOM Element Traversal
DOM HTML
DOM Level 3 Core
DOM Level 3 Events
DOM Style
DOM Traversal And Range
DOMParser And
XMLSerializer
ECMAScript 5
Formdata
HTML5 Application Cache
HTML5 Async Scripts
HTML5 BlobBuilder
HTML5 Canvas
HTML5 Drag And Drop
HTML5 Forms And
Validation
HTML5 Geolocation
HTML5 History API
HTML5 Parser
HTML5 Sandbox
HTML5 Selection
HTML5 Semantic
Elements
HTML5 Video And Audio
JavaScript Typed Array
ICC Color Profiles
IndexedDB
Page Visibility
Pointer (Mouse, Pen, And
Touch) Events*
RequestAnimationFrame
Navigation Timing
Selectors API Level 2
SVG Filter Effects
SVG, Standalone And In
HTML
Web Messaging
Web Sockets
Web Workers
XHTML/XML
XHR (Level 2)
XHR CORS
25. • Abstracción con el modelo de MSPointer
• Sigue el patron familiar de los eventos DOM del mouse
• Soporta múltiples puntos de contacto
• Requiere solo algunos cambios para los sitios ya existentes que
utilicen touch
Creado para Touch y gestos
26. Eventos de Gestos
• Facilidad para capturar gestos sobre uno o varios elementos del
DOM
• Reconoce la inercia en los pan y los pinch!
• Entrega a los desarroladores de Windows Phone 8 un “lenguaje
touch”
• Permite multiples gestos que pueden ser reconocidos
concurrentemente
31. • Define el tamaño inicial del layout en
pixels
• Tomar en consideración para la vista
SNAP
<META name=“viewport”/>
@-ms-viewport
Dimensionando el viewport
32. • Elementos posicionados fijos se colocan
en relación a la viewport
position:fixed
Una palabra sobre los elementos
posicionados fijos
34. • App cache
• IndexedDB
• History
• WebWorkers
• WebSockets
Otras características HTML5 de gran
ayuda
35. • Todo lo que necesitamos es
HTML5 ….
En un mundo perfecto
36. Cuando necesitamos más, XAML al
rescate!
• Usar InvokeScript para llamadas a funciones Javascript desde el host (C#)
• webBrowser.InvokeScript(“myFunction", “myArg1”);
• webBrowser.InvokeScript(“eval”, “document.body.offsetHeight.toString()”);
• webBrowser.InvokeScript(“execScript”, myScript.ToString());
• Use ScriptNotify to call host (C#) from JavaScript async
• Usar ScriptNotify para llamar al host (C#) desde JavaScript Asincronamente
• XAML: <WebBrowser ScriptNotify=“Browser_ScriptNotify” />
• JavaScript: window.external.notify(parameter);
• C#: private void Browser_ScriptNotify(object sender, NotifyEventArgs e)
// use e.value to retrieve parameter
37. Pero hay más
• Setear default background color
• webBrowser.Background=“#ffff00”;
• Navegación backward/forward
• if (webBrowser.CanNavigateBack) webBrowser.GoBack();
• if (webBrowser.CanNavigateForward) webBrowser.GoForward();
• Limpiar el cache y las cookies
• await webBrowser.ClearCookiesAsync();
• await webBrowser.ClearInternetCacheAsync();
• Cargar archivos directamente del XAP
• webBrowser.Navigate(new Uri("test.html", UriKind.Relative))
38. Y si, es bastante rapido…
0
500
1000
1500
2000
2500
3000
3500
4000
IE10 (WP8) HTML5 APP (WP8) IPHONE 5 SAFARI IPHONE 5 HTML5 APP
SUNSPIDER 0.9.1 SCORE
LOWER IS BETTER
39. Diferencias entre IE10 W8 y IE10 WP8
Aparte de la P
• Video en línea
• Audio HTML5 multi-task
• ActiveX y VBScript <-!
• Api de Drag & Drop
• File Upload via <input type=“file”> y algunas api de acceso a archivos.
• Comunicación Cross-tab via script
• Navigator.msLaunchUri
• Características de integración de Windows 8
• IE10 para WP8, window.open no devuelve un ojeto de ventana válida, ya
que se aisla cada ventana en su propio sandbox
41. Compat Inspector
Compat Inspector es una herramienta
JavaScript que realiza una batería de
test contra el sitio web y nos presenta
un informe sobre la compatibilidad del
sitio con Internet Explorer 10
Posibilidad de Verificar y Debugear los
problemas detectados
43. Modern.ie
modern.IE es un centro de desarrollo con herramientas y recursos gratuitos creado para que
puedas emplear menos tiempo en la realización de tests con las distintas versiones de Internet
Explorer y más tiempo creando lo que de verdad te interesa de la Web actual.
http://www.browserstack.com/
Browser reales, no Fakes
Posibilidad de testear
localmente
Rápido, acceso y procesamiento
basado en la nube
Emuladores móviles oficiales
Herramientas de desarrollo
preinstaladas
Multiples sistemas operativo