Aprende jQuery, jQuery Mobile y jQuery UI desde cero
4.8 (191 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,416 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende jQuery, jQuery Mobile y jQuery UI desde cero to your Wishlist.

Add to Wishlist

Aprende jQuery, jQuery Mobile y jQuery UI desde cero

Aprende a construir sitios web utilizando la librería más poderosa de Javascript llamada JQUERY y sus extensiones.
4.8 (191 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,416 students enrolled
Last updated 5/2017
Spanish
Current price: $35 Original price: $100 Discount: 65% off
30-Day Money-Back Guarantee
Includes:
  • 9 hours on-demand video
  • 5 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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.
View Curriculum
Requirements
  • Descargar los material de apoyo que se encuentran alrededor del curso, y tener conocimientos previos de HTML5 y CSS3.
Description

¿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.

Who is the target audience?
  • Este curso de JQUERY va dirigido a las personas que están formándose como desarrolladores web. Aprenderán a utilizar JQUERY como un recurso que facilitará la creación interactiva de sus proyectos web.
Curriculum For This Course
58 Lectures
09:04:29
+
Introducción a Jquery
8 Lectures 01:35:37

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".

Preview 09:21

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.

Preview 31:58

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

Preview 09:50

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. 

Preview 09:47

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.

Preview 08:59

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

Asociar Clases
09:55

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

Agregando HTML
09:01

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.

Efecto Toggle
06:46

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

Prueba tu aprendizaje
4 questions
+
Plugins e interacción con JQUERY
23 Lectures 03:18:26

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".

Efecto Parallax con Mouse - parte 1
10:00

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

Efecto Parallax con Mouse - parte 2
09:19

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

Efecto Parallax con Mouse - parte 3
06:45

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

Efecto Parallax con Scroll - parte 1
07:43

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

Efecto Parallax con Scroll - parte 2
09:30

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

Efecto Parallax con Scroll - parte 3
06:48

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.

Plugin Animatescroll - parte 1
09:19

En esta clase continuaremos editando el plugin Animatescroll.

Plugin Animatescroll - parte 2
09:45

En esta clase terminaremos de utilizar el plugin de Animatescroll.

Plugin Animatescroll - parte 3
07:16

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.

Plugin ScrollUp
09:30

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.

Efecto Animate - parte 1
08:06

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

Efecto Animate - parte 2
08:59

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

Plugin FlexSlider
10:02

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.

Plugin Fancybox
09:49

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.

Plugin Datatable
09:34

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.

Efecto SlideToggle
06:55

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

Subiendo la página a un Hosting - parte 1
07:44

Continuamos con el tema de Hosting Gratuitos.

Subiendo la página a un Hosting - parte 2
06:16

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.

Creando un Preload - parte 1
08:52

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

Creando un Preload - parte 2
07:42

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

Creando un Preload - parte 3
08:48

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

Creando un Preload - parte 4
09:53

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.

Finalizando el Sitio Web
09:51
+
JQUERY MOBILE
12 Lectures 01:38:51

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

Preview 08:07

Para trabajar con Jquery Mobile debemos conocer su estructura.

Preview 09:29

En esta clase continuaremos con la estructura de Jquery Mobile.

Estructura Jquery Mobile - parte 2
09:48

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

Estructura Jquery Mobile - parte 3
07:56

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

Jquery Mobile página de Inicio - parte 1
09:31

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

Jquery Mobile página de inicio - parte 2
10:02

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

Jquery Mobile página de Grupos
08:12

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

Jquery Mobile página de Estadios
09:51

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

Jquery Mobile página de Galería
05:42

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

Jquery Mobile página de Calendario
04:03

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.

Subiendo el sitio al Hosting
09:34

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.

Final Jquery Mobile
06:36
+
JQUERY UI
10 Lectures 01:25:23

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.

Preview 09:41

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

Preview 09:58

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

Arrastar cajas con Jquery UI
09:07

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

Agregar tareas - parte 1
08:50

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

Agregar tareas - parte 2
10:01

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

Almacenar tarea en el Local Storage
07:27

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

Eliminar tarea del Local Storage
06:19

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

Buscador de tareas
09:53

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.

Cuadro de diálogo JQUERY UI
07:26

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

Administrador de Tareas on-line
06:41
+
Crea tu propio Slideshow responsivo con Jquery sin plugins
5 Lectures 01:06:12

Crea tu propio Slideshow responsivo con Jquery sin plugins - parte 2
18:33

Crea tu propio Slideshow responsivo con Jquery sin plugins - parte 3
15:00

Crea tu propio Slideshow responsivo con Jquery sin plugins - parte 4
10:43

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.

Despedida
06:06
About the Instructor
Juan Fernando Urrego
4.5 Average rating
3,993 Reviews
17,341 Students
8 Courses
Diseñador Visual y Desarrollador Web

Mi nombre es Juan Fernando Urrego, soy profesional en Diseño Visual y Especialista en Administración de la Informática Educativa. Dedicado tiempo completo a la docencia en Desarrollo Web, Diseño Interactivo, Animación 3D e Ilustración. Fundador del portal de cursos Tutoriales a tu Alcance. Soy un convencido de que la internet es la oportunidad del conocimiento, la educación y los empleos del futuro.