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
