jQuery

Productividad y compatibilidad en desarrollos JavaScript

Aumenta tu productividad usando la librería jQuery. Automatiza y simplifica el desarrollo de proyectos. Con este curso video2brain aprenderás cómo jQuery te ofrece más control sobre tus desarrollos de una manera clara y eficiente, preocupándote tan solo del código específico de la aplicación que estas desarrollando.

Formadores: José Vicente Carratalá

Fecha de publicación: 8/02/2012

USD 28.80

Duración: 04:00 horas

¿Qué voy a recibir?

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades. La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad. Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.

Compatible iPad

Archivos base

Pantalla reducida

Marcadores

Curso descargable

Al carro Descargas

Incluir en favoritos A_un@_amig@ Redacta tu opinión

Cursos similares

Presentación del curso jQuery José Vicente Carratalá te presenta su curso video2brain jQuery. Productividad y compatibilidad en desarrollos JavaScript.

Presentación de la formación y del formador.

Presentación

00:40
Introducción a jQuery.

Introducción
- Aquí te presentamos los objetivos del curso.
  
  Objetivos
  - En este vídeo te presentamos los objetivos del curso.
    
    Presentación del curso
    
    01:11
- Cómo descargar e instalar jQuery.
  
  Descarga e instalación
  - Cómo y dónde descargar jQuery.
    
    Descarga de jQuery
    
    02:12
  - Una vez descargado, vinculamos jQuery con nuestros proyectos.
    
    Vinculación de jQuery
    
    01:14
Herramientas que encontraremos en la librería.

Elementos de jQuery
- Mediante las selecciones podemos apuntar a los elementos HTML que necesitemos.
  
  Selección
  - Importamos jQuery en un proyecto inicial.
    
    Importación de jQuery
    
    01:48
  - Podemos seleccionar elementos mediante su ID.
    
    Selección por ID
    
    04:21
  - Cambiamos varias propiedades simultáneamente.
    
    Varias propiedades CSS
    
    01:32
  - Seleccionamos elementos mediante su clase.
    
    Selector por clase
    
    04:17
  - Cambiamos propiedades mediante la etiqueta HTML.
    
    Cambio de propiedades por etiqueta
    
    03:38
  - También es posible seleccionar por atributo.
    
    Selección por atributo
    
    03:35
  - Realizamos búsquedas exactas, negativas y parecidas.
    
    Selecciones con búsqueda
    
    01:38
  - Selectores múltiples nos permiten afinar la búsqueda.
    
    Selecciones múltiples
    
    03:02
- Herramientas de introducción de texto.
  
  Texto
  - El mismo método nos sirve para leer e insertar texto.
    
    Leer y escribir con texto
    
    05:04
  - Usamos los atributos de los objetos para leer y escribir.
    
    Atributos
    
    06:36
  - Podemos asociar y disociar clases.
    
    Añadir y quitar clases
    
    05:58
  - Añadimos HTML a un div vacío.
    
    Añadir HTML
    
    03:19
  - Podemos añadir contenido sin borrar el contenido previamente existente.
    
    Añadir sin borrar
    
    02:24
- Cómo capturar la interacción del ratón.
  
  Eventos de ratón
  - Controlamos cuando el ratón pasa por encima del elemento.
    
    MouseOver y MouseOut
    
    03:07
  - Hover simplifica el proceso de selección.
    
    Hover
    
    01:22
  - MouseMove captura cualquier movimiento del ratón en la pantalla.
    
    MouseMove
    
    03:07
  - Con estos eventos capturamos cuando se hace clic en un elemento.
    
    MouseUp y MouseDown
    
    03:34
  - Podemos también capturar los doble clics.
    
    Doble clic
    
    02:44
  - Focus detecta cuando entramos en un formulario.
    
    Focus
    
    04:41
  - Blur indica la salida de un formulario.
    
    Blur
    
    01:48
- Efectos y animaciones en jQuery.
  
  Efectos
  - Podemos ocultar y mostrar elementos en pantalla.
    
    Ocultar y Mostrar
    
    04:46
  - Aplicamos degradados para ocultar sin usar el efecto de escala.
    
    Ocultar sin escala: degradado
    
    01:48
  - Con este método controlamos el principio y el fin del desenfoque.
    
    FadeTo
    
    02:03
  - Con un solo método simplificamos la entrada y salida de un efecto.
    
    Toggle
    
    01:27
  - Mediante Slide podemos realizar transiciones animadas.
    
    Slide
    
    02:40
  - Es posible personalizar los parámetros de las animaciones.
    
    Animaciones personalizadas
    
    03:30
- Peticiones asíncronas al servidor.
  
  AJAX
  - Método simplificado de conexión.
    
    Load
    
    06:28
  - Con Get y Post especificamos el método de envío de información.
    
    Get y Post en AJAX
    
    06:29
  - Método completo con el que podemos obtener gran control de los parámetros que pasamos.
    
    Método AJAX completo
    
    05:52
- Funciones que sólo se ejecutan una vez finalizadas las animaciones.
  
  Callbacks
  - Las funciones Callback protegen nuestras animaciones.
    
    Funciones Callback
    
    03:27
- Ventajas de desarrollar con jQuery en DW.
  
  jQuery en Dreamweaver
  - Dreamweaver CS5.5 incorpora jQuery, lo que facilita el desarrollo de aplicaciones.
    
    Usando jQuery en DW
    
    03:35
Creación de interfaces de usuario en jQuery.

jQuery UI
- Descarga e instalación de la librería.
  
  Introducción
  - Qué es y para qué nos sirve jQuery UI.
    
    Qué es jQuery UI
    
    01:59
  - Cómo y dónde descargar jQuery UI.
    
    Descargando jQuery UI
    
    01:02
  - Personalizando la descarga.
    
    Personalización
    
    02:02
  - Una vez descargado preparamos su importación.
    
    Preparación de archivos
    
    00:58
- Te presentamos herramientas de interacción.
  
  Interacciones
  - Elementos que se pueden arrastrar.
    
    Draggable
    
    02:12
  - Evento a realizar cuando soltamos un elemento dentro de otro.
    
    Droppable
    
    02:13
  - Opción que nos permite cambiar la escala de un elemento.
    
    Resizable
    
    01:29
  - Elementos de lista seleccionables.
    
    Selectable
    
    02:30
  - Podemos cambiar el orden de los elementos de una lista.
    
    Sortable
    
    00:57
- Cómo gestionar los Widgets.
  
  Widgets
  - Los acordeones son una manera muy efectiva de presentar gran cantidad de información.
    
    Acordeón
    
    02:01
  - El plugin de autocompletado es muy útil para búsquedas.
    
    Autocompletado
    
    02:34
  - Decoración automática de botones y enlaces.
    
    Botón
    
    01:45
  - El elemento calendario es muy útil para seleccionar fechas fácilmente.
    
    Calendario
    
    01:29
  - Podemos generar cuadros de diálogo flotantes.
    
    Diálogo
    
    01:22
  - Barras de progreso fácilmente configurables.
    
    Barra de progreso
    
    01:26
  - Con Sliders disponemos de una manera muy visual de seleccionar rangos.
    
    Slider
    
    00:57
  - Las pestañas facilitan mucho la navegación por un sitio web.
    
    Pestañas
    
    02:33
- Efectos
  
  Efectos
  - Nuevos efectos que incorpora jQuery UI.
    
    Effect
    
    03:05
- Personalización.
  
  Personalización de temas
  - En la página oficial podemos encontrar una selección bastante extensa de temas preparados.
    
    Navegando por temas predeterminados
    
    01:29
  - Siempre podemos crear un tema personalizado de una manera muy sencilla.
    
    Editando un tema personalizado
    
    01:54
Traductor de idiomas con jQuery y AJAX.

Proyecto práctico: traductor
- Cuáles son los objetivos del proyecto.
  
  Introducción
  - Te presentamos el proyecto.
    
    Presentación del proyecto
    
    00:36
- Creación de un entorno de trabajo.
  
  Carpeta de proyecto
  - Creamos una carpeta de proyecto y preparamos la base de datos de la aplicación.
    
    Carpeta de proyecto y bases de datos
    
    02:52
  - Creamos el resto de carpetas.
    
    Resto de carpetas
    
    02:41
  - Configuramos nuestro espacio de trabajo.
    
    Espacio de trabajo
    
    01:22
- Desarrollo de la parte cliente.
  
  Cliente
  - Desarrollamos la parte de cliente con HTML.
    
    HTML
    
    03:02
  - Usamos CSS para estilizar.
    
    CSS
    
    06:44
  - Continuamos estilizando la aplicación.
    
    Más CSS
    
    03:16
  - Retoques visuales finales.
    
    Retoques finales
    
    02:26
- Desarrollo de la parte servidor.
  
  Servidor
  - Script que recupera los datos.
    
    Enlazado con el Script que procesa la petición
    
    01:42
  - Creación de una petición exacta.
    
    Petición exacta
    
    04:37
  - Añadido de una petición aproximada LIKE.
    
    Petición aproximada
    
    01:50
  - Recepción y formateado de datos.
    
    Recepción de resultados
    
    02:18
- Conexión con jQuery
  
  jQuery
  - Preparando el proyecto para usar jQuery.
    
    Preparación del proyecto
    
    01:24
  - Dinamizamos el formulario.
    
    Formulario
    
    03:58
  - Recibimos datos mediante Ajax.
    
    AJAX
    
    02:54
  - Ejecutamos un efecto de animación cada vez que se recibe información.
    
    Efectos de animación
    
    01:32
Capacidades multimedia de jQuery.

Proyecto práctico: Guitarra
- Introducción y objetivos del proyecto.
  
  Introducción
  - Presentación del proyecto.
    
    Presentación del proyecto
    
    00:30
- Creación de una carpeta de trabajo.
  
  Carpeta de proyecto
  - Creamos la carpeta de proyecto.
    
    Creación de la carpeta de proyecto
    
    01:18
  - Volcamos los archivos base necesarios.
    
    Copiado de archivos base
    
    01:16
- Desarrollo de la parte cliente.
  
  HTML y CSS
  - Creamos la estructura de la aplicación con HTML.
    
    HTML
    
    03:51
  - Estilizamos el resultado con CSS.
    
    CSS
    
    02:53
- Dinamización.
  
  jQuery
  - Botones y funciones principales en jQuery.
    
    Botones y funciones
    
    02:29
  - Creamos una función que llama a otras funciones.
    
    Función de acorde
    
    03:39
  - Programamos como la aplicación va a responder a las acciones del ratón.
    
    Comportamiento del ratón
    
    03:36
  - Ejecutamos, comprobamos y disfrutamos el programa.
    
    Ejecución del programa
    
    02:40
Capacidades multimedia.

Proyecto práctico: Programa de pintura
- Introducción al proyecto.
  
  Introducción
  - Te presentamos el proyecto que vamos a desarrollar.
    
    Introducción del proyecto
    
    00:36
- Creación de un entorno de trabajo.
  
  Carpeta de proyecto
  - Preparamos el espacio de trabajo y el contenido inicial de la carpeta.
    
    Elementos de la carpeta
    
    00:51
  - Creamos un archivo HTML inicial y lo dotamos de contenido.
    
    Contenido HTML
    
    01:54
  - Estilizamos mediante CSS.
    
    CSS
    
    00:40
  - Programamos las funciones necesarias para pintar con un solo color.
    
    Programación de color
    
    04:49
  - Copiando y modificando las funciones podemos crear varios colores.
    
    Triplicado de funciones
    
    02:23
Productividad con jQuery UI.

Proyecto práctico: Intranet con jQuery
- Introducción.
  
  Introducción
  - Presentación del proyecto.
    
    Presentación del proyecto
    
    00:27
- Creación de un entorno de trabajo.
  
  Carpeta de proyecto
  - Descargamos la librería jQuery UI y la ponemos en la carpeta del proyecto.
    
    Descarga de jQuery UI
    
    02:06
  - Preparamos el resto de carpetas y archivos.
    
    Ubicación de carpetas
    
    01:21
  - Enlazamos archivos en el HEAD del archivo HTML.
    
    Enlazado de archivos
    
    03:19
  - Creamos el contenido del archivo con HTML.
    
    HTML
    
    01:05
  - Estilizamos el resultado.
    
    CSS
    
    01:00
- Aplicación de librerías UI.
  
  jQuery y jQuery UI
  - Aplicamos las funciones correspondientes a jQuery UI.
    
    Cuadro de diálogo y botón
    
    02:08
  - Aplicamos efectos animados al conjunto.
    
    Aplicación de efectos
    
    01:32
Despedida del curso.

Despedida
- Despedida del curso video2brain. ¡Hasta la próxima!
  
  Despedida
  
  00:17

Presentación del curso jQuery

José Vicente Carratalá te presenta su curso video2brain jQuery. Productividad y compatibilidad en desarrollos JavaScript.

En este curso video2brain aprenderás a usar cada uno de los componentes y de los eventos de jQuery, que te permitirán añadir interacción a tus sitios web de una manera clara y eficaz. Además, la librería asegurará la compatibilidad entre plataformas de tu código, por lo que aumentará tu productividad.

Comenzamos viendo cada uno de los elementos constructivos de jQuery: Selectores, HTML y CSS, efectos, eventos de ratón y teclado, callbacks y AJAX. Además te mostraremos como crear fácilmente interfaces de usuario y efectos avanzados con jQuery UI.

A continuación desarrollaremos cuatro proyectos prácticos en los que comprobarás como puedes construir completas aplicaciones web usando jQuery.

Te facilitaremos el código de todos los ejercicios, teóricos y prácticos, desarrollados en el curso, para que puedas copiar y modificar el código.

Requisitos del sistema

Conexión a banda ancha a internet
Navegador actualizado, con plugin de Flash
Resolución mínima de pantalla de 1.024 x 768
Tarjeta de sonido, altavoces o auriculares
Pentium 4 a 2,6 GHz o G4 a 1 GHz
512 MB de RAM

Compatible iPad

Puedes ver los vídeos de este curso video2brain en tu iPad y iPhone, directamente en tu navegador. Tanto los usuarios que compren el curso, como los que tengan una Suscripción Anual Total disfrutan además de la descarga adicional "Videos iPad", para cuando no estén contectados a internet. Esta descarga contiene todos los vídeos en formato compatible con iPad, así como una lista de reproducción.

Archivos base

Los Archivos base son aquellos utilizados en la grabación de un curso video2brain. Están a tu disposición para que puedas repetir los ejemplos y practicar a la vez que ves el curso.

Esta descarga está habilitada solamente para usuarios que compren el curso online o para suscriptores con derecho a descarga (Suscripción Anual Total).

Pantalla reducida

Con la opción Pantalla reducida puedes reducir la interfaz del curso online y de ese modo, disponer de más espacio para practicar los ejemplos a la vez que aprendes con tu curso video2brain.

Esta característica solamente está disponible en el archivo DVD que pueden descargar los clientes que compren el curso video2brain o los suscriptores con derecho a descarga (Suscripción Anual Total).

Marcadores

Los marcadores te permiten introducir una o varias señales amarillas a lo largo de un vídeo mientras lo estás escuchando. De ese modo, te resultará más fácil volver a encontrar ese truco tan interesante o ese consejo que no quieres olvidar.

Curso descargable

El archivo DVD es una imagen del curso video2brain completo con el que puedes ver una y otra vez tus vídeos sin tener que estar conectado a internet. Una vez descargado y desempaquetado, te permite aprender donde quieras, ya que se puede grabar en un DVD, en una memoria externa o en un disco duro interno.

Este archivo está disponible para clientes que hayan comprado el curso video2brain y para suscriptores con permisos de descarga (Suscripción Anual Total).

excelente curso

Peter Alexander Criquet Batista

Este curso es excelente al igual que todos los que redacta Carratala, para mi es un placer haber adquirido este curso y estoy a la espera de ver que nuevo nos trae Carratala en la proxima entrega, aproposito tengo algunas dudas de programacion y me gustaria saber si puedo enviarle una pregunta a Carratala o algun otro formador.Muchas gracias por su atencion y felicidades por ser la mejor opcion para quien quiera estudiar de manera independiente.

Respuesta a Peter

video2brain

video2brain no da servicio post-venta, no obstante, si eres cliente nuestro y tienes alguna duda especifica acerca de alguno de nuestros cursos, puedes escribirnos al correo contacto@video2brain.com e intentaremos darte una solución al mismo. Saludos.