- Desarrollador Web

Objetivo: Desarrollar las interfaces gráficas de usuario para una aplicación por medio
de las tecnologías de programación cliente web, así como obtener los conocimientos
necesarios de los servidores web para publicarlas.

Duración: 100 horas

Temario:

1. World Wide Web

- Conceptos
- WWW

 WWW
 WHAT WG
 Historia
 Visión

- Arquitectura Web

 Cliente/Servidor
 Protocolo

- HTML vs HTML5
- Clases HTML5

Casos prácticos y de estudio

 Mediante el análisis/validación de diversos sitios web visualizar los elementos

indispensables en una arquitectura Web

- Utilización de servicios en linea para la validación de contenido web

 Visualización y análisis de peticiones HTTP

2. Herramientas de Software
 - Conceptos
- Herramientas de ejecución

 Navegadores web
 Servidores

- Herramientas de desarrollo

 Entornos de desarrollo

Casos prácticos y de estudio

 Instalación y utilización de diversas herramientas para el desarrollo de contenido

web
 Instalación de herramientas para el alojamiento de sitios y de aplicaciones web
 Utilización de servicios en linea para el análisis y visualización de contenido web
 Demostración de la construcción de una aplicación web completa

3. HTML5

- Conceptos
- XML

 Estructura
 HTML

- HTML5

 Estructura de una página web

 Etiquetas
 Actualizadas
 Obsoletas
 Atributos
 Estructura
 Formulario

Casos prácticos y de estudio

 Generación de contenido XML bien formado

 Generación de esquemas para la validación de documentos XML
  Transformación de contenido HTML 4.1 a contenido HTML5
 Generación de páginas HTML5 con diversas etiquetas (campos de texto,
botones, etc.)

4. CSS

- Conceptos
- CSS
- Estándar
- Utilización
- Propiedades
- Selectores
- Funciones
- Más allá

Casos prácticos y de estudio

 Adición de ‘formato’ a contenido HTML mediante las tres técnicas analizadas

 Creación de hojas de estilo a páginas HTML
 Demostración: Utilización de un procesador de CSS

5. JavaScript

- Concepto
- Lenguaje

 Introducción
 Variables
 Operadores
 Condicionales
 Ciclos
 Funciones
 Eventos
 Objetos
 Otras características

- JavaScript & DOM

- JSON
  Lenguaje
 Sintaxis
 Parsers

- Frameworksj
- Query

 Introducción
 DOM: Selectores
 DOM: Atributos
 CSS
 Eventos
 Efectos y Animaciones
 AJAX
 PlugIns
 jQuery UI
 Conceptos Avanzados

Casos prácticos y de estudio

 Generación de gran cantidad y diversidad de ejemplos de programación

JavaScript, incluida la utilización de características orientadas a objetos y buenas
prácticas
 Realización de código JavaScript para la manipulación de contenido HTML
mediante el DOM
 Realización de código JavaScript para la manipulación de contenido JSON
 Instalación, configuración y creación de gran cantidad de bloques de código con el
framework jQuery

- Creación de animaciones y efectos visuales

- Utilización y creación de plug-ins
- Creación de un cliente AJAX

6. Temas Avanzados

- Audio & video

 Estado Actual
 Nuevas Etiquetas
 Atributos y Métodos
 Eventos
  Personalización

- Lienzo (canvas)

 Gráficos En El Navegador
 Utilizando <canvas>
 Contexto y Coordenadas
 Dibujando Figuras
 Trabajando Con Rutas
 Dibujando Texto
 Dibujando Imágenes
 Trabajando Con Pixeles
 Transformaciones
 Soporte

- Almacenaje de datos

Estado Actual

Antes de HTML5

Nuevas Opciones

Web Storage

Web SQL Storage

- Aplicaciones offline

Modo offline

El archivo manifest

Eventos de applicationCache

Despliegue y Actualización

Soporte

- Localización geográfica
Introducción

Privacidad

Ubicación Del Usuario

Métodos Principales

Objeto Position

Gestión De Errores

Objeto PositionOptions

Soporte

- Multihilos (WebWorkers)

Modelo de ejecución

Introducción

Utilización

API De Comunicación

Gestión De Errores

Soporte

- APIs de mensajería

Mismo Origen

Rodeando La Política

Mensajería Entre Documentos

AJAX
 - Web Sockets

Web Sockets

Estado Actual

Web Sockets: API y Protocolo

Soporte

Casos prácticos y de estudio

 Generación de un reproductor multimedia

 Generación de gráficos y animaciones con canvas
 Creación de páginas con almacenaje de grandes cantidades de datos en el
cliente
 Creación de un reproductor multimedia con modo fuera de línea
 Creación de componentes visuales para la localización geográfica
 Creación de código para ejecución de actividades simultaneas (multihilos)
 Creación de un mensajero instantáneo (AJAX)
 Creación de un mensajero instantáneo (WebSockets)

7. Proyecto final

Definición y construcción del front-end de una aplicación web de tipo red social