Download Curso de JavaScript y Jquery para Diseñadores

Document related concepts
no text concepts found
Transcript
 Curso de JavaScript y Jquery para Diseñadores Docente: Hernán Beati Duración: 4 clases de 3 horas c/u. JavaScript se ha convertido en una herramienta muy poderosa para agregar interactividad y efectos visuales a nuestros sitios web. El objetivo de este curso es iniciar a diseñadores que nunca programaron en el uso de scripts y de la librería más popular: Jquery (usada en más del 50% de los sitios web del mundo). Al finalizar el curso el alumno podrá incorporar efectos interactivos de todo tipo. Podrá leer un código JavaScript y entender qué es lo que hace. Se familiarizará con el uso de la librería Jquery y sus plugins, que le ahorrarán mucho tiempo de desarrollo. Temario Clase 1: El rol de JavaScript en la web de hoy. Ejemplos de uso. Los tres elementos clave: Objeto, Evento y Función. ­Eventos: tipos, clasificación. ­Objetos: elementos HTML o de la ventana. ­Objeto Window (propiedades y métodos). Arquitectura de tres capas. JavaScript no obstructivo. ¿Dónde escribir código? En línea, en página, en archivo aparte. ­Objeto Document. Modelo de Objetos del Documento (DOM). Métodos de DOM para seleccionar elementos HTML. Leer atributos HTML y propiedades CSS desde scripts. Propiedades de nombre compuesto y className. Clase 2: ­Funciones: acciones. Funciones con nombre y anónimas. Parámetros de entrada. Salida. Inicialización de scripts. Interactuar con elementos HTML: leer y escribir valores de atributos, contenido HTML. Guardar datos: variables, vectores y objetos. Sintaxis JSON. Uso de condicionales. If, else. Clase 3: JavaScript para HTML5. API de audio y video. Manipulación de players. Mapas con geolocalización. Binding de eventos con addEventListener. Repeticiones de código con setInterval. Clase 4: ­Uso de la librería Jquery. Instalación local o mediante CDN. Sintaxis, métodos y eventos. Manipular clases, visibilidad, fade y animación. Inicialización con ready. Temporizadores. Plugins de Jquery. Zoom, sliders, lightbox, tabs, scroll, epígrafes animados, parallax. Conocimientos Previos Es necesario tener conocimientos de diseño web y entender código HTML y CSS.