Formación : JavaScript, HTML dinámico

JavaScript, HTML dinámico




JavaScript se ha convertido en una parte esencial del desarrollo de páginas web, tanto por su estrecha relación con la interfaz gráfica como por el procesamiento cliente/servidor. Tendrá los conocimientos necesarios para interconectar el lenguaje con los elementos de la página web y podrá crear menús desplegables, animaciones y modificar dinámicamente los estilos de presentación.


ABIERTA
IN-COMPANY
A MEDIDA

Formación en tus instalaciones, en nuestro centro o a distancia

Ref. DHL
  4d - 28h00
Duración, formato, fechas y lugar: ¡Tú decides, nosotros nos encargamos de organizarlo!

Descargar en formato pdf

Compartir este curso por correo electrónico




JavaScript se ha convertido en una parte esencial del desarrollo de páginas web, tanto por su estrecha relación con la interfaz gráfica como por el procesamiento cliente/servidor. Tendrá los conocimientos necesarios para interconectar el lenguaje con los elementos de la página web y podrá crear menús desplegables, animaciones y modificar dinámicamente los estilos de presentación.


Objetivos pedagógicos
Una vez finalizada la formación, el participante podrá:
Dominar la sintaxis del lenguaje JavaScript
Manipulación de la estructura DOM de una página HTML
Gestionar la programación de eventos
Interacción con hojas de estilo CSS
Gestión de intercambios asíncronos AJAX

Público afectado
Desarrolladores web y gestores de proyectos.

Requisitos previos
Buenos conocimientos de HTML. Conocimientos básicos de programación.

Modalidades prácticas
Trabajo práctico
Programación JavaScript, manipulación DOM, gestión de la interactividad.

Programa de la formación

1
Tecnologías web

  • Visión general de los tipos de navegador. Impacto en la portabilidad de los programas JavaScript. Versiones de JavaScript.
  • Componentes web: HTML, XHTML, CSS, JavaScript, Flash, Java, etc. Protocolos HTTP y HTTPS.
  • Impacto de JavaScript en la accesibilidad y el SEO.
  • Importancia de JavaScript en los sitios Web 2.0. Impacto del cumplimiento de XHTML en el uso dinámico de JavaScript.
  • Herramientas de desarrollo (editor, depurador, etc.).
  • Posicionamiento e ilustración de las tecnologías DHTML.

2
El lenguaje JavaScript

  • Declaración y ámbito de las variables.
  • Tipos de datos (Number, Boolean, Date, Math, String, Array). Conversión de tipos. Detección de tipos con typeof.
  • Gestión de matrices. Operadores lógicos y aritméticos. Bucles (for, while...).
  • Crear funciones y parámetros variables.
  • Codificación segura con tratamiento de errores y excepciones.
  • Recordatorio de los conceptos de objeto. Desarrollo de objetos en JavaScript: creación de clases (métodos, propiedades).
  • Fabricante. Sobrecarga. Palabras reservadas prototype, this. Creación de instancias. Uso de Object en clases dinámicas.
  • Uso del formato JSON para crear clases.
  • Los objetos predefinidos del lenguaje (Array, Date, String, Regexp, etc.) y cómo se utilizan. Ampliación de los objetos predefinidos.
Ejercicio
Una amplia gama de ejercicios prácticos para poner en práctica las distintas funciones de JavaScript.

3
Eventos y datos

  • Organización de eventos. Impacto de los eventos en los tipos de navegador y versiones DOM.
  • Posicionar escuchadores en eventos mediante la programación y configuración de etiquetas HTML.
  • Reglas para la codificación entre navegadores.
  • Creación y destrucción de auriculares.
  • Procesamiento de eventos JavaScript: teclado, ratón, formularios, rollover, menús dinámicos.
  • El objeto Evento y su uso.
  • Objetos DOM (ventana, documento, etc.) y cómo se manejan.
  • Manipulación de URL (redireccionamientos http, etc.).
  • Gestión de cookies (lectura y escritura).
Ejercicio
Programación de múltiples eventos sobre elementos del formulario, ratón, teclado, etc.

4
Gestión de formularios HTML

  • Manipulación del contenido de los formularios.
  • Acceso y modificación dinámica de los componentes del formulario: zona de entrada, casillas de verificación, botones de radio, etc.
  • Funciones de validación de formularios.
  • Eventos vinculados a los elementos del formulario: cambio, inicialización, clic, etc.
Ejercicio
Diseño de funciones personalizadas para controlar las actividades de los usuarios.

5
Interacción con las hojas de estilo en cascada

  • Recordatorio de las hojas de estilo en cascada. Herramientas para manipularlas.
  • Implementación de CSS como propiedades de objetos DOM.
  • Modificación directa de las propiedades CSS de los objetos DOM.
  • Modificación del objeto CSS de las hojas de estilo.
  • Dinamice la página cambiando las propiedades de estilo.
Ejercicio
Creación de páginas sencillas para aprender a utilizar hojas de estilo y manipularlas mediante JavaScript.

6
Manipulación del XML DOM

  • Introducción a XML (elementos de atributo).
  • Implementación de analizadores XML en Microsoft IE y otros: variaciones entre navegadores, mantenimiento, etc.
  • Manipulación de objetos DOM (leer, añadir, eliminar, modificar nodos).
Ejercicio
Aprende a construir una ruta a un elemento DOM.

7
Ajax

  • Presentación de Asynchronous JavaScript And Xml.
  • Problemas, soluciones y alternativas.
  • Bibliotecas de mercado.
  • HTTP y Ajax: intercambios HTTP y el objeto XMLHttpRequest.
Ejercicio
Recuperación y visualización de datos XML. Consulta de una base de datos. Creación de un formulario de conexión.


Opiniones de los clientes
4,4 / 5
Las opiniones de los clientes proceden de las evaluaciones al final de la formación. La nota se calcula a partir de todas las evaluaciones con una antigüedad inferior a 12 meses. Solo se muestran las que tienen un comentario textual..


Fechas y lugares
Selecciona tu ubicación u opta por la clase remota y luego elige tu fecha.
Clase a distancia