Curso de jQuery Mobile

Descripción:

 jQuery Mobile training is a hands-on project based training class to develop mobile applications using jQuery Mobile framework. In this class, attendees will learn how to develop jQuery mobile applications.

jQuery se ha convertido rápidamente en la librería JavaScript por excelencia y fácilmente se puede saber por qué razón. Este *framework javaScript aumenta dramáticamente la adición de interacción, a través de animaciones, transiciones y componentes a tu sitio web.

Dirigido a:

Diseñadores web y afines.

Nivel: Básico – intermedio.

Temario:

Parte 1. Introducción a jQuery

Compatibilidad con diversos navegadores | Selectores CSS3  | Utilidades | jQuery UI | Plugins  | Manteniendo el marcaje limpio | El lado no muy ventajoso | Descarga e inclusión de jQuery | Anatomía de un script jQuery | The jQuery Alias | Primeras sentencias jQuery | Pedazos de HTML y DOM

Parte 2. Seleccionar, decorar y resaltar.

La página esta lista | Seleccionar: la esencia de jQuery | Depurar nuestras selecciones | Probar las selecciones | Filtros | Seleccionar elementos múltiples | Llegar a ser un buen selector | Decoración: CSS con jQuery l Leyendo propiedades CSS | Establecer propiedades CSS | Clases | Resaltar: Agregando efectos con jQuery | Esconder y aparecer elementos  | Mejora continua | Agregar nuevos elementos | Remover elementos existentes | Modificar contenido | Animación básica | Funciones Callback | Unos cuantos trucos | Resaltar al paso del mouse

Parte 3. Animación, desplazamiento y redimensionamiento

Animar | Animar propiedades CSS | Animación de color | Acelerar y desacelerar  | Paneles rebotantes | La cola de animación | Acciones encadenadas | Pausar  la cadena  | Navegación animada | lLa interfase de usuario de jQuery | Animar | Scrolling  | Barras de desplazamiento personalizadas | Redimensionamiento | El evento resize | Elementos redimensionables |

Parte 4. Imágenes y slideshows

Cajas de luz | Colorbox: plugin de caja de luz  | Cortar  imágenes con Jcrop | Slideshows | iPhoto: Widget | Imagie- ine

Parte 5. Menús, Tabs, Tooltips y paneles.

Menús expnadibles y colapsables | Indicadores abierto – cerrado | Expansión de menús al paso del puntero del mouse | Drop- down menu | Menus tipo acordeón  | Pestañas (tabs) | Pestañas básicas | Pestañas jQuery UI | Paneles | Formularios de autenticación con desplazamiento | Desplazar y traslapar | *Tooltips | simples | avanzadas | Ordenar el menú

Parte 6. Construcción, Ajax e interactividad.

Construcción y mejores prácticas | jQuery más limpio |  Plantillas de lado cliente  | Olfatear el navegador  | Ajax  | ¿Qué es AJAX? | Cargar HTML remoto | Resaltar hipervínculos con Hijax | Escoger HTML con selectores  | Carga avanzada  | Preparación para el futuro  |  Obtener datos con $.getJson  | Un buscador Twitter de lado cliente | El taller de Ajax y jQuery  | Parámetros comunes de AJAX  | Cargar scripts externos  | Solicitudes GET y POST | Eventos jQuery AJAX | Interactividad: usando AJAX |  Galería de imágenes en Ajax | Identificar (tagging) imágenes

Parte 7. Formularios, controles y diálogos.

Validación simple de formularios | Validación de formularios con el plugin de validación | Indicador de longitud | Pistas en el formulario (form hints) | Casillas de verificación | Edición “inline” | Autocompletar | Control de estrellas para opinión | Controles | Seleccionar fechas | Desplazar| Arrastrar y soltar | jQuery interfase de usuario ordenable | Barra de progreso | Dialogos y notificaciones | Dialogo modal simple | Dialogo jQuery UI | Notificaciones estilo Growl

Parte 8. Listas, árboles y tablas.

Lista | Interfaces de usuario jQuery seleccionables | Ordenando listas |  Manipular listas de selección | Arboles | Arboles expandibles | Delegación de eventos | Tablas | Encabezar de tabla fijos | Repetición de encabezados | Data grids | Seleccionar renglones

Parte 9. Plugins, *themes y topicos avanzados.

Plugins | Creación de un plugin | Tópicos avanzados  | Extender jQuery | Eventos |  Miscelánea de un ninja del jQuery | Themes | Utilizar la galería de “themes”  | Ponle piel a tus componentes

Parte 10. Anexos y material de referencia.

¿Por qué jQuery?

Cuando Amazon, Google, Digg y WordPress se sentaron a discutir sobre la elección de un framework de JavaScript… todos decidieron jQuery!

*UI widgets – En el contexto de la programación de aplicaciones visuales, los widgets tienen un significado más amplio como componente o control visual que el programador reutiliza y tienen un gran valor para el usuario, idea íntimamente ligada con el concepto de interfaz gráfica de usuario ( GUI  por sus siglas en inglés).

* framework – La palabra inglesa framework define, en términos generales, un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular, que sirve como referencia para enfrentar y resolver nuevos problemas de índole similar. En el desarrollo de software, un framework es una estructura conceptual y tecnológica de soporte definida, normalmente con artefactos o módulos de software concretos, con base en la cual otro proyecto de software puede ser organizado y desarrollado.

* theme – en las artes visuales, un theme es una idea global o mensaje traido o alrededor de un trabajo o concepto, como alguna ejecución, una pintura o una pelicula de acción.

* layout – en diseño gráfico y publicidad, un layout integral (comprenhensive layout), usualmente acortado a comp, es la composición de una página de un diseño propuesto inicialmente a un cliente, mostrando las posiciones relativas de texto e ilustraciones antes de incluir contenidos más específicos o incluso de algunos que aún no se han determinado, como un bosquejo preliminar del layout final sobre el cual se trabaja.

Fuente: Wikipedia