Descripción
El curso proporciona a los alumnos los conceptos y habilidades necesarios para poder utilizar JQuery como framework en la capa de presentación. Los participantes serán capaces de seleccionar, modificar, reemplazar, ocultar, mostrar elementos HTML usando el lenguaje de selección de JQuery.
Además estarán en condiciones de poder realizar peticiones Ajax utilizando JQuery. Con este framework podrá evitar tener que crear código JavaScript personalizado para detectar navegadores y tener que adaptar sus páginas HTML a cada navegador.ON.
Contenidos del curso
- Fundamentos de JQuery
- Arquitectura de JQuery
- Cross-browser compatibility
- Diferencias entre JQuery y JQuery Mobile
- Plugins para JQuery
- Distribuciones de JQuery
- Distribuciones de desarrollo y explotación
- Uso de CDN’s
- Trabajando con el alias de JQuery
- Aprendiendo a seleccionar como CSS
- Selección con JQuery
- Carga de la página en memoria
- Selección basada en CSS
- Aplicando filtros
- Best practices para la selección múltiple
- Aplicando estilos encadenados
- Eliminando y añadiendo clases
- Aplicando efectos con JQuery
- Animaciones básicas
- Manejadores de eventos y funciones callback
- Modificación del contenido de los elementos
- Animaciones con JQuery
- Animaciones de color
- Animaciones usando CSS
- Colas de animación
- Definiendo acciones encadenadas
- Animación de la navegación
- Librería JQuery UI
- Uso del scrolling y del redimensionamiento
- El evento de desplazamiento o scroll
- Navegación flotante
- Desplazamiento por el documento
- Personalizando las barras de desplazamiento
- El evento de redimensionamiento
- Intercambiando layouts
- Elementos redimensionables
- JQuery y Ajax
- Realizando peticiones asíncronas GET y POST
- Obteniendo datos en formato JSON
- Carga de scripts externos dinámicamente
- Consumiendo datos con XML
- Formularios con JQuery
- Validaciones de formularios
- Capturando el evento submit
- Creando formularios interactivos con JQuery
- El plugin Validation
- Cuadros de diálogo normales y modales
- Utilización de widgets como Lists, Trees o Tables
- Introducción a JQuery Mobile
- Características de JQMobile
- Conceptos de compatibilidad y plataformas soportadas
- Requerimientos mínimos
- Uso de temas con ThemeRoller for Mobile
- Componentes UI para JQMobile
- Personalizando las barras de herramientas
- Situando las barras de herramientas
- Desarrollando barras de navegación
- Definiendo contenido colapsable
- Trabajando con columnas
- Creando botones, listas y selectores
- Trabajando con JQuery Mobile
- Utilizando JQuery dentro de JQMobile
- El elemento $.mobile
- El evento mobileinit
- Gestión de eventos táctiles
- Gestión de eventos de orientación y scroll
- Gestión de eventos de página y ratón
Información extra
Principalmente a desarrolladores web que estén trabajando con HTML con hojas de estilo CSS y estén habituados a programar con JavaScript. Es recomendable que los participantes conozcan los fundamentos del desarrollo web y si es posible que hayan trabajado con HTML así como con hojas de estilo y JavaScript.
Información general
Cursos de Capa de Presentación
Formaciones en Desarrollo Software
Presencial
