jQuery Avanzado - 100 trucos profesionales

100 Tips avanzados de jQuery, que van desde simples optimizaciones de código hasta reconocimiento de cara y mucho más!

4.75 (475 reviews)
Udemy
platform
Español
language
Web Development
category
2,782
students
11 hours
content
Aug 2023
last update
$89.99
regular price

What you will learn

Aprenderemos 100 trucos avanzados de jQuery

Mejorar tiempos de carga de tu aplicación

Comprender el por qué y cómo, de muchas funciones de jQuery

Crear, usar y modificar plugins

Aprenderemos a detectar rostros, aplicar filtros tipo instagram, gráficos y mucho más

Mejorar el rendimiento de tu aplicación

Description

jQuery Avanzado – 100 Trucos y Tips   

 Este curso tiene un objetivo simple, mejorar tus habilidades en jQuery y JavaScript en general. Mediante 100 ejercicios prácticos, aprenderemos cosas como:


  • Mejorar enormemente tu manipulación del DOM   

  • Optimizar lo tiempos de carga de nuestra aplicación o scripts   

  • Mejorar tu comprensión en el uso de funciones y métodos de jQuery   

  • Romper iFrames para la visualización de tu página web o webapp   

  • Editar HTML en tiempo real   

  • Optimizar tus selectores   

  • Detectar diferentes capacidades de los navegadores web del usuario final   

  • Encadenamiento de eventos   

  • Múltiples eventos asíncronos en paralelo que convergen en una función   

  • Subida de archivos binarios vía Ajax   

  • Crear plugins y expandir objetos   

  • Callbacks y promesas de jQuery   

  • Animaciones personalizadas   

  • Sistema de detección de rostros   

  • Filtros tipo Instagram en JavaScript   

  • Sistema de tarjetas tipo Pinterest   

  • Y mucho más.   

 En el curso aprenderemos técnicas y desarrollaremos habilidades mediante ejercicios prácticos que tomarán tu conocimiento de jQuery y lo elevarán a otro nivel. Mi objetivo será guiarte a través de estos 100 ejemplos y que tu mismo puedas implementarlos sin problemas.

Cada ejercicio es único y no se repiten, cada video es un tema, cada sección es una colección de temas que tienen alguna relación entre sí. Las clases son cortas con videos de menos de 10 minutos de duración, hay tareas y ejercicios para hacer por tu cuenta con su respectiva resolución para que puedas auto evaluarte.

Cuando termines este curso de jQuery, tendrás nuevas habilidades y conocimientos que podrás aplicar en cualquier proyecto web, ayudándote a que tus webapps o páginas web tengan ese extra que deseas, sin contar que tus habilidades habrán mejorado enormemente.  

 Este curso NO es recomendable para personas que no conocen jQuery, no es para gente que jamás lo ha tocado, si deseas aprender de cero, tengo otro curso que es perfecto para ti, pero este no es.

Content

Introducción

Introducción
¿Cómo funciona el curso?
¿Cómo hacer preguntas?
Instalaciones necesarias
Repositorio y links útiles

Manipulación del Dom

Introducción a la sección
Evento - Dom Listo ( Dom Ready )
Ejecutar código en determinada página
Truco - Uso del operador lógico AND
Usando el método jQuery is()
Contar cuantos elementos hay en el DOM
Definir la función existe()
Usando el segundo argumento de la función $( )
Modificando links y colocando íconos
Dominando el método end( )
Prevenir el click derecho y crear menú personalizado
Rompiendo los iframes
Separar elementos de un URL usando anchor tags
Hacer un contenido editable, incluyendo el estilo
Prevenir que un texto sea seleccionado
Examen #1

Performance, mejorando el rendimiento de nuestro código

Introducción a la sección
Incluir jQuery de un CDN ( Content delivery network )
Manipulaciones del DOM al mínimo
Si el tiempo es crítico, usemos JavaScript plano
Optimizar los selectores hasta donde sea posible
Guardando elementos en el cache
Definir funciones repetidas una única vez
Tratar los objetos de jQuery como arreglos normales
Desenlazar elementos del DOM cuando hacemos modificaciones complejas a ellos
No esperes a que la página este lista
Creando un estilo para modificar múltiples elementos
Examen #2 - Optimizaciones
Tarea práctica #1
Resolución de la tarea práctica #1

Eventos

Introducción a la sección
Detectar si JavaScript esta habilitado agregando una clase
Escuchar eventos de elementos que aún no existen
Unica llamada de un evento
Simular eventos y simular parámetros
Trabajando con eventos cuando tocamos la pantalla con el dedo
Conoce tus eventos
Forma rápida de prevenir comportamientos por defecto
Encadenar eventos
Crear eventos personalizados
Examen #3
Juego para probar tus habilidades de jQuery

Ajax

Introducción a la sección
Instalación previa - Lite Server
Desplegar el tamaño de los archivos a descargar
Simplificar las peticiones ajax
Ejecutar múltiples peticiones ajax en paralelo
Obtener tu IP pública con jQuery
Cargar archivos externos y desplegarlos en nuestra página
Serializando objetos
Subida de archivos binarios vía Ajax
Obteniendo la fotografía de una página de Facebook
Obtener información del clima
Obtener el último post de Tumblr de un blog
Encontrar la ubicación geográfica de una dirección IP
Apis públicas
Usando los métodos globales de Ajax

La clase maestra

Introducción a la sección
Aprende a querer la consola
Convierte tu código para reusarlo eficientemente
Usa funciones anónimas para aislar el código
Fusiona objetos con $.extend
Uso de la función $.type( )
El método map( )
El método $.grep( )
Ordenar elementos dentro de una colección de jQuery
Deferido / Promesas de jQuery
Llamar métodos de jQuery condicionalmente
Convertir una imagen en blanco y negro
Listas de callbacks
Crear pseudo selectores personalizados
Animaciones personalizadas
Usando la cola de animaciones de jQuery
Propiedades CSS personalizadas
El método $.proxy( )
Enviar callbacks a los métodos de jQuery

Plugins

Introducción a la sección
Probar si el navegador web soporta características HTML5
Usar media queries en jQuery / JavaScript
Acelerar la carga de tu página con un cargador de scripts
Obtener parámetros de elementos del DOM
Un complemento perfecto para jQuery y JavaScript en general
Simplificar las funciones de fecha y tiempo en JavaScript
No tengan miedo de usar TypeScript
Uso del localstorage
Cortar, escalar, blur, cambiar colores y más sobre imágenes
Leer e imprimir Markdown
Animar colores
Manejar animaciones por CSS
Mostrar un video de fondo
Mejorar los diálogos de tu aplicación
Notificaciones en el área del favicon

Plugins 2

Introducción a la sección
Mejores selectores usando chosen
Aplicar un blur a los elementos de la página
Generar códigos QR usando jQuery
Detectar rostros en jQuery
Disparar el modo de pantalla completa
Sistema de grid tipo pinterest
Convertir inputs en medidores (knob)
Trabajando con dinero y monedas
Uso de GoogleMaps de una forma simple
Tablas verdaderamente responsive
Colocar máscaras a los inputs
Validaciones de formularios
Resaltar diferencias entre dos imágenes
Filtros de instagram usando JavaScript
Atajos del teclado en tu página o aplicación web
Ajustar textos en la web
Tomar una fotografía con la cámara
Selector de fechas responsive y validado
Manejar un drag & drop
Hacer vibrar elementos para énfasis
Realizar gráficos dinámicos

Despedida

Más sobre mis cursos
Despedida del curso

Screenshots

jQuery Avanzado - 100 trucos profesionales - Screenshot_01jQuery Avanzado - 100 trucos profesionales - Screenshot_02jQuery Avanzado - 100 trucos profesionales - Screenshot_03jQuery Avanzado - 100 trucos profesionales - Screenshot_04

Reviews

Ronald
May 11, 2023
Bueno Aprende mucho con sus enseñansas cosas simples me complicaba, pero ayudo mucho en los plugins, algunos estan desactualizado pero igual eso es trabajo del alumno solucionar, excelente curso, espero mas aprender de usted.
David
September 26, 2022
Todos los cursos del Profesor Fernando Herrera son magnificos, estoy aplicando los conocimientos de este curso en mis proyectos personales.
Vicente
April 19, 2022
Un curso bastante completo y variado en cuanto al uso de plugins variados, trucos y buenas prácticas, a pesar de que algunos plugins de la sección final han quedado desactualizados.
Diamela
March 22, 2022
Excelente curso. Me encanta el entusiasmo con el que enseña Fernando, se nota que entiende muchísimo del tema. Hay muchos tips brindados en este curso que seguro se pueden aplicar en los proyectos que uno hace. Curso super recomendado!
Jonathan
March 5, 2022
El curso esta genial, se aprenden bastantes cosas y Fernando es excelente, pero si me gustaría resaltar que se dejaran los enlaces correspondientes a cada librería u archivo que menciona, en algunos casos toca ir a buscar a github y los nombres de los usuarios son bastante tediosos
Jose
August 5, 2021
Muy enriquecedora, la información, consejos, recomendaciones y usos de jquery serán de mucha ayuda en los desarrollos que se tengan y donde se pueda implementar para facilitar aún más las cosas.
Jimena
February 12, 2021
Muy práctico, me gusta que los videos sean cortos y se centre cada uno en un tema de forma de tener un ejemplo de cada cosa de forma separada. Muy bien explicado todo.
Oscar
January 18, 2021
Muy bien explicado cada ejercicio que se incluye dentro del curso. Fernando suele llevarte paso a paso para dejar claro el mensaje que desea transmitir, cosa que se agradece!!! Excelente curso que brinda muchos tips sobre el uso principalmente de jQuery
Sergio
January 13, 2021
Excelente el curso, pero recomiendo mas el de javascript moderno que tiene Fernando. Ya que es mas moderno a lo que se esta usando actualmente. Aunque este curso me dio mucho conocimiento en el uso de jQuery. Saludos Fernando
Salvador
March 12, 2018
Excelente curso, he aprendido y aplicado muchas técnicas que he aprendido en este curso en mi trabajo y los resultados son los deseados. Cordiales saludos.
Carolina
February 27, 2018
Se me hace poco relevante explicar JavaScript, ya que en el mejor de los casos se implementaran cosas mas optimizadas y mejores para nuestras paginas.
Vicente
January 29, 2018
Me parece muy interesante. Algunos apartados, solo muy pocos, fueron demasiado rápidos. Mi enhorabuena al profesor. Mi deseo de que siga planificando e impartiendo cursos. No olvide explicar algunos conceptos teóricos que son claves. Ya se que todos no puede ser, solo son unos pocos. Por ejemplo: no solo programar un pluguin o varios de jQuery sino explicar bien en que se basa la programación de los mismos (extends, fn, etc) Gracias por su dedicación Vicent
Miguel
January 9, 2018
El curso es realmente muy bueno. Personalmente no me agrada el hecho en que en algunos ejemplos ejecuta las acciones (como los eventos) de una forma y en otras practicas de otra. Es un detalle minimo. Pero si a considerar.
Gabriel
January 2, 2018
Me gustan mucho los cursos de js de Fernando. A la espera de ES6y7 :) Y no sé, tal vez, los cursos de reemplazo de jQuery
Aaron
November 17, 2017
Los videos son cortos pero entretenidos, no hay explicaciones que se sientan largas y que lleguen a aburrir, aunque tampoco llega al punto de que parezcan vagas o poco detalladas. El curso arranca muy bien pero decae cuando llega a la parte final de la sección "La clase maestra", luego hay plugins interesantes en las siguientes 2 secciones pero hay otros que me parecieron forzados agregandolos al cursos. Esta parte final las explicaciones se vuelven monótonas, con rutinas cómo instalar una librería, organizar el proyecto, que toma en algunos casos, casi el 50% del video, y la verdad los ejemplos son pocas líneas de código que hay que aprenderse, esto solo en algunos casos pero si fueron varios. El curso en términos generales estuvo bien, las primeras secciones fueron geniales pero cayó en las secciones finales. Es un buen curso e igualmente lo recomiendo.

Coupons

DateDiscountStatus
4/23/202190% OFF
expired
5/9/202187% OFF
expired
10/12/202190% OFF
expired
3/10/202387% OFF
expired

Charts

Price

jQuery Avanzado - 100 trucos profesionales - Price chart

Rating

jQuery Avanzado - 100 trucos profesionales - Ratings chart

Enrollment distribution

jQuery Avanzado - 100 trucos profesionales - Distribution chart

Related Topics

1286938
udemy ID
7/10/2017
course created date
11/21/2019
course indexed date
Bot
course submited by