JQuery es una biblioteca de código abierto que simplifica la tarea de programar en JavaScript y que facilita agregar interactividad a un sitio web. Basados en esta biblioteca existe un gran número de plugins que resuelven situaciones concretas dentro del maquetado de un sitio web. Las aplicaciones que utilizan JQuery suelen necesitar menor tiempo y menos código que las aplicaciones hechas con JS puro. JQuery permite manipular elementos del HTML-DOM, cambiar el diseño CSS o realizar peticiones asincrónicas al servidor a través de un código conciso y sencillo. En sentido general, JQuery ahorra mucho código cuando se compara con lo que sería la implementación equivalente en JavaScript. Con este curso se pretende desarrollar habilidades en la implementación de Aplicaciones Internet Enriquecidas (RIAs, del inglés Rich Internet Applications) haciendo uso de JQuery.
Audiencia
Personas interesadas en aprender a darle dinamismo a un sitio web utilizando la biblioteca JQuery.
Objetivo General
Desarrollar habilidades en el desarrollo de RIAs utilizando JQuery.
Metodología y Evaluación
• Se hará uso del método constructivista, motivando a los estudiantes a aplicar lo aprendido en las clases teóricas y prácticas permitiéndoles generar nuevos conocimientos a partir del uso de estrategias metodológicas dinámicas (aprendizaje basado en problemas, trabajo colaborativo, método de casos, aprendizaje por proyectos, entre otros), libros, videos y espacios para la comunicación como foros y mensajes.
• Se realizarán evaluaciones por cada competencia a adquirir y una evaluación final que integrará los conocimientos del curso.
• La nota final consistirá en un promedio de las evaluaciones realizadas.
Requisitos previos
Tener conocimientos básicos de JavaScript.
Características del curso
• El curso tendrá una duración de 40 horas con actividades prácticas de laboratorio teniendo cada estudiante su propio equipo para trabajar.
• Se proveerá material audiovisual para el aprendizaje por parte del docente.
• El estudiante entregará avances del trabajo que realiza a través de la plataforma de educación virtual.
Competencias a Desarrollar
• Al finalizar el curso el estudiante estará en la capacidad de agregar interactividad a un sitio web utilizando la biblioteca JQuery.
Introducción (5 horas)
• Qué es JQuery
• Cómo utilizar JQuery en una página web
• Revisión de sitios web que utilizan JQuery
Control de contenido (7 horas)
• Actualización de contenido
• Selectores JQuery
• Acceder y modificar atributos HTML desde JQuery
• Método attr() de JQuery
Control de apariencia de página web (5 horas)
• Añadir y quitar clases CSS
• Mostrar y ocultar elementos de la página
• Efectos visuales con JQuery
Eventos en JQuery (5 horas)
• Manejadores de eventos
• Introducción evento objeto en JQuery
• Eventos de ratón mouseenter y mouseleave
• Eventos de teclado
Comunicación asincrónica (5 horas)
• Definición de un método asincrónico
• Solicitud de ejecución asincrónica
• Procesamiento de respuesta de un método asincrónico
Bootstrap (5 horas)
• Vinculación con JQuery
• Apariencia de una RIA con Bootstrap
• Despliegue de componentes Bootstrap en una RIA
Caso de estudio (8 horas)
• Diseño de una RIA
• Comunicación asincrónica con el servidor
• Despliegue de la RIA en múltiples dispositivos
• Implementación de un CRUD en el cliente utilizando JQuery
