Introducción a las Páginas Web Interactivas con Java Script.

Datos del Curso

Costo: $600

Lugar: Secretaria de Extensión Av. Fascio 894.

Días y Horarios: Martes de 18 a 20hs.

Fecha de inicio: Martes 29/08.

Duración: 8 semanas.

ResponsablesIng. Luis Alberto Zapana

Modalidad de dictado: Presencial.

Metodología: Teorico- Práctico.

Carga Horaria: 24 horas cátedra.

Destinatarios:El curso está destinado a todas aquellas personas que quieran seguir profundizando en el mundo del diseño web.

Objetivo

Al finalizar el curso el alumno será capaz de

  • Añadir funcionalidad a un sitio web mediante el lenguaje de programación Javascript.
  • Utilizar las principales herramientas de la librería jQuery para hacer una interfaz agradable.
Contenido

Unidad I: JAVASCRIPT

Primer programa con JavaScript. JavaScript en un archivo externo. Comentarios al código en JS. Introducción a las variables en JavaScript. Tipos de datos en JavaScript. Tipos numéricos en JavaScript. Cadenas en JavaScript. Variables Booleanas. Operadores matemáticos, lógicos y condicionales.

Sentencias condicionales. El condicional Else. Estructuras condicionales anidadas. Operadores lógicos en las estructuras condicionales. La sentencia condicional Switch. La sentencia Break dentro de un condicional Switch. El operador condicional ternario.

Ciclos. El ciclo While. El ciclo Do… While. El ciclo For. Los comandos Break y Continue en los ciclos.

Funciones en JavaScript. Variables locales y globales en las funciones.

Document Object Model (DOM).  Acceder nodos bajo la estructura DOM.  Modificar nodos bajo la estructura DOM.  Crear nodos bajo la estructura DOM.

Objetos del navegador. El objeto Window. El objeto Document.

Descripción de eventos. Los eventos en JavaScript. Los eventos onClick y onLoad. Los eventos onMouseOver y onMouseOut. El evento onSelect. El evento onKeyUp. Los eventos onFocus y onBlur. El evento onSubmit.

 

Unidad II: La librería JQuery.

Introducción a jQuery. Descarga e instalación de jQuery. Primeros pasos con jQuery. Hola mundo con jQuery. ¿Dónde escribir el código?.

Crear clases CSS en tiempo de ejecución. Seleccionar una etiqueta y el selector “this”. Seleccionar un objeto por medio de un atributo. El método “ready”.

Eventos. Los eventos “click” y “dblClick”. Los eventos “mouseEnter” y “mouseLeave”. Los eventos “mouseDown” y “mouseUp”. El evento “hover”. Los eventos “focus” y “blur”. Los eventos “keyDown” y “keyUp”.

Efectos. Ocultar y mostrar con “show” y “hide”. Ocultar y mostrar con “toggle”. Desvanecido con “fadeIn” y “fadeOut”. Efecto “slideUp” y “slideDown”. Efecto “animate”. Efecto “animate” con varias propiedades. Funciones de “callBack” en animaciones.

Introducción al manejo de dimensiones. Los métodos para manejar las dimensiones del módulo de caja. Modificar las dimsensiones con width y height.

Unidad III: JQuery User Interface.

Introducción a jQuery UI. Los archivos de jQuery UI. La conexión de jQuery UI con nuestra página. La estructura de los archivos de jQuery UI. Introducción a los métodos los componentes en jQuery UI. Introducción al manejo de eventos en jQuery UI. El framework de estilos en cascada. Las interaciones en jQuery UI. Crear iconos personalizados dentro de jQuery UI. 

La iteración Draggable. Arrastrar un elemento en los ejes horizontal y vertical. Restringir el movimiento y el cursor en los elementos arrastrables. Aceptar los elementos “arrastrables” en una división HTML. 

El widget acordeón. El parámetro “collapsible” en el acordeón. El widget autocomplete(). Manejo de acentos en el widget autocomplete. Crear botones desde jQuery. Colocar iconos en los botones creados con jQuery UI. Manejo de las cajas de verificación con buttonset(). Manejo de los botones de radio con buttonset() en jQuery UI 

Manejo de fechas con datepicker(). Manejo de diferentes formatos para el widget datepicker.

El widget dialog().El widget menú.

Los deslizadores con el método slider. Crear un controlador de color con deslizadores. Bases de los widget spinners.  Modificar los métodos y parámetros de un widget spinner.

Bases de tabuladores o “tabs”. Crear un tabulador “ordenable” con la interaciones “sortable” y tabs. Bases del widget tooltip. Cambio de los temas en jQuery UI.