4.5 de 5
4.5
311 valoraciones en Udemy

Aprende jQuery desde cero

Aprende a construir sitios web utilizando la librería más poderosa de Javascript llamada jQuery y sus extensiones.
Profesor:
Juan Fernando Urrego
2.064 Estudiantes apuntados
Spanish [Auto-generated]
Aprenderás a utilizar la librería jQuery con las acciones y selecciones más importantes.
Aprenderás a utilizar algunos Plugins que nos facilitarán la construcción de recursos interactivos, entre ellos: slides, galerías, animación de scroll, tablas.
Aprenderás a utilizar jQuery Mobile que nos sirve para la maquetación de sitos web exclusivamente para dispositivos móviles y tablets.
Aprenderás jQuery UI, plugin que nos permite mejorar la experiencia en la misma interfaz de usuario.
Aprenderás a construir sitios web interactivos y fáciles de hacer con la ayuda de la librería y plugins de jQuery.

¿DE QUÉ SE TRATA EL CURSO?

Cuando nos convertimos en desarrolladores web es indispensable trabajar con las herramientas más versátiles y prácticas que nos facilitan la labor de construir sitios web con impacto visual e interactivos.

jQuery es de las herramientas más importantes que todo desarrollador web debe aprender a usar. Por su optimización de código, por las ventajas que tiene al momento de animar el CSS, por las acciones preestablecidas y por la cantidad de Plugins que podemos conectar a esta librería de Javascript.

En este curso aprenderás a utilizar la librería jQuery con las acciones y selecciones más importantes, aprenderás a utilizar algunos Plugins que nos facilitarán la construcción de recursos interactivos, aprenderás a utilizar jQuery Mobile, y jQuery UI, extensiones de la misma librería de jQuery.

¿CÓMO ES EL CURSO?

El curso se divide en varias secciones. En una primera sección nos introduciremos en las bases de esta librería, aprenderemos cómo seleccionar elementos del DOM y cómo ejecutar algunas acciones que vienen por defecto.

Luego aprenderemos en un ejercicio práctico la aplicación de la librería jQuery sobre un sitio web, paso a paso descubrirás la manera de enriquecer un sitio web con esta librería y la aplicación de sus plugins.

En las dos últimas secciones del curso aprenderás a utilizar la extensión de jQuery Mobile que nos sirve para la maquetación de sitos web exclusivamente para dispositivos móviles y tabletas, y la utilización de la extensión jQuery UI, plugins que nos permite mejorar la experiencia en la misma interfaz de usuario.

¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?

Depende de ti. Estimo que menos de una semana puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.

¿CUÁLES SON LOS REQUISITOS?

Descargar el material que se encuentra en los recursos de la primera clase  de cada sección. Tener principios en HTML5 y CSS3, curso gratuito que puede realizar en UDEMY: “Aprende HTML5 y CSS3 desde cero”.

¿A QUIÉN VA DIRIGIDO ESTE CURSO?

Este curso va dirigido a personas que se quieran seguir creciendo como desarrolladores web, y quieran subir a un nivel avanzado.

Introducción a Jquery

1
Bienvenida

Bienvenidos a este curso de "Aprende Jquery desde cero"! En esta clase contextualizaremos lo que significa JQUERY y sus aplicaciones. Conocerás una de las mejores herramientas web para el desarrollo de tus sitios. Recuerda descargar en los recursos añadidos de esta clase el material de apoyo de esta sección "IntroduccionJquery.zip".

2
Antes de comenzar

Para introducirnos en la librería jQuery, te recomiendo este video donde explico cómo puedes convertir tu editor de código, en este caso Sublime Text en su versión 3 en tu mejor herramienta para el desarrollo web.

3
Contáctame
4
Introducción a JQUERY

En esta clase conoceremos la sintaxis de JQUERY. La diferencia de escribir un código en Javascript nativo y un código en JQUERY.

5
Selección THIS

En esta clase aprenderemos a utilizar el parámetro de selección THIS. Es un parámetro muy utilizado para optimizar nuestras líneas de código. 

6
Mostrar Atributos

En esta clase aprenderemos a utilizar los atributos de las etiquetas HTML como un recurso para seleccionar o para realizar una mejor interacción con los objetos del DOM.

7
Asociar Clases

En esta clase aprenderemos a utilizar las CLASES como un recurso interactivo para la estética de nuestros sitios web.

8
Agregando HTML

En esta clase aprenderemos a intervenir el DOM creando nuevas cajas HTML, reemplazando y adicionando, entre otras acciones que podemos ejecutar.

9
Efecto Toggle

En esta clase aprenderemos a utilizar acciones que nos permiten tener una interacción con el DOM de una manera más práctica y con muy pocas líneas de código.

10
Prueba tu aprendizaje

En este examen pondremos a prueba lo aprendido en esta sección.

Plugins e interacción con JQUERY

1
Efecto Parallax con Mouse - parte 1

En esta clase comenzaremos a intervenir un sitio web que ya está maquetado en html5 y css3. Vamos a convertir este sitio en una experiencia interactiva agradable al usuario. Recuerda descargar en los recursos añadidos de esta clase el material de apoyo de esta sección "02.JqueryRecursosPlugins.zip".

2
Efecto Parallax con Mouse - parte 2

En esta clase continuaremos trabajando el efecto Parallax que se puede realizar a través del mouse.

3
Efecto Parallax con Mouse - parte 3

En esta clase terminamos de organizar el efecto Parallax con el mouse.

4
Efecto Parallax con Scroll - parte 1

En esta clase aprenderemos a realizar efectos Parallax con el Scroll.

5
Efecto Parallax con Scroll - parte 2

En esta clase continuamos con la acción del Scroll para hacer efectos Parallax.

6
Efecto Parallax con Scroll - parte 3

En esta clase terminamos de utilizar la acción Scroll para crear efectos Parallax.

7
Plugin Animatescroll - parte 1

En esta clase aprenderemos a utilizar plugins externos de JQUERY. Comenzaremos con este plugin llamado "AnimateScroll", es un plugin que nos permite tener el scroll animado cada vez que nos dirijamos a alguna sección de la página.

8
Plugin Animatescroll - parte 2

En esta clase continuaremos editando el plugin Animatescroll.

9
Plugin Animatescroll - parte 3

En esta clase terminaremos de utilizar el plugin de Animatescroll.

10
Plugin ScrollUp

En esta clase aprenderemos a utilizar el Plugin ScrollUp. Es un plugin que nos permite animar el Scroll cuando necesitemos regresar a la parte superior de nuestra página web.

11
Efecto Animate - parte 1

La librería de Jquery trae incorporada una acción muy útil para hacer animaciones CSS. esta acción se llama animate(). En esta clase aprenderemos a utilizar esta acción.

12
Efecto Animate - parte 2

En esta clase terminaremos de editar la acción animate().

13
Plugin FlexSlider

Otro plugin muy útil para utilizar es FlexSlider. En esta clase aprenderemos a crear Slideshow de una manera muy sencilla utilizando este plugin.

14
Plugin Fancybox

El plugin Fancybox nos permite crear galerías de imágenes con visor en caja de luz (lightbox). En esta clase aprenderemos a utilizar este plugin.

15
Plugin Datatable

En esta clase aprenderemos a utilizar un plugin muy práctico para la creación de un buscador interno dentro de la página web. Este plugin nos permite buscar en datos tabulados en tablas html.

16
Efecto SlideToggle

Otro efecto muy práctico de JQUERY es el efecto Slide o Fade que nos ofrece la acción Toggle(). En esta clase aprenderemos a aplicarlo.

17
Subiendo la página a un Hosting - parte 1

A partir de las siguientes clases aprenderemos a subir nuestro sitio web a un hosting gratuito.

18
Subiendo la página a un Hosting - parte 2

Continuamos con el tema de Hosting Gratuitos.

19
Creando un Preload - parte 1

Después de subir nuestro sitio a internet, la velocidad de carga de nuestros archivos más pesados como imágenes, videos o sonidos pueden mostrarle al usuario una pagina web pesada. Es muy importante la creación de un Preload para que el usuario sepa que la página que está por visualizar está teniendo un proceso de carga.

20
Creando un Preload - parte 2

En esta clase continuamos con la construcción del Preload.

21
Creando un Preload - parte 3

En esta clase continuamos con la construcción del Preload.

22
Creando un Preload - parte 4

En esta clase continuamos con la construcción del Preload.

23
Finalizando el Sitio Web

Ya nuestro sito web está listo para ser publicado, ahora lo más importante es que no permitamos a los usuarios mostrar la forma en que construímos los códigos. En esta clase aprenderemos a comprimir líneas de código para evitar plagio con lo que hemos construído.

JQUERY MOBILE

1
Introducción a Jquery Mobile

En esta clase comenzaremos a conocer el plugin de Jquery Mobile, sus ventajas y beneficios.

2
Estructura Jquery Mobile - parte 1

Para trabajar con Jquery Mobile debemos conocer su estructura.

3
Estructura Jquery Mobile - parte 2

En esta clase continuaremos con la estructura de Jquery Mobile.

4
Estructura Jquery Mobile - parte 3

En esta clase finalizaremos la construcción de la estructura de Jquery Mobile.

5
Jquery Mobile página de Inicio - parte 1

Comenzaremos a construir el sitio de la uefa en versión mobile.

6
Jquery Mobile página de inicio - parte 2

Continuamos con la construcción de la página de Inicio.

7
Jquery Mobile página de Grupos

En esta clase aprenderemos a utilizar un recurso de Jquery Mobile llamado Set Colapsable.

8
Jquery Mobile página de Estadios

En esta clase aprenderemos a utilizar un recurso de Jquery Mobile llamado Vista de Listas.

9
Jquery Mobile página de Galería

En esta clase agregaremos de una manera muy sencilla la galería de imágenes.

10
Jquery Mobile página de Calendario

En esta clase organizaremos las tablas del calendario con los estilos de Juqery Mobile.

11
Subiendo el sitio al Hosting

Ahora que está listo los dos sitios, la versión para escritorio y la versión para dispositivos, en esta clase aprenderemos a enrutar un sitio de acuerdo a la pantalla en que se esté visualizando.

12
Final Jquery Mobile

Lo único que queda es subir todos los elementos de la página de jquery Mobile al hosting. Los cuales son: el Index.html de la versión de escritorio actualizado, el m.index.html de la versión de jquery mobile, la librería de jquery versión 1.11, el plugin de javascript de jquery mobile, la hoja de estilo de jquery mobile, la hoja de estilo que se personalizó de jquery mobile y las nuevas imágenes que hayamos puesto para la versión de dispositivos.

JQUERY UI

1
Introducción a Jquery UI

Bienvenidos a este módulo de JQUERY UI, en esta sección construiremos un administrador de tareas dinámico utilizando varios recursos de JQUERY UI y el Local Storage como recurso de almacenamiento.

2
Construyendo una aplicación con Jquery UI

En esta clase vamos a conocer la maquetación del Administrador de Tareas.

3
Arrastar cajas con Jquery UI

En esta clase vamos a utilizar un recurso de Jquery UI que nos permite agarrar y soltar cajas con el mouse.

4
Agregar tareas - parte 1

En esta clase vamos a utilizar otro recurso de Jquery UI que nos permite trabajar de manera más detallada el tema de calendarios.

5
Agregar tareas - parte 2

En esta clase continuamos con el tema de agregar de tareas.

6
Almacenar tarea en el Local Storage

En esta clase aprenderemos a almacenar información en el Local Storage.

7
Eliminar tarea del Local Storage

En esta clase aprenderemos a eliminar información del Local Storage.

8
Buscador de tareas

Luego de tener el administrador de tareas almacenando información, vamos a aprender a filtrarlas por fechas a través de un buscador.

9
Cuadro de diálogo JQUERY UI

En esta clase aprenderemos a utilizar otro recurso de Jquery UI, es un cuadro de diálogo que nos permite mostrar de manera más estética las alertas a los usuarios.

10
Administrador de Tareas on-line

Luego de finalizar el administrador de tareas, vamos a subirlo a nuestro hosting gratuito.

11
Despedida

Hemos finalizado nuestro curso de "Aprende JQUERY desde cero". Estén atentos a los próximos cursos que saldrán a publicación. Vendrán cursos de PHP, AJAX, MySQL, Joomla, WordPress, Javascript orientado a Objetos, Canvas, entre otros. Recuerda visitar la página de Tutoriales a tu Alcance y revisa los Tips gratuitos que se lanzan cada semana.

12
¡Clase Extra!
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.5
4.5 de 5
Calificaciones 311

Calificación Detallada

5 estrellas
171
4 estrellas
95
3 estrellas
32
2 estrellas
10
1 estrellas
3
981b739dfce13b49973f5500749da2ba
DEBES ESTAR REGISTRADO PARA ACCEDER AL CURSO

Contenido

8 horas de video online
2 Articulos
Acceso sin limites
Acceso desde Móvil y Smart TV
Certificado de finalización

Newsletter