Durante este curso veremos cómo utilizar está increíble biblioteca para generar los mejores proyectos. Conviértete en un maestro de jQuery. Por favor, comparte este repositorio o contribuye a él si así lo deseas.
Si tienes alguna duda por favor visita mi canal de Youtube donde encontrarás estos ejemplos explicados minuciosamente:
- Clase 1: https://www.youtube.com/watch?v=cckL87Wl03s
- Clase 2: https://www.youtube.com/watch?v=RIsc_TrAs2A
- Clase 3: https://www.youtube.com/watch?v=TERkD0zq_3U
- Clase 4: https://www.youtube.com/watch?v=e8g6gbJp1Qo
- Clase 5: https://www.youtube.com/watch?v=B613u7Mnipo
- Clase 6: https://www.youtube.com/watch?v=lV6EFXiljBw
Si tienes alguna pregunta puedes dejarla en mi cuenta de twitter: https://twitter.com/alex_arriaga_m
Para más recursos interesantes te invito a visitar mi blog personal: http://www.alex-arriaga.com/
-
Clase 1. Iniciando con selectores
- Cargando jQuery desde CDN
- El evento DOMContentLoaded (document.ready)
- Selectores: ID, clases, etiqueta
-
Clase 2. Haciendo consultas al Document Object Model (DOM)
- Validando descarga de jQuery desde CDN
- Generación de contenido dinámicamente
- Usando iteración de arreglos de objetos
- Métodos para consultas
- Recomendaciones sobre validación de undefined
- Tips sobre declaración de variables para optimizar consultas
-
Clase 3. Eventos
- Fe de erratas: corrigiendo declaración en JSON (sesión 2)
- Creando eventos de forma optimizada
- Uso de “chaining”
- Data attributes (HTML5)
- Más tips sobre responsive web design con Bootstrap 3
-
Clase 4. Funciones anónimas y efectos
- ¿Qué es una función anónima?
- Self invoking anonymous functions
- Usando animate()
- Más efectos
-
Clase 5. Ajax
- ¿Cómo usar Ajax?
- Parámentros de la función $.ajax()
- Consumiendo datos en formato JSON desde una base de datos real (backend con CakePHP)
- Optimización al concatenar múltiples objetos (push(), join())
-
Clase 6. Ajax, un paso más...
- Insertando datos mediante Ajax, una forma fácil
- Método load()
- Creando selects dinámicamente (consulta a base de datos + generación)
- Llamados Ajax dependientes
- Usando Bootstrap JS para mostrar mensajes emergentes