Desarrollo avanzado en Javascript, JQuery y JSON
Mejora tu web con el uso de Javascript, jQuery y JSON. Incorpora técnicas como Ajax, arma un plugin, crea aplicaciones como sliders y más
Presentación
La necesidad de enriquecer una página web con componentes de la llamada Web 2.0, como efectos dinámicos, Ajax, interacción, interfaces de usuario avanzadas, etc., hace de jQuery una herramienta imprescindible para desarrollar todos estos ítems sin tener que complicarnos con los niveles más bajos del desarrollo, ya que muchas funcionalidades ya están implementadas, o bien las librerías del framework, que nos permitirán realizar la programación de una forma mucho más rápida y libre de errores.
Ahora bien, todas estas mejoras de la web 2.0, que en un principio pueden ser muy atractivas, también tienen un costo en tiempo de desarrollo de los proyectos. Sin un framework como jQuery, el tiempo de creación y depuración de todos esos componentes dinámicos sería mucho mayor, pero JQuery nos brindará muchísimas facilidades para llevar a cabo nuestra tarea.
Basado en el lenguaje de programación Javascript y utilizando técnicas como Ajax y notación JSON, estaremos capacitados para dotar a nuestro sitio de la funcionalidad, animación e interacción con el usuario que necesitemos.
Este curso está destinado a diseñadores gráficos y multimediales, desarrolladores, docentes, comunicadores y al público en general con conocimientos previos en diseño de sitios web basados en HTML y CSS.
Al finalizar el curso, los participantes estarán habilitados para hacer uso de todas las clases y métodos brindados por el framework, con lo cual podrán realizar una animación sencilla, dotar de dinamismo a un sitio, crear un slider, una galería de fotos, un reproductor multimedia e interactuar con el usuario o con el servidor, trayendo datos del mismo y actualizando la página con ellos.
Objetivo General
Que los participantes logren crear sliders, galerías de fotos, reproductores de audio, sus propios plugins e interactuar solicitando información al servidor y manipulando la respuesta recibida, utilizando técnicas como Ajax y notación JSON.
Objetivos Específicos
Que los participantes:
- Obtengan conocimientos de Javascript en cuanto al manejo del DOM.
- Conozcan los métodos del core de JQuery.
- Conozcan la función JQuery y el document.ready.
- Sepan utilizar los selectores, eventos y efectos.
- Creen aplicaciones como sliders, galerías y reproductores de audio.
- Sepan armar un plugin.
- Incorporen técnicas como Ajax y JSON.
Destinatarios
Diseñadores gráficos y multimediales, desarrolladores, docentes, comunicadores y público en general, con conocimientos previos en diseño de sitios web basados en HTML y CSS.
Requisitos Previos
- Conocimientos generales de PC.
- Uso de Internet.
- Nociones generales de manejo, Windows y de herramientas de office.
- Preferentemente conocimientos de HTML, CSS y PHP.
Metodología de Enseñanza-Aprendizaje
Actividades individuales y/o grupales de aplicación práctica semanal y por unidad temática.
Presentación de ejercicios de aplicación de los conocimientos.
Consultoría asincrónica a través de e-mail o chat.
Clases virtuales en tiempo real.
Modalidad Educativa
La modalidad es totalmente mediada por tecnologías a través del Campus Virtual FRBA. Las actividades que se realizarán serán:
- Foros de discusión semanal propuestos por el docente (un foro por unidad).
- Consulta al docente a través de e-mail o chat.
- Dictado de una clase por módulo (estimativamente) en tiempo real mediante un Aula Virtual Sincrónica (AVS)
- Material de lectura semanal y por unidad temática
- Actividades individuales y/o grupales de aplicación práctica semanal y por unidad temática.
- Evaluaciones semanales y por unidad temática sobre la base de trabajos prácticos de aplicación de los conocimientos adquiridos.
Se trata de una modalidad básicamente asincrónica con el complemento del AVS, que supera la instancia de autoestudio por la implementación de foros proactivos coordinados por el profesor-tutor y dictado de clases en tiempo real. Los foros cumplen cuatro funciones pedagógico-didácticas fundamentales: 1) Son el lugar para la presentación de las dudas, consultas y opiniones críticas de los alumnos; 2) Son el principal espacio para la generación de retroalimentación (feed back) entre profesores-tutores y alumnos y alumnos entre sí; 3) Es el lugar específico para la discusión, coordinada por el profesor-tutor, de todos los temas tratados en los módulos de la especialidad o curso y 4) Es el lugar para el aprendizaje entre pares de los alumnos. A su vez, el AVS permite complementar todas aquellas instancias pedagógico-didácticas que le señalan límites a la modalidad puramente asincrónica.
Modalidad de Evaluación y Acreditación
El proceso de evaluación es parte inherente del proceso de aprendizaje necesario para la adquisición de las competencias requeridas.
La evaluación es de carácter holístico, teniendo en cuenta la participación del alumno en todas las instancias del curso, desde la participación, y entrega de trabajos prácticos de cada módulo y la presentación del trabajo práctico integrador, así como también se evaluará la correcta participación en el foro, colaboración con el profesor y demás compañeros para favorecer el aprendizaje cooperativo.
Se requiere la participación en las clases virtuales en tiempo real, consultas en los foros y mail. Además de la aprobación de las Evaluaciones Integradoras Finales Obligatorias de cada uno de los ¨Módulos, se requiere la aprobación de un Trabajo Integrador Final Obligatorio de todo el curso, que puede ser individual o grupal.
Recuperatorios:
Existirán instancias de revisión para todas las evaluaciones obligatorias.
Temario
Módulo 1: Introducción a JQuery
Unidad 1: Javascript: Introducción al DOM.
- ¿Qué es el DOM?
- Respuesta a eventos
- Manipulación del DOM desde Javascript para modificar y/o agregar elementos de HTML
Unidad 2: Introducción a JQuery
- Pasos para la utilización del framework
- Función JQuery
- Selectores, eventos y efectos
Unidad 3: Uso de métodos de JQuery
- Creación de un slider
- Creación de un reproductor de audio
Unidad 4: Creación de plugins con JQuery
- Como crear nuestros propios plugins
Módulo 2: JQuery UI e interacción con el servidor
Unidad 1: JQuery UI
- ¿Qué es JQuery UI?
- Como instalarla y utilizarla
- Funcionalidades y ejemplos
Unidad 2: JQuery UI
- Mas funcionalidades y ejemplos
Unidad 3: Ajax y JQuery
- Funciones básicas de JQuery para trabajar con Ajax
- Como tratar la respuesta devuelta en html
Unidad 4: Ajax y JQuery
- Que es JSON
- Como tratar la respuesta devuelta en formato JSON
- Uso de JQuery UI junto con Ajax
Duración
2 meses
Carga Horaria
60 hs.
Certificación
A todos los participantes que hayan aprobado el curso cumpliendo con todos los requisitos establecidos, se les extenderá un certificado de la Secretaría de Cultura y Extensión Universitaria, FRBA, UTN. Aquellos que aun habiendo participado activamente en los foros y realizado las actividades prácticas no cumplimentaran los requisitos de evaluación, recibirán un certificado de participación en el curso.