jQuery: de novato a ninja (25 horas)

• Descubre como transformar dinámicamente  los elementos de la página.

• Como crear animaciones más inteligentes para atraer la atención de los visitantes.

• Como crear asombrosos *UI widgets para sorprender a tus clientes.

• Métodos sencillos para agregar poder a tus diseños.

• Estrategias para el desarrollo avanzado de plug-ins.

• Como simplificar el manejo de las peticiones de AJAX.

• Mejores prácticas para mejor la organización de tu código.

• Técnicas avanzadas para desarrolladores nivel ninja.

…estás listo para liberar el ninja que llevas dentro?

Descripción:El curso  jQuery : de Novato a Ninja le muestra al alumno paso a paso como aprovechar todo el poder de jQuery. Un curso fácil y meramente práctico en el cual entenderás  los mayores trucos y dominarás las técnicas  que jQuery ofrece — en un tiempo muy corto .

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

Nivel de audiencia: Diseñadores Web.

Temario

Parte 1. Enamorándose de 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 | Depurando nuestras selecciones | Probando las selecciones | Filtros | Seleccionando elementos múltiples | Llegando a ser un buen selector | Decoración: CSS con jQuery l Leyendo propiedades CSS | Estableciendo propiedades CSS | Clases | Resaltando: Agregando efectos con jQuery | Esconder y aparecer elementos  | Mejora continúa | Agregando nuevos elementos | Removiendo elementos existentes | Modificando contenido | Animación básica | Funciones Callback | Unos cuantos trucos | Resaltando al paso del mouse

Parte 3. Animación, scrolling y redimensionamiento

Animando | Animando propiedades CSS | Animación de color | *Easing  | Paneles rebotantes | La cola de animación | Acciones encadenadas | Pausando la cadena  | Navegación animada | l La interfase de usuario de jQuery | Animando | 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  | Cortando imágenes con Jcrop | Slideshows | iPhoto: Widget | Imagie- ine

Parte 5. Menus, Tabs, Tooltips y paneles.

Menus expnadibles y colapsables | Indicadores abierto - cerrado | Expansión de menus 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 | Desplazando y traslapando | *Tooltips | simples | avanzadas | Ordenando el menú

Parte 6. Construcción, Ajax e interactividad.

Construcción y mejores prácticas | jQuery más limpio |  Plantillas de lado cliente  | Olfateando el naveador  | Ajax  | ¿Qué es AJAX? | Cargando HTML remoto | Resaltando hipervinculos con Hijax | Escogiendo HTML con selectores  | Carga avanzada  | Preparación para el futuro  |  Obtentiendo datos con $.getJson  | Un buscador Twitter de lado cliente | El taller de Ajax y jQuery  | Parametros comunes de AJAX  | Cargando scripts externos  | Solicitudes GET y POST | Eventos jQuery AJAX | Interactividad: usando AJAX |  Galeria de imágenes en Ajax | Identificando (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 | Seleccionador de fechas | Desplazadores | 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 | Iinterfases de usuario jQuery seleccionables | Ordenando listas |  Manipulando listas de selección | Arboles | Arboles expandibles | Delegación de eventos | Tablas | Encabezados de tabla fijos | Repetición de encabezados | Data grids | Seleccionando renglones

Parte 9. Plugins, *themes y topicos avanzados.

Plugins | Creación de un plugin | Tópicos avanzados  | Extendiendo jQuery | Eventos |  Miscelánea de un ninja del jQuery | Themes | Utilizando la galeria de "themes"  | Ponle piel a tus componentes

Parte 10. Anexos y material de referencia.

Nota: El curso incluye manual de Sitepoint ( Oreilly), el cual se muestra a continuación.

Inversión Total $5,220 MN (IVA incluido).

Formas de pago

Proximas fechas y horarios

Intensivo (Martes, miércoles y jueves de 11:00 hrs a 19:00 hrs)

Por confirmar

Matutino  (Lunes a  viernes de 8:00 hrs a 10:30 hrs )

Próximo inicio: Lunes 21 de mayo de 2012

Vespertino (Lunes a viernes de 19:30 a 22:00 hrs )

Próximo inicio: Lunes 21 de mayo de 2012

Sabatino (Sábados de 14:00 a 19:00)

Próximo inicio: Sabado 26 de mayo de 2012

¿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 grafico 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 mas especificos o incluso de algunos que aun no se han determinado, como un bosquejo preliminar del layout final sobre el cual se trabaja.

Fuente: Wikipedia