jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
Introducción a JQUErY, como agregar recursos a nuestros proyectos web, como animaciones, menús, validaciones, y demás efectos que nos proporciona JQUERY
Este documento introduce jQuery, una biblioteca JavaScript que facilita la manipulación del DOM y la programación de efectos. Explica qué es jQuery, cómo descargarla e incluirla en un proyecto, y ofrece ejemplos básicos de selección de nodos, manipulación del contenido, encadenamiento de acciones, y uso de plugins como jBox para mostrar ventanas emergentes.
Este documento proporciona una introducción a jQuery y sus funcionalidades. Explica cómo jQuery permite manipular y modificar el DOM de manera sencilla, y ofrece varios ejemplos de código que muestran cómo se pueden realizar tareas comunes como añadir o modificar elementos, manejar eventos, realizar peticiones AJAX y más. También incluye una sección sobre selectores de jQuery, mostrando cómo se pueden seleccionar elementos de diferentes maneras.
Este documento presenta tres tecnologías web: jQuery, HTML5 y Apache Wicket. jQuery es una librería que facilita el uso de JavaScript para manipular el DOM, gestionar eventos y efectos. HTML5 incluye nuevas características como drag and drop, geolocalización, vídeo y audio. Apache Wicket es un framework Java para aplicaciones web basado en componentes.
Este documento describe jQuery, un framework de JavaScript. Explica que jQuery permite la manipulación fácil de documentos HTML y la estructura DOM. También menciona algunas alternativas a jQuery como Mootools, Prototype y Yui. Luego, enumera algunas razones por las que jQuery es popular, como su uso en muchos sitios web principales y su licencia gratuita de código abierto.
jQuery es una biblioteca JavaScript que facilita la manipulación del DOM, AJAX, interfaz de usuario y validación de formularios. Está basada en objetos y selectores CSS que permiten seleccionar y modificar elementos HTML fácilmente. Incluye funciones para animaciones, efectos y peticiones asíncronas que simplifican el desarrollo front-end.
El documento habla sobre las tendencias de diseño web para 2012, incluyendo el uso de grids fluidos, diseños responsivos y animaciones CSS3. También discute los recursos de jQuery que son útiles para el diseño web interactivo, como menús dinámicos, animaciones y efectos 3D. Proporciona varios enlaces a ejemplos y plugins de jQuery. Finalmente, presenta tres casos prácticos de sitios web que utilizan jQuery de maneras interesantes.
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
Introducción a JQUErY, como agregar recursos a nuestros proyectos web, como animaciones, menús, validaciones, y demás efectos que nos proporciona JQUERY
Este documento introduce jQuery, una biblioteca JavaScript que facilita la manipulación del DOM y la programación de efectos. Explica qué es jQuery, cómo descargarla e incluirla en un proyecto, y ofrece ejemplos básicos de selección de nodos, manipulación del contenido, encadenamiento de acciones, y uso de plugins como jBox para mostrar ventanas emergentes.
Este documento proporciona una introducción a jQuery y sus funcionalidades. Explica cómo jQuery permite manipular y modificar el DOM de manera sencilla, y ofrece varios ejemplos de código que muestran cómo se pueden realizar tareas comunes como añadir o modificar elementos, manejar eventos, realizar peticiones AJAX y más. También incluye una sección sobre selectores de jQuery, mostrando cómo se pueden seleccionar elementos de diferentes maneras.
Este documento presenta tres tecnologías web: jQuery, HTML5 y Apache Wicket. jQuery es una librería que facilita el uso de JavaScript para manipular el DOM, gestionar eventos y efectos. HTML5 incluye nuevas características como drag and drop, geolocalización, vídeo y audio. Apache Wicket es un framework Java para aplicaciones web basado en componentes.
Este documento describe jQuery, un framework de JavaScript. Explica que jQuery permite la manipulación fácil de documentos HTML y la estructura DOM. También menciona algunas alternativas a jQuery como Mootools, Prototype y Yui. Luego, enumera algunas razones por las que jQuery es popular, como su uso en muchos sitios web principales y su licencia gratuita de código abierto.
jQuery es una biblioteca JavaScript que facilita la manipulación del DOM, AJAX, interfaz de usuario y validación de formularios. Está basada en objetos y selectores CSS que permiten seleccionar y modificar elementos HTML fácilmente. Incluye funciones para animaciones, efectos y peticiones asíncronas que simplifican el desarrollo front-end.
El documento habla sobre las tendencias de diseño web para 2012, incluyendo el uso de grids fluidos, diseños responsivos y animaciones CSS3. También discute los recursos de jQuery que son útiles para el diseño web interactivo, como menús dinámicos, animaciones y efectos 3D. Proporciona varios enlaces a ejemplos y plugins de jQuery. Finalmente, presenta tres casos prácticos de sitios web que utilizan jQuery de maneras interesantes.
Este documento proporciona una introducción a jQuery, incluyendo una descripción de lo que es jQuery y el DOM, las razones para usar jQuery, la referencia de la API de jQuery y plugins destacados. jQuery es un framework JavaScript que facilita la manipulación de documentos HTML y el manejo de eventos. Simplifica tareas como seleccionar elementos, agregar comportamiento interactivo y desarrollar aplicaciones AJAX. La API de jQuery ofrece selectores, eventos, efectos y funciones para manipular el DOM de manera fácil.
Este documento es un manual sobre jQuery que explica el popular framework JavaScript jQuery. El manual tiene varios capítulos escritos por Miguel Ángel Álvarez para ayudar a los usuarios a aprender el uso y programación de aplicaciones del lado del cliente con jQuery de manera que sean compatibles con los principales navegadores. El manual también incluye ejemplos prácticos de jQuery y un video tutorial para aprender paso a paso.
Prototype.js es una biblioteca JavaScript creada en 2005 como parte del soporte AJAX de Ruby on Rails. Proporciona funcionalidades como manipulación e inspección del DOM, gestión de eventos, extensiones a JavaScript y AJAX de alto nivel. Una de sus características diferenciadoras es que añade métodos al DOM para facilitar su manipulación. También incluye funcionalidades como iteradores funcionales, soporte para programación orientada a objetos e implementa un estilo de programación similar a Ruby.
El documento describe una aplicación MVC para una librería. Incluye controladores para categorías, libros y home que interactúan con una base de datos. También incluye vistas maestras y parciales para mostrar información de categorías, libros y páginas generales. El propósito es mostrar una aplicación MVC completa con acceso a datos para gestionar una librería.
Este documento describe varios eventos de mouse, teclado y formularios en HTML DOM. Explica eventos como onclick, onmouseover, onkeydown y onchange, y proporciona ejemplos de código HTML y JavaScript para cada uno. También cubre el orden de los eventos relacionados y cómo se pueden utilizar estos eventos para modificar el comportamiento y estilo de los elementos en una página web.
El documento describe jQuery UI, una librería de componentes e interacciones desarrollada sobre jQuery que permite crear aplicaciones web altamente interactivas de forma fácil y rápida. Explica los widgets, efectos e interacciones como arrastrar y soltar que ofrece jQuery UI y cómo configurar y personalizar los plugins.
Este documento proporciona una introducción a Javascript clásico, incluyendo cómo incluir Javascript en documentos HTML, los tipos de datos básicos en Javascript, el modelo de objetos del documento (DOM), cómo manipular el DOM mediante propiedades y métodos, y eventos de usuario y AJAX.
Este documento presenta ejemplos del uso de AJAX para enviar datos de formularios al servidor de forma asíncrona, mostrar un gif de carga mientras se envían los datos, implementar paginación con AJAX para actualizar comentarios sin recargar la página, y cargar opciones dinámicamente en controles tipo select recuperando datos del servidor mediante peticiones AJAX.
Este documento describe la interfaz de un sitio web para registrar datos de alumnos. Incluye secciones para registrar nuevos alumnos, eliminar alumnos existentes, editar datos de alumnos y buscar alumnos según criterios como especialidad, turno o semestre. También incluye código PHP y SQL para conectarse a una base de datos y realizar estas acciones.
Este documento presenta una guía sobre jQuery. Explica que jQuery es un framework JavaScript que simplifica comandos comunes de JavaScript para manipular el DOM, AJAX y HTML. Luego describe las versiones 1.x y 2.x de jQuery, cómo utilizar jQuery en un documento HTML, y ofrece ejemplos de selectores, métodos y eventos de jQuery como click, val y focus. Finalmente, muestra un ejemplo de ventana emergente para una tabla.
Este documento proporciona una introducción a jQuery, una biblioteca JavaScript que simplifica el desarrollo de aplicaciones web del lado del cliente. Explica que jQuery define métodos para manipular elementos, animaciones y comunicación AJAX, y que es ligero, compatible con los principales navegadores y no reemplaza a JavaScript sino que simplifica su sintaxis. También resume los conceptos básicos de jQuery como la selección y manipulación de elementos, eventos, efectos y el uso de Ajax.
El documento presenta una introducción a jQuery. jQuery es una librería JavaScript ligera que facilita la interacción con elementos de una página web a través del DOM. Se explica que jQuery simplifica la sintaxis y reduce la cantidad de código necesario en comparación con usar métodos como getElementById. También se detallan conceptos básicos como cómo incluir jQuery, la sintaxis $(selección).acción(), y cómo seleccionar y acceder a elementos mediante IDs, clases y otros selectores.
Este documento habla sobre Flask, un microframework de Python para desarrollar aplicaciones web. Flask se describe como simple y de pequeño tamaño, sin tomar muchas decisiones por el desarrollador. Se mencionan algunas características como plantillas Jinja, ruteo de URLs, depurador incorporado, pruebas unitarias y extensiones como Flask-Admin. También se discuten algunas razones para usar Flask como su simplicidad y uso en proyectos de código abierto.
Integrando React.js en aplicaciones Symfony (deSymfony 2016)Ignacio Martín
Introducción a React.js + técnicas y conceptos útiles, como aplicaciones universales (isomórficas) o cómo usar json schema para facilitarnos la vida al trabajar con formularios.
El documento introduce Silverlight y describe los pasos para crear un proyecto Silverlight básico, incluyendo agregar referencias de script a una página HTML, crear un elemento contenedor para el plugin Silverlight, definir una función de creación e inicializar una instancia del plugin, y crear archivos XAML y de script para el contenido Silverlight. El documento también explica cómo usar un objeto Canvas para posicionar y organizar elementos visuales en Silverlight.
Este documento presenta una introducción al lenguaje de programación Python. Explica características como su sintaxis sin llaves, tipos de datos comunes, y estructuras útiles como generadores y decoradores. También cubre el framework Django para desarrollo web, incluyendo organización de proyectos, ORM, enrutamiento, vistas y plantillas. Finalmente, introduce conceptos como formularios, vistas genéricas y el administrador de Django.
Este documento proporciona una introducción a la biblioteca jQuery UI, la cual añade efectos visuales y componentes interactivos a las aplicaciones web desarrolladas con jQuery. Explica cómo usar los principales widgets y efectos visuales como draggable, resizable, datepicker, tooltip y tabs. También incluye ejemplos de código para aplicar estos efectos y personalizar su apariencia y comportamiento. El objetivo es exponer los efectos visuales más llamativos de jQueryUI y mostrar cómo declararlos e implementarlos correctamente en las páginas web.
Este documento discute temas avanzados de GWT como pruebas de cliente, depuración, JSNI, enlace diferido, AJAX y RPC. Explica cómo ejecutar pruebas de cliente en diferentes modos como JUnit, Selenium y RemoteWeb. También cubre cómo depurar aplicaciones GWT de forma similar a otras aplicaciones Java y la recomendación de hacer TDD en lugar de depurar. Luego describe características clave de GWT como JSNI para usar JavaScript dentro de Java, enlace diferido para seleccionar implementaciones basadas en el navegador y AJ
El documento resume la página web dajaxproject.com, la cual proporciona herramientas para facilitar el desarrollo de aplicaciones web interactivas con Django y JavaScript. Se incluyen estadísticas de visitas al sitio y repositorios en GitHub. También se explica brevemente el propósito y funcionamiento de las librerías django-dajax y dajaxice, las cuales permiten realizar llamadas asíncronas entre el servidor y el cliente.
El documento presenta una introducción a los lenguajes de programación web más comunes, incluyendo Javascript, Python, Ruby y Java. Explica brevemente las características y usos de cada lenguaje y proporciona ejemplos de código. También cubre brevemente los formatos de marcado como HTML y los formatos de datos como JSON.
Servicio de la Universidad de Murcia para enviar alertas, avisos o notificaciones a los usuarios de la universidad a través de la aplicación móvil oficial de la Universidad de Murcia.
Este documento proporciona una introducción a jQuery, incluyendo una descripción de lo que es jQuery y el DOM, las razones para usar jQuery, la referencia de la API de jQuery y plugins destacados. jQuery es un framework JavaScript que facilita la manipulación de documentos HTML y el manejo de eventos. Simplifica tareas como seleccionar elementos, agregar comportamiento interactivo y desarrollar aplicaciones AJAX. La API de jQuery ofrece selectores, eventos, efectos y funciones para manipular el DOM de manera fácil.
Este documento es un manual sobre jQuery que explica el popular framework JavaScript jQuery. El manual tiene varios capítulos escritos por Miguel Ángel Álvarez para ayudar a los usuarios a aprender el uso y programación de aplicaciones del lado del cliente con jQuery de manera que sean compatibles con los principales navegadores. El manual también incluye ejemplos prácticos de jQuery y un video tutorial para aprender paso a paso.
Prototype.js es una biblioteca JavaScript creada en 2005 como parte del soporte AJAX de Ruby on Rails. Proporciona funcionalidades como manipulación e inspección del DOM, gestión de eventos, extensiones a JavaScript y AJAX de alto nivel. Una de sus características diferenciadoras es que añade métodos al DOM para facilitar su manipulación. También incluye funcionalidades como iteradores funcionales, soporte para programación orientada a objetos e implementa un estilo de programación similar a Ruby.
El documento describe una aplicación MVC para una librería. Incluye controladores para categorías, libros y home que interactúan con una base de datos. También incluye vistas maestras y parciales para mostrar información de categorías, libros y páginas generales. El propósito es mostrar una aplicación MVC completa con acceso a datos para gestionar una librería.
Este documento describe varios eventos de mouse, teclado y formularios en HTML DOM. Explica eventos como onclick, onmouseover, onkeydown y onchange, y proporciona ejemplos de código HTML y JavaScript para cada uno. También cubre el orden de los eventos relacionados y cómo se pueden utilizar estos eventos para modificar el comportamiento y estilo de los elementos en una página web.
El documento describe jQuery UI, una librería de componentes e interacciones desarrollada sobre jQuery que permite crear aplicaciones web altamente interactivas de forma fácil y rápida. Explica los widgets, efectos e interacciones como arrastrar y soltar que ofrece jQuery UI y cómo configurar y personalizar los plugins.
Este documento proporciona una introducción a Javascript clásico, incluyendo cómo incluir Javascript en documentos HTML, los tipos de datos básicos en Javascript, el modelo de objetos del documento (DOM), cómo manipular el DOM mediante propiedades y métodos, y eventos de usuario y AJAX.
Este documento presenta ejemplos del uso de AJAX para enviar datos de formularios al servidor de forma asíncrona, mostrar un gif de carga mientras se envían los datos, implementar paginación con AJAX para actualizar comentarios sin recargar la página, y cargar opciones dinámicamente en controles tipo select recuperando datos del servidor mediante peticiones AJAX.
Este documento describe la interfaz de un sitio web para registrar datos de alumnos. Incluye secciones para registrar nuevos alumnos, eliminar alumnos existentes, editar datos de alumnos y buscar alumnos según criterios como especialidad, turno o semestre. También incluye código PHP y SQL para conectarse a una base de datos y realizar estas acciones.
Este documento presenta una guía sobre jQuery. Explica que jQuery es un framework JavaScript que simplifica comandos comunes de JavaScript para manipular el DOM, AJAX y HTML. Luego describe las versiones 1.x y 2.x de jQuery, cómo utilizar jQuery en un documento HTML, y ofrece ejemplos de selectores, métodos y eventos de jQuery como click, val y focus. Finalmente, muestra un ejemplo de ventana emergente para una tabla.
Este documento proporciona una introducción a jQuery, una biblioteca JavaScript que simplifica el desarrollo de aplicaciones web del lado del cliente. Explica que jQuery define métodos para manipular elementos, animaciones y comunicación AJAX, y que es ligero, compatible con los principales navegadores y no reemplaza a JavaScript sino que simplifica su sintaxis. También resume los conceptos básicos de jQuery como la selección y manipulación de elementos, eventos, efectos y el uso de Ajax.
El documento presenta una introducción a jQuery. jQuery es una librería JavaScript ligera que facilita la interacción con elementos de una página web a través del DOM. Se explica que jQuery simplifica la sintaxis y reduce la cantidad de código necesario en comparación con usar métodos como getElementById. También se detallan conceptos básicos como cómo incluir jQuery, la sintaxis $(selección).acción(), y cómo seleccionar y acceder a elementos mediante IDs, clases y otros selectores.
Este documento habla sobre Flask, un microframework de Python para desarrollar aplicaciones web. Flask se describe como simple y de pequeño tamaño, sin tomar muchas decisiones por el desarrollador. Se mencionan algunas características como plantillas Jinja, ruteo de URLs, depurador incorporado, pruebas unitarias y extensiones como Flask-Admin. También se discuten algunas razones para usar Flask como su simplicidad y uso en proyectos de código abierto.
Integrando React.js en aplicaciones Symfony (deSymfony 2016)Ignacio Martín
Introducción a React.js + técnicas y conceptos útiles, como aplicaciones universales (isomórficas) o cómo usar json schema para facilitarnos la vida al trabajar con formularios.
El documento introduce Silverlight y describe los pasos para crear un proyecto Silverlight básico, incluyendo agregar referencias de script a una página HTML, crear un elemento contenedor para el plugin Silverlight, definir una función de creación e inicializar una instancia del plugin, y crear archivos XAML y de script para el contenido Silverlight. El documento también explica cómo usar un objeto Canvas para posicionar y organizar elementos visuales en Silverlight.
Este documento presenta una introducción al lenguaje de programación Python. Explica características como su sintaxis sin llaves, tipos de datos comunes, y estructuras útiles como generadores y decoradores. También cubre el framework Django para desarrollo web, incluyendo organización de proyectos, ORM, enrutamiento, vistas y plantillas. Finalmente, introduce conceptos como formularios, vistas genéricas y el administrador de Django.
Este documento proporciona una introducción a la biblioteca jQuery UI, la cual añade efectos visuales y componentes interactivos a las aplicaciones web desarrolladas con jQuery. Explica cómo usar los principales widgets y efectos visuales como draggable, resizable, datepicker, tooltip y tabs. También incluye ejemplos de código para aplicar estos efectos y personalizar su apariencia y comportamiento. El objetivo es exponer los efectos visuales más llamativos de jQueryUI y mostrar cómo declararlos e implementarlos correctamente en las páginas web.
Este documento discute temas avanzados de GWT como pruebas de cliente, depuración, JSNI, enlace diferido, AJAX y RPC. Explica cómo ejecutar pruebas de cliente en diferentes modos como JUnit, Selenium y RemoteWeb. También cubre cómo depurar aplicaciones GWT de forma similar a otras aplicaciones Java y la recomendación de hacer TDD en lugar de depurar. Luego describe características clave de GWT como JSNI para usar JavaScript dentro de Java, enlace diferido para seleccionar implementaciones basadas en el navegador y AJ
El documento resume la página web dajaxproject.com, la cual proporciona herramientas para facilitar el desarrollo de aplicaciones web interactivas con Django y JavaScript. Se incluyen estadísticas de visitas al sitio y repositorios en GitHub. También se explica brevemente el propósito y funcionamiento de las librerías django-dajax y dajaxice, las cuales permiten realizar llamadas asíncronas entre el servidor y el cliente.
El documento presenta una introducción a los lenguajes de programación web más comunes, incluyendo Javascript, Python, Ruby y Java. Explica brevemente las características y usos de cada lenguaje y proporciona ejemplos de código. También cubre brevemente los formatos de marcado como HTML y los formatos de datos como JSON.
Servicio de la Universidad de Murcia para enviar alertas, avisos o notificaciones a los usuarios de la universidad a través de la aplicación móvil oficial de la Universidad de Murcia.
Breve introducción de la Metodología de Desarrollo en ÁTICA (MEDEA) a los alumnos de Grado de Ingeniería Informática de la Universidad de Murcia. Charla impartida dentro de la asignatura "Destrezas Profesionales de la Ingeniría Informática" el martes 27 de marzo de 2012.
El documento describe las pruebas de aceptación y la herramienta Cucumber. Las pruebas de aceptación expresan lo que el software debe hacer para ser aceptable para los interesados y son escritas por desarrolladores e interesados. Cucumber hace que sea fácil leer y escribir pruebas de aceptación en un lenguaje llamado Gherkin, permitiendo la colaboración. El documento también incluye ejemplos de cómo se pueden escribir pruebas de aceptación con Cucumber.
Este documento describe LooWID, un proyecto de código abierto creado por Juanjo Meroño para explorar tecnologías web como AngularJS, Express, Node.js, MongoDB, WebRTC y WebSockets. El proyecto comenzó como una colaboración en Sakai y busca permitir comunicación P2P entre usuarios a través de navegadores compatibles. El documento también explica brevemente algunas de las tecnologías utilizadas en la arquitectura básica del proyecto.
Logatica es un sistema de registro de logs en base de datos para aplicaciones de la Universidad de Murcia. Captura información adicional como el usuario, sesión e información de la página visitada y almacena los registros en una base de datos en lugar de archivos. Esto facilita la lectura, búsqueda y análisis de logs de múltiples aplicaciones. La aplicación Logatica permite a los usuarios visualizar y buscar logs según sus permisos.
Pórtico es una aplicación desarrollada por la Universidad de Murcia para mejorar el Gobierno TI.
Permite gestionar el portfolio de proyectos TI de la Institución.
Qué es el entrono para la automatización de pruebas basadas en web Selenium, así como la herramienta para creación de pruebas Selenium IDE y el lenguaje específico Selenase.
Este documento presenta las principales novedades de HTML5 y CSS3. Explica que HTML5 introduce nuevos elementos semánticos como <article>, <header> y <footer>, así como nuevos atributos como "data-" y "role". También describe los nuevos tipos de datos de formularios en HTML5. Señala que CSS3 incluye nuevos selectores, pseudo-elementos y pseudo-clases, así como propiedades para efectos, animaciones y fuentes. Finalmente, recomienda usar "chuletas" o hojas de referencia rápida para recordar todas las caracterí
El documento presenta MEDEA, la metodología de desarrollo de software de la Universidad de Murcia. Explica que MEDEA cubre el ciclo de vida completo de los proyectos a través de 7 disciplinas principales como gestión de proyectos, requisitos, análisis y diseño, desarrollo, despliegue y calidad. El objetivo de MEDEA es mejorar la calidad del software mediante la normalización de procesos, roles, herramientas y métricas.
Piezas básicas de la arquitectura Oracle, y cómo interaccionan entre ellas cuando se ejecutan las sentencias SQL, de modo que se entiendan las cuestiones básicas que afectan al rendimiento de una Base de Datos Oracle
Este documento presenta una introducción a jBPM. Explica que jBPM es una suite BPM que incluye un editor BPMN, un motor de procesos, un gestor de tareas y otras herramientas. Se detalla cómo implementar procesos con jBPM usando listeners, y cómo ejecutar y gestionar procesos mediante su API y consola. Finalmente, proporciona referencias para aprender más sobre jBPM.
Ccómo funciona el motor de reglas Drools y cómo escribir código capaz de reaccionar en tiempo real a los cambios en datos y a los eventos que se producen en nuestras aplicaciones.
Más allá de la usabilidad o accesibilidad, la experiencia de usuario (UX) es la forma en la que los usuarios de nuestras aplicaciones están acostumbrados a usarlas. Daremos una introducción a la UX, sus diferencias y ventajas con la usabilidad como tal y ejemplos de buenas prácticas para nuestras aplicaciones.
La charla está dividida en dos partes:
- SSL/TLS: buenas prácticas. Aspectos a tener en cuenta a la hora de configurar los servicios bajo SSL/TLS, protocolos que debemos usar, tamaños de clave recomendables, algoritmos, herramientas que nos pueden ayudar. (Orientada a gente que configure sistemas)
- Recientes avances en la seguridad de aplicaciones web. Ataques como XSS y el ClickJacking. Nuevas técnicas que están siendo implementadas en los navegadores más recientes para minimizar estos riesgos pero que se configuran desde las aplicaciones o desde el servidor. (Orientada tanto a desarrolladores como a administradores de Sistemas).
El documento describe una solución para realizar auditoría de sesiones web mediante el uso de contextos de base de datos. Se propone modificar el trigger de auditoría y crear una función para almacenar la información del usuario en un contexto, de modo que varias aplicaciones puedan auditarse de forma independiente en cada contexto. También se modifica la aplicación web para establecer la información del usuario en el contexto correspondiente.
Este documento presenta las herramientas Chrome Developer Tools. Explica cómo usar los paneles Elements, Network, Resources, Sources, Timeline, Console y realiza un caso práctico de análisis HTTP para la autenticación en un webmail. Muestra las solicitudes HTTP y redirecciones que ocurren durante el proceso de inicio de sesión para extraer información sobre los patrones de acceso.
Este documento describe PhoneGap, un framework que permite crear aplicaciones móviles utilizando HTML, CSS y JavaScript. Explica cómo PhoneGap funciona compilando el código para hacerlo nativo en diferentes plataformas como Android e iOS. También describe el uso de jQuery Mobile para crear la interfaz de usuario y los diferentes componentes y eventos que ofrece.
Jquery para principianes
JQUERY
AJAX ENVIAR FORMULARIOS SIN RECARGAR
ACTUALIZAR UN ELEMENTO SIN RECARGAR
COMBOS DEPENDIENTES AJAX BASE DE DATOS
STAR RATING JQUERY SIN BASE DE DATOS
STAR RATING JQUERY PLUGIN
DROPDOWN MENU DESPLEGABLE
ENVIA CORREOS SIN RECARGAR
PANEL DE IMAGENES CAROUSEL
INTERCAMBIO DE ELEMENTOS ENTRE 2 LISTAS
RECARGAR TEXTO AUTOMATICAMENTE
AGREGAR GRAFICOS ESTADISTICOS PIE
VALIDAR FORMULARIOS
INCLUIR TOOLTIP EN MAPA DE IMÁGENES
SUBIR MULTIPLES ARCHIVOS
WEB MODULAR PHP
SLIDER CONTENIDO DESTACADO
VENTANA MODAL
AGREGAR BORRAR CAMPOS
MODIFICANDO ATRIBUTOS
JQUERY MUSIC PLAYER
OCULTAR /MOSTRAR SECCIONES DE NUESTRO SITIO
Este documento proporciona resúmenes breves de varias técnicas y funcionalidades de jQuery y JavaScript para el desarrollo web. Incluye cómo enviar formularios sin recargar la página usando AJAX, actualizar elementos sin recargar, crear combos dependientes con una base de datos, agregar calificaciones de estrellas interactivas, crear menús desplegables, y más. El objetivo es ofrecer múltiples soluciones comunes con jQuery de una manera concisa y de alto nivel.
Este documento proporciona una introducción al framework jQuery Mobile. En 3 oraciones o menos: jQuery Mobile es un framework HTML5 para crear aplicaciones web móviles multiplataforma utilizando HTML, CSS y JavaScript. Proporciona componentes como listas, botones, formularios y transiciones entre páginas. Los desarrolladores pueden crear interfaces de usuario ricas para dispositivos móviles de manera rápida y sencilla con este framework.
Este documento presenta ejemplos del uso de AJAX para enviar datos de formularios al servidor de forma asíncrona, mostrar un gif de carga mientras se envían los datos, implementar paginación con AJAX para actualizar comentarios sin recargar la página, y cargar opciones dinámicamente en un control select recuperando datos del servidor mediante AJAX. Se incluyen códigos HTML, JavaScript y PHP para ilustrar cada ejemplo.
Este documento introduce jQuery, un framework de JavaScript que facilita la selección de elementos DOM, la manipulación del árbol DOM y la interactividad mediante eventos y efectos. Explica cómo descargar e incluir jQuery, crear objetos jQuery y usar selectores para acceder a elementos. También cubre cómo manejar eventos como click mediante callbacks y cómo crear animaciones y efectos con los métodos de jQuery.
jQuery es una biblioteca JavaScript que simplifica la manipulación del DOM, el manejo de eventos y la interacción AJAX. Se puede descargar o incluir desde un CDN como Google. La sintaxis básica es $(selector).acción() para seleccionar elementos y realizar acciones. jQuery también facilita el manejo de eventos como click, hover, focus y blur.
Este documento describe cómo crear un sitio web simple con HTML, CSS y JavaScript y luego extender sus funcionalidades mediante frameworks como Angular en el frontend y Express en el backend. Explica conceptos como Single Page Applications, instalación de módulos con NPM, y uso de plantillas como Nunjucks con Express.
El documento presenta conceptos básicos sobre jQuery, incluyendo su objetivo de facilitar el desarrollo de aplicaciones del lado del cliente mediante la validación de formularios, efectos dinámicos y manejo de eventos. Explica cómo descargar e incorporar jQuery en una página web, y muestra ejemplos de su sintaxis y métodos como click, css y ready.
JQuery es una librería de JavaScript que simplifica la manipulación del DOM y la gestión de eventos. Se puede usar descargando el archivo o importando desde un CDN de Google o Microsoft. JQuery utiliza selectores y métodos como $(selector).action() para ocultar, mostrar u otros efectos en elementos. Incluye eventos como click, focus, submit, mouseenter y mouseleave. El documento proporciona un ejemplo de cómo usar JQuery para ocultar elementos al hacer clic en botones, mostrar alertas al enfocar cajas de texto, ocultar elementos por ID y cambiar el fondo al
Este documento presenta un curso de HTML5. Incluye información sobre el instructor Carlos Azaustre, un temario con 10 temas que cubren etiquetas HTML5, CSS3, responsive design, JavaScript, jQuery y más. También incluye el horario del curso distribuido en 4 días con sesiones por la mañana y tarde, y descripciones breves de los temas principales a cubrir.
Este documento presenta un examen para el segundo grado del primer bimestre. Contiene 12 preguntas sobre diferentes temas académicos para evaluar el progreso de los estudiantes.
Este documento describe cómo extraer datos de páginas web (web scraping) utilizando Python. Explica cómo utilizar las bibliotecas PycURL y BeautifulSoup para realizar solicitudes HTTP y analizar el contenido HTML recuperado. Luego muestra ejemplos de cómo buscar y extraer datos específicos como enlaces, elementos con ID y más dentro del contenido HTML. El documento también menciona alternativas como Scrapy y bibliotecas adicionales como Nokogiri y Mechanize.
Si se hace clic en los iconos, estos abrirán enlaces a blogs y páginas relacionadas. El formulario de inicio de sesión pide los datos de usuario y contraseña para acceder a más información, y al ingresarlos correctamente dirige a una página enter.html, de lo contrario a una página err.html. La siguiente página presenta los servicios de redes y telecomunicaciones de Antonio & Co.
Este documento resume una presentación sobre la implementación de estándares web y componentes reutilizables en MercadoLibre. La presentación destaca la necesidad de agilizar el desarrollo web mediante el uso de widgets configurables, estandarización, y buenas prácticas de desarrollo como marcado semántico y accesibilidad. Se introduce la librería Chico UI de MercadoLibre, la cual provee componentes reutilizables como carruseles y capas para lograr consistencia en la interfaz.
El documento proporciona información sobre jQuery, una librería JavaScript ligera que simplifica el desarrollo de aplicaciones web del lado del cliente. jQuery simplifica la interacción con documentos HTML, el manejo de eventos, la animación y las interacciones AJAX. Fue creado por John Resig en 2006 y es ampliamente utilizado por sitios como Google, Amazon, IBM y Microsoft.
Catalogo General Electrodomesticos Teka Distribuidor Oficial Amado Salvador V...AMADO SALVADOR
El catálogo general de electrodomésticos Teka presenta una amplia gama de productos de alta calidad y diseño innovador. Como distribuidor oficial Teka, Amado Salvador ofrece soluciones en electrodomésticos Teka que destacan por su tecnología avanzada y durabilidad. Este catálogo incluye una selección exhaustiva de productos Teka que cumplen con los más altos estándares del mercado, consolidando a Amado Salvador como el distribuidor oficial Teka.
Explora las diversas categorías de electrodomésticos Teka en este catálogo, cada una diseñada para satisfacer las necesidades de cualquier hogar. Amado Salvador, como distribuidor oficial Teka, garantiza que cada producto de Teka se distingue por su excelente calidad y diseño moderno.
Amado Salvador, distribuidor oficial Teka en Valencia. La calidad y el diseño de los electrodomésticos Teka se reflejan en cada página del catálogo, ofreciendo opciones que van desde hornos, placas de cocina, campanas extractoras hasta frigoríficos y lavavajillas. Este catálogo es una herramienta esencial para inspirarse y encontrar electrodomésticos de alta calidad que se adaptan a cualquier proyecto de diseño.
En Amado Salvador somos distribuidor oficial Teka en Valencia y ponemos atu disposición acceso directo a los mejores productos de Teka. Explora este catálogo y encuentra la inspiración y los electrodomésticos necesarios para equipar tu hogar con la garantía y calidad que solo un distribuidor oficial Teka puede ofrecer.
HPE presenta una competició destinada a estudiants, que busca fomentar habilitats tecnològiques i promoure la innovació en un entorn STEAM (Ciència, Tecnologia, Enginyeria, Arts i Matemàtiques). A través de diverses fases, els equips han de resoldre reptes mensuals basats en àrees com algorísmica, desenvolupament de programari, infraestructures tecnològiques, intel·ligència artificial i altres tecnologies. Els millors equips tenen l'oportunitat de desenvolupar un projecte més gran en una fase presencial final, on han de crear una solució concreta per a un conflicte real relacionat amb la sostenibilitat. Aquesta competició promou la inclusió, la sostenibilitat i l'accessibilitat tecnològica, alineant-se amb els Objectius de Desenvolupament Sostenible de l'ONU.
KAWARU CONSULTING presenta el projecte amb l'objectiu de permetre als ciutadans realitzar tràmits administratius de manera telemàtica, des de qualsevol lloc i dispositiu, amb seguretat jurídica. Aquesta plataforma redueix els desplaçaments físics i el temps invertit en tràmits, ja que es pot fer tot en línia. A més, proporciona evidències de la correcta realització dels tràmits, garantint-ne la validesa davant d'un jutge si cal. Inicialment concebuda per al Ministeri de Justícia, la plataforma s'ha expandit per adaptar-se a diverses organitzacions i països, oferint una solució flexible i fàcil de desplegar.
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor OficialAMADO SALVADOR
Explora el catálogo completo de cajas fuertes BTV, disponible a través de Amado Salvador, distribuidor oficial de BTV. Este catálogo presenta una amplia variedad de cajas fuertes, cada una diseñada con la más alta calidad para ofrecer la máxima seguridad y satisfacer las diversas necesidades de protección de nuestros clientes.
En Amado Salvador, como distribuidor oficial de BTV, ofrecemos productos que destacan por su innovación, durabilidad y robustez. Las cajas fuertes BTV son reconocidas por su eficiencia en la protección contra robos, incendios y otros riesgos, lo que las convierte en una opción ideal tanto para uso doméstico como comercial.
Amado Salvador, distribuidor oficial BTV, asegura que cada producto cumpla con los más estrictos estándares de calidad y seguridad. Al adquirir una caja fuerte a través de Amado Salvador, distribuidor oficial BTV, los clientes pueden tener la tranquilidad de que están obteniendo una solución confiable y duradera para la protección de sus pertenencias.
Este catálogo incluye detalles técnicos, características y opciones de personalización de cada modelo de caja fuerte BTV. Desde cajas fuertes empotrables hasta modelos de alta seguridad, Amado Salvador, como distribuidor oficial de BTV, tiene la solución perfecta para cualquier necesidad de seguridad. No pierdas la oportunidad de conocer todos los beneficios y características de las cajas fuertes BTV y protege lo que más valoras con la calidad y seguridad que solo BTV y Amado Salvador, distribuidor oficial BTV, pueden ofrecerte.
Manual Web soporte y mantenimiento de equipo de computo
En 20 minutos ... jQuery
1. jQuery
Jesús María Méndez Pérez
Grupo de Apoyo a la Teleenseñanza (GAT)
2. Introducción
• Es una librería Javascript que:
– elimina las diferencias entre los distintos
navegadores web
– simplifica tareas comunes
– es amigable para los diseñadores web
– tiene una gran cantidad de plugins
(http://archive.plugins.jquery.com)
– es usado en más del 35% de los sitios webs
3. Características
• jQuery es la librería Javascript más utilizada
actualmente.
• Ha tenido un gran crecimiento durante estos
últimos años.
• jQuery es usado en más del 50% de los 10,000
sitios top de Internet y en más del 30% del top
1,000,000.
5. Historia
• John Resig lanzó jQuery approximadamente el 16 de Enero
de 2006
• John escribió en su blog – “Making it to both del.icio.us
popular and the front page of digg just shows how badly
Javascript programmers want a better library for writing
code with.”
• Justo una semana después Michael Geary escribió el primer
plugin jQuery, una función para manipular JSON que se
incluiría posteriormente en la librería jQuery.
• Version 1.0 - 26 de Agosto de 2006.
• Actualmente - Versión 1.8.3 - 13 de Noviembre de 2012.
7. Programando en jQuery
1. Seleccionar 2. Acción
images show
links hide
divs animate
tables add new content
table rows change CSS
form fields change HTML properties
External links load data from the web
… any HTML TAG
13. Buenas prácticas
• Usar SIEMPRE la última versión de jQuery
– Mejora el rendimiento y corrige errores de versiones
anteriores.
• Precaución al seleccionar selectores
– De mayor a menor rendimiento:
• Selectores de ID: (#sidebar)
• Selectores de etiqueta HTML (input, div, etc.)
• Selectores de clase (.pantalon)
• Pseudoselectores y selectores de atributo (:visible, :hidden,
[attribute=value], etc.)
14. Hazlo simple
• Evita selectores complicados
$("body #page:first-child article.main p#intro em"); //mal
$("#intro em"); //bien
• Aumento especificación de izquierda a derecha
$("#intro em") -> Carga todos los elementos ‘em’ en un array.
Muy ineficiente si tienes cientos de etiquetas ‘em’.
$("em", $("#intro")); -> $("em", "#intro");
$("#intro").find("em");
15. <div id="content">
<form method="post" action="/">
<h2>Traffic Light</h2>
<ul id="traffic_light">
<li><input type="radio" class="on" name="light" value="red" /> Red</li>
<li><input type="radio" class="off" name="light" value="yellow" /> Yellow</li>
<li><input type="radio" class="off" name="light" value="green" /> Green</li>
</ul>
<input class="button" id="traffic_button" type="submit" value="Go" />
</form>
</div>
Seleccionar un elemento
var traffic_button = $('#content .button'); //lento
var traffic_button = $('#traffic_button'); //rápido
Seleccionar múltiples elementos
– Siempre descender del ID más cercano (var traffic_lights = $('#traffic_light input');)
– Siempre utilizar una etiqueta antes de una clase (y descender de un ID):
var active_light = $('#traffic_light input.on');
– Nunca utilices etiqueta con un ID.
var content = $('div#content');
– Consejo: Si queremos recordar que nuestra variable local es un objeto jQuery podemos ponerle $ como prefijo.
– Nunca repitas una operación de selección de jQuery mas de una vez en tu aplicación.
16. Separar la funcionalidad de Javascript
Separar la funcionalidad de Javascript en otra capa independiente de (X)HTML and CSS.
//mal
Nunca incluyas eventos Javascript en los atributos.
<a onclick="doSomething()" href="#">Click!</a>
//bien
El código Javascript se debe de incluir en un fichero externo y enlazado al documento con la etiqueta ‘<script>’
<a href="backuplink.html" class="doSomething">Click!</a>
$('a.doSomething').click(function(){
// Do something here!
alert('You did something, woo hoo!');
}); ...
The método .click() de jQuery nos permite enlazar el evento click al resultado de nuestro selector.
Se seleccionarán todas las etiquetas <a> con clase “doSomething” y se le enlazará el evento que llamará a la
función.
17. Nunca depender de Javascript
Nunca asumir que el navegador del usuario tiene Javascript activado.
//mal
<script language="javascript">
var now = new Date();
if(now.getHours() < 12)
document.write('Good Morning!');
else
document.write('Good Afternoon!');
</script>
Javascript desactivado -> No aparecería nada.
//bien
<p title="Good Day Message">Good Morning!</p>
<script language="javascript">
var now = new Date();
if(now.getHours() >= 12)
{
var goodDay = $('p[title="Good Day Message"]');
goodDay.text('Good Afternoon!');
}
Javascript desactivado -> Siempre aparecería “Good Morning”
18. Código accessible
Importante que nuestro (X)HTML esté bien estructurado para evitar DOM scripting e interactuar de manera
sencilla con jQuery.
//muy mal //mal
//bien
19. CSS Dinámico
Si el navegador web no soporta Javascript o éste está desactivado, los elementos que ocultamos a través
de CSS nunca serán nuevamente visibles ya que nuestro código Javascript no se ejecutará.
Podemos ocultar elementos de la página usando usando CSS, sin embargo nuestro CSS solo se ejecutará
si el Javascript está activado.
#bad #good
HTML: HTML:
<h2>This is a heading</h2> <h2>This is a heading</h2>
<p class="hide-me-first"> This is some information about the heading. </p> <p class="hide-me-first"> This is some information about the heading. </p>
CSS: jQuery Javascript:
p.hide-me-first $(document).ready(function{
{ $("p.hide-me-first").css("display", "none");
display: none; $("p.hide-me-first").css("visibility", "hidden");
visibility: hidden;
} });
20. Almacenar consultas jQuery
Si pretendes usar los objetos jQuery obtenidos durante la selección en otras partes del código,
deberías almacenarlo en un objeto de ámbito global.
// Definir un objeto de ámbito global (i.e. the window object)
window.$my =
{
// Initialize all the queries you want to use more than once
head : $('head'),
traffic_light : $('#traffic_light'),
traffic_button : $('#traffic_button')
};
function do_something()
{
// Now you can reference the stored results and manipulate them
var script = document.createElement('script');
$my.head.append(script);
// When working inside functions, continue to save jQuery results to your global container.
$my.cool_results = $('#some_ul li');
$my.other_results = $('#some_table td'); // Use the global functions as you would a normal jQuery result
$my.other_results.css('border-color', 'red');
$my.traffic_light.css('border-color', 'green');
}
22. • Caching
var parents = $(‘.parents’);
var children = $(‘.parents’).find(‘.child’) //mal
var children = parents.find(‘.child’) //bien
Cualquier $(‘ ’) implica volver a recorrer el DOM -> Mayor lentitud (Menor rendimiento)
• Encadenamiento
//sin encadenamiento
$(‘#message’).fadeIn(‘slow’);
$(‘#message’).addClass(‘activeMessage’);
//con encadenamiento
$(‘#message’).fadeIn(‘slow’)
.addClass(‘activeMessage’);
23. • Inserción en el DOM
– Cada inserción en el DOM es muy costosa.
– Construir cadenas de HTML en una variable y realizar una única inserción (append()) tan tarde como
sea posible.
– Usar detach() en vez de remove() si posteriormente se va a hacer una reinserción de los elementos
en el DOM.
• Evitar bucles
– La manipulación directa del DOM es muy costosa.
– Crear lo que necesites en memoria y por último actualizar el DOM.
//mal //bien
24. Objetos jQuery como Arrays
El resultado de un selector es un objeto jQuery. Sin embargo, te hace pensar que estás trabajando
con un array con elementos y una longitud.
Usar for (o while) en lugar de $.each() hace que mejore el rendimiento.
Comprobar la longitud es la única manera de determinar si la colección contiene algún elemento
http://jsfiddle.net/martinaglv/NcRsV/
25. Delegación de eventos (Bubbling)
Cada evento (e.g. click, mouseover, etc.) en JavaScript hace el efecto burbuja en el árbol DOM
hacia los elementos padre.
Muy útil cuando muchos elementos llaman a la misma función. En vez de establecer una función
de listener a muchos nodos (ineficiente), se establece una función de listener a su padre.
27. Usar CSS Hooks
La API CSS hooks permite a los desarrolladores obtener y establecer particular valores CSS.
$.cssHooks['borderRadius'] = {
get: function(elem, computed, extra){
// Depending on the browser, read the value of
// -moz-border-radius, -webkit-border-radius or border-radius
},
set: function(elem, value){
// Set the appropriate CSS3 property
}
};
// Use it without worrying which property the browser actually understands:
$('#rect').css('borderRadius',5);
https://github.com/brandonaaron/jquery-cssHooks -> Colección de CSS Hooks
28. Usar Custom Easing Functions
El plugin jQuery easing plugin permite añadir efectos a tus animaciones.
Copiar el efecto que necesitas del plugin y añadirlo a jQuery.easing
$.easing.easeInOutQuad = function (x, t, b, c, d)
{
if ((t/=d/2) < 1)
return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
};
// To use it: $('#elem').animate({width:200},'slow','easeInOutQuad');
29. $.proxy()
//Ejecutar
• Problema: Desaparece el botón pero no el panel.
• Utilizando $.proxy:
30. Determinar el tamaño de tu página web
• Cuanto más contenido tenga tu página web, más le costará al navegador
renderizarla.
• Puedes contar el numero de elementos DOM mediante:
console.log( $('*').length );
• Intenta optimizarla eliminando nodos innecesarios.
31. Ámbito
• El problema del ámbito
Sólo se está alterando el DOM una vez la página esté cargada.
En casi cualquier aplicación web moderna, el DOM va a cambiar después de que la página haya sido cargada.
Ejecutando jQuery dentro de success de una función AJAX:
32. • Como manejar el ámbito
A la izquierda, se establece el handler de la manera normal. A la derecha, se realiza una búsqueda de la clase botón en el documento.
La de la derecha te permite controlar el ámbito sobre el DOM que está siendo modificado.
Dada esta función, se reescribe $(document).ready(fuction(){
Y la llamada AJAX de una manera similar:
33. • Cuando se rompe el ámbito
La variable scope solo será válida dentro de la función my_button_jquery. Es importante tener en cuenta que este ámbito se romperá
si realizamos una llamada a otra función. Naturaleza asíncrona del modelo de eventos de Javascript.
Por eso, la función AJAX anterior no es posible escribirla con scope dentro del manejador success.
• Eficiencia
Siempre debes invocar el objeto jQuery desde fuera de la función para mejorar la eficiencia.
//mal //bien
34. Establecer AJAX Global
En una petición AJAX, algunas veces necesitas indicar que la petición está en progreso
(mostrar animación, capa más oscura, etc.)
35. Usar HTML5 Data Attributes
• HTML5 data attributes son utilizados para almacenar información en la página
web.
• Para acceder a los atributos del div:
• http://api.jquery.com/data/
36. Crear un plugin en jQuery
(function($){
$.fn.yourPluginName = function(){ … return this; };
})( jQuery);
$(“p”).yourPluginName();
Fichero jquery.reversetext.js
38. Comprimir tu Javascript
• Comprimir el código Javascript usando YUICompressor
• Menor tiempo de respuesta -> Agilizamos la carga del página web.
• Otros compresores de Javascript:
– http://javascriptcompressor.com/
– http://jscompress.com/
• También podemos comprimir nuestro código CSS
– http://www.cssdrive.com/index.php/main/csscompressor/
39. jQuery mobile
• http://jquerymobile.com/ - Versión 1.2.0
• Librería Mobile UI.
• HTML5 Data Atributtes definidos.
<div data-role="page" id="home">
</div>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
41. jQuery mobile – Buenas prácticas
a) Mirar detenidamente los ejemplos
– http://jquerymobile.com/demos/
b) Cada página debe de valerse por sí misma
– Debe contener: CSS, Javascript, header, footer, etc.
c) Comprobar que ocurre cuando desactivas Javascript
d) Asegúrate de que tu código no sea vulnerable a los
ataques
42. jQuery mobile – Buenas prácticas
• Minimizar y comprimir
– Reducir el número de peticiones HTTP
– Minimizar los ficheros CSS y Javascript
– Intentar que las páginas webs sean menores de
25KB (para que sea posible el uso de la caché)
– Utilizar la herramienta YUI Compressor
43. jQuery mobile – Buenas prácticas
• Números de teléfono, mapas y correos
electrónicos
– No embeber mapas en las aplicaciones móviles
44. jQuery mobile – Buenas prácticas
• Usar jQuery Validate
– http://bassistance.de/jquery-plugins/jquery-plugin-validation/
– No hay que confiar en el usuario.
45. jQuery mobile – Buenas prácticas
• Usar ThemeRoller
– http://jquerymobile.com/themeroller/
• Usar radio button en lugar de select
– Select son menos consistentes, suelen dar más problemas entre las plataformas.
– Permiten al usuario ver al instante las opciones de elección.
47. jQuery mobile – Buenas prácticas
• Usar correctamente las etiquetas meta
• Determinar que estilo de navegación usar:
– La página principal es el menú global
– El menú global es una subpágina
– El menú global está al final de cada página
48. La página principal es el menú global El menú global es una subpágina
• Pros • Pros
– Simple – Escalable
– Buena UX – Contexto
– Velocidad – Velocidad
• Contras • Contras
– Demasiados enlaces – Cuestionable UX
49. El menú global está al final de cada página
• Pros
– Escalable
– Velocidad
– Contexto
– Excelente UX
• Contras
– Aplicaciones no usan esta interfaz
50. jQuery mobile – Buenas prácticas
• Detectar y redireccionar a móvil
– Browser sniffing - WURFL
• Establecer un enlace a la página completa
• Contenido vs Funcionalidad