Durante este curso veremos cómo utilizar está increíble biblioteca para generar los mejores proyectos. Comparte este repositorio o contribuye a él si así lo deseas.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
clase-1-iniciando-con-selectores
clase-2-consultas-al-dom
clase-3-eventos
clase-4-efectos
clase-5-ajax
clase-6-ajax-un-paso-mas
notas
standards-and-best-practices
.gitignore
README.md

README.md

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:

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