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.