PROGRAMACIÓN CON JAVASCRIPT (FTINF_D5748)

Duración en horas: 25

OBJETIVOS

JavaScript es un lenguaje de programación o de Script que permite crear páginas web interactivas con estilo.

Los programas realizados con JavaScript no necesitan ser compilados para ejecutarlos, es decir, los programas realizados en JavaScript se pueden probar directamente en cualquier navegador y nos permite aplicar efectos especiales para interactuar con los usuarios.

Este curso realiza un recorrido completo por los principales elementos disponibles en JavaScript. Sus características, funciones, objetos, DOM, eventos y formularios de JavaScript así como programar JavaScript con CSS se desarrollan de tal forma que el alumno pueda aprender de forma sencilla y muy práctica para diseñar páginas web avanzadas siguiendo las nuevas tendencias.

CONTENIDOS

Programación con Javascript

UNIDAD.- JavaScript

- ¿Qué es JavaScript?
- Integrar JavaScript en una página web
- Primer programa en JavaScript
- Instrucciones
- Tipos de datos
- Literales
- Conversión de tipos
- Operadores
- Uso de variables
- Trabajo con variables
- Comentarios en JavaScript
- Sentencia if
- Sentencia switch-case
- Bucle while
- Bucle do-while
- Bucle for
- Sentencia break y continue
- Matrices
- Video ejercicio - JavaScript
- Autopráctica - Estructura if
- Autopráctica - Uso de variables y sentencia if
- Test - JavaScript

- UNIDAD.- Funciones JavaScript

- Declaración de funciones
- Definición de Parámetros
- Valores de retorno
- Ámbito de las variables
- Función Number
- Función String
- Función isNaN
- Función isFinite
- Función parseInt
- Función parseFloat
- Función escape
- Función unescape
- Función eva
- Video ejercicio - Funciones JavaScript
- Autopráctica - Función parseInt
- Autopráctica - Función par o impar
- Test - Funciones JavaScript

- UNIDAD.- Objetos de JavaScript

- Objeto envoltorio
- Objeto Array
- Objeto Date
- Objeto Math
- Objeto RegExp
- Objetos del navegador
- Objeto Window
- Objeto navigator
- Objeto screen
- Objeto history
- Objeto location
- Objeto document
- Objeto anchor
- Objeto link
- Objeto image
- Video ejercicio - Objetos de JavaScript
- Autopráctica - Función palíndromo
- Autopráctica - Función de nueva página web
- Test - Objetos de JavaScript

- UNIDAD.- DOM

- Árbol de nodos
- Tipos de nodos
- Acceso directo a los nodos
- Creación y eliminación de nodos
- Video ejercicio - DOM
- Autopráctica - Utilizando las funciones DOM
- Autopráctica - getElementById
- Test - DOM

- UNIDAD.- Trabajar con JavaScript y CSS

- DOM para CSS
- Atributo Style
- Manipular clases de CSS
- Manipular reglas de CSS
- Manipular hojas de estilo
- Activar y desactivar hojas de estilo
- Incluir o importar hojas de estilo
- Embeber hojas de estilo
- Video ejercicio - Trabajar con JavaScript y CSS
- Autopráctica - El atributo style
- Autopráctica - Cambio de regla del contenedor
- Test - Trabajar con JavaScript y CSS

- UNIDAD.- Eventos

- Eventos en JavaScript
- Eventos en una página HTML
- Trabajar con eventos
- Manejadores como atributos HTML
- Trabajar con eventos en JavaScript
- El objeto event
- Propiedades
- Video ejercicio - Eventos
- Autopráctica - onmouseover y onmouseout
- Autopráctica - onmousemove
- Test - Eventos

- UNIDAD.- Formularios en JavaScript

- Definir formulario
- Cabecera del formulario
- Elementos del formulario
- Eventos de formulario
- Submit
- Focus
- Blur
- Click
- Change
- Enfoque de un campo
- Deshabilitar campos de un formulario
- Ocultar campos de un formulario
- Validación de formularios
- Añadir reglas de validación
- Mensajes de error avanzados
- Validación básica
- Validación avanzada
- Validación de casillas de selección y botones de opción
- Dar formato a los mensajes de error
- Video ejercicio - Formularios en JavaScript
- Autopráctica - Elementos de tipo checkbox
- Autopráctica - Crea un formulario
- Test - Formularios en JavaScript