jQuery para el mundo real

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