Tecnologias Avanzadas Del Navegador - JAVASCRIPT

Objetivos

Que el participante aprenda cómo se integra la tecnología JavaScript dentro del navegador, y en particular la interacción y funcionalidades provistas con la última versión del lenguaje HTML.

Requisitos

Requisitos: Haber hecho el curso JavaScript-00 - Fundamentos del Lenguaje o tener sólidos conocimientos equivalentes o aprobar el test online para este curso.

Modalidad

Se dicta en laboratorio con una PC por alumno.
Coffeee-breaks incluidos.

También se puede cursar a distancia a través del sistema Webex

Plan de Estudio

Unidad 1. BOM (Browser Object Model)
Se estudiará el modelo de objetos estándar introducidos por los navegadores web para permitir la interacción de los scripts desarrollados en este lenguaje con la parte estática del sitio.
Conceptos básicos del funcionamiento de los navegadores
Estructura interna de un documento.
Formularios. Controles. Inputs. Submit.
Funcionamiento teórico del protocolo http. GET. POST.
Objetos del navegador
Windows. Métodos. Eventos. Propiedades.
Screen. Métodos. Eventos. Propiedades
Location. Métodos. Eventos. Propiedades
History. Métodos. Eventos. Propiedades
Navigator. Métodos. Eventos. Propiedades

Unidad 2. Modelo asincrónico
El objetivo de esta unidad es lograr una interacción con el usuario más fluida y responsiva evitando la necesidad de refrescar toda la página web mediante la implementación de un modelo de comunicación asincrónico. Se mostrará cómo surgió Ajax (JavaScript asincrónico y XML) y su evolución en la que aparece la aplicación de Json, las api REST y la aparición de los websockets.
Comunicación asincrónica
Ajax
Objeto httprequest
Uso simplificado mediante JQuery y función $Ajax
Aplicación de JSon y funciones relacionadas
Conceptos de API Rest y web services
Websockets
Concepto de socket y puerto
Concepto de multiprocesamiento
Aplicación de la tecnología

Unidad 3. Introducción HTML 5.
Se mostrarán las últimas novedades del lenguaje HTML haciendo hincapié en aquellos aspectos del lenguaje que acarreen novedades al desarrollador JavaScript como la introducción del canvas para el manejo de contenido multimedia y del almacenamiento local.
Tags semánticos y de formularios incorporados por el lenguaje
Dibujos y animaciones en el navegador.
Historia y necesidades.
Objeto canvas y contexto 2d
Temporizadores
Almacenamiento de datos locales en el navegador
Local Storage
Modelo relacional. Lenguaje de consulta.
Manipulación de datos.
Comparación con cookies.