UF1305: Programación con lenguajes de guión en páginas web

En concreto, este libro desarrolla la unidad formativa UF1305: Programación con lenguajes de guión en páginas web, parte del Módulo formativo MF0951_2: Integración de componentes software en páginas web.

El presente libro forma parte del certificado de profesionalidad denominado “Confección y Publicación de Páginas Web”, perteneciente al área profesional de Desarrollo, de la familia profesional Informática y Comunicaciones.

La estructura del manual y los contenidos que se desarrollan a continuación siguen fielmente lo recogido en la legislación vigente para este certificado, RD 1531/2011, de 31 de octubre, modificado por el RD 628/2013, de 2 de agosto. Se ha utilizado un lenguaje sencillo y concreto, que puedan ser fácilmente comprendidos por el estudiante.

El contenido permite:

1. Capacidades y criterios de evaluación
2. Identificar las estructuras de programación y los tipos de datos que se utilizan en la elaboración de scripts, de acuerdo a unas especificaciones recibidas.
3. Describir las estructuras secuenciales, condicional y de iteración que se utilizan para agrupar y organizar las acciones de un programa.
4. Reconocer la sintaxis del lenguaje de guión que describen las estructuras de programación en la elaboración de scripts, de acuerdo a las especificaciones técnicas del lenguaje.
5. Explicar los tipos de datos que se utilizan para representar y almacenar los valores de las variables en la elaboración de scripts, de acuerdo a las especificaciones técnicas del lenguaje.
6. Identificar los operadores que se utilizan para hacer los cálculos y operaciones dentro de un script.
7. Citar las instrucciones proporcionadas por el lenguaje de guión para realizar operaciones de entrada y salida de datos, de acuerdo a las especificaciones técnicas del lenguaje.
8. Distinguir los métodos para ejecutar un script utilizando varios navegadores web.

Interpretar scripts que resuelvan un problema previamente especificado:

• Identificar el tipo y el uso de los datos declarados dentro del script.
• Describir las estructuras de programación utilizadas para organizar las acciones del programa.
• Reconocer las instrucciones proporcionadas por el lenguaje de script utilizadas en las operaciones de manipulación, entrada y salida de datos.
• Insertar el script dentro de la página web utilizando las etiquetas apropiadas.
• Probar la funcionalidad del script utilizando un navegador.
• Detectar y corregir los errores de sintaxis y de ejecución.
• Documentar los cambios realizados en el script.

1. Distinguir las propiedades y métodos de los objetos proporcionados por el lenguaje de guión, en función de las especificaciones técnicas del lenguaje.
2. Explicar los objetos del navegador, así como sus propiedades y métodos, que se utilizan para añadir funcionalidad a las páginas web teniendo en cuenta las especificaciones técnicas del lenguaje.
3. Identificar los objetos predefinidos por el lenguaje de guión para manejar nuevas estructuras y utilidades que añadirán nuevas funcionalidades a las páginas, de acuerdo a las especificaciones técnicas del lenguaje.
4. Describir e identificar los objetos del documento que permiten añadir interactividad entre el usuario y el script, así como sus propiedades y métodos.
5. Describir los eventos que proporciona el lenguaje de guión: de ratón, de teclado, de enfoque, de formulario y de carga, entre otros, para interactuar con el usuario y relacionarlos con los objetos del lenguaje.

Interpretar scripts que añaden efectos estéticos a la presentación de las páginas:

• Identificar los objetos sobre los que se aplican los efectos estéticos.
• Identificar las propiedades y métodos utilizados para añadir los efectos.
• Reconocer los eventos utilizados para la realización de las acciones.
• Describir la función o funciones de efectos identificando los parámetros de la misma.
• Realizar cambios en el script siguiendo unas especificaciones recibidas.
• Detectar y corregir los errores de sintaxis y de ejecución.
• Documentar los cambios realizados.

Descifrar scripts en los que se validan las entradas de datos de los campos de un formulario:

• Identificar los objetos del formulario que son validados dentro del script.
• Identificar las propiedades y métodos utilizados para validar cada entrada.
• Reconocer las funciones proporcionadas por el lenguaje de guión utilizadas para la validación de datos.
• Describir los eventos que se utilizan en la realización de las acciones.
• Describir la función o funciones de validación identificando los parámetros de la misma.
• Realizar cambios en el script siguiendo unas especificaciones recibidas.
• Detectar y corregir los errores de sintaxis y de ejecución.
• Documentar el script realizado.

1. Interpretar la documentación técnica asociada al lenguaje de guión, incluso si está editada en la lengua extranjera de uso más frecuente en el sector, utilizándola de ayuda en la integración de scripts.
2. Identificar scripts ya desarrollados que se adapten a las funcionalidades especificadas e integrarlos en las páginas web de acuerdo a unas especificaciones recibidas.
3. Localizar y descargar el componente ya desarrollado ya sea desde Internet o desde las colecciones indicadas siguiendo las especificaciones recibidas.
4. Identificar los objetos, sus propiedades y sus métodos y su funcionalidad dentro del script ya desarrollado con el fin de ajustarlos a la página donde se va a integrar.
5. Identificar los eventos incluidos en el script para distinguir las interacciones con el usuario.
6. Describir la lógica de funcionamiento del script identificando las estructuras de programación y los datos con los que opera.

Interpretar scripts ya desarrollados en una página web, para añadir funcionalidades específicas de acuerdo a las especificaciones recibidas:

• Descargar el componente ya desarrollado.
• Utilizar una herramienta de edición de script.
• Modificar las propiedades y los atributos de los objetos que componen el script para ajustarlo a las especificaciones recibidas.
• Comprobar la disponibilidad de utilización del script teniendo en cuenta los derechos de autor y la legislación vigente.
• Integrar el script a la página web previamente indicada.
• Probar la funcionalidad de la página resultante utilizando un navegador.
• Corregir los errores detectados.
• Documentar los procesos realizados.

Metodología de la programación

• Lógica de programación.
• Descripción y utilización de operaciones lógicas.
• Secuencias y partes de un programa.
• Ordinogramas.
• Descripción de un ordinograma.
• Elementos de un ordinograma.
• Operaciones en un programa.
• Implementación de elementos y operaciones en un ordinograma.
• Pseudocódigos.
• Descripción de pseudocódigo.
• Creación del pseudocódigo.
• Objetos.
• Descripción de objetos.
• Funciones de los objetos.
• Comportamientos de los objetos.
• Atributos de los objetos.
• Creación de objetos.
• Ejemplos de códigos en diferentes lenguajes.
• Códigos en lenguajes estructurales.
• Códigos en lenguajes scripts.
• Códigos en lenguajes orientados a objetos.

Lenguaje de guión

• Características del lenguaje.
• Descripción del lenguaje orientado a eventos.
• Descripción del lenguaje interpretado.
• La interactividad del lenguaje de guión.
• Relación del lenguaje de guión y el lenguaje de marcas.
• Extensión de las capacidades del lenguaje de marcas.
• Adicción de propiedades interactivas.
• Sintaxis del lenguaje de guión.
• Etiquetas identificativas dentro del lenguaje de marcas.
• Especificaciones y características de las instrucciones.
• Elementos del lenguaje de guión.
• Variables.
• Operaciones.
• Comparaciones.
• Asignaciones.
• Objetos del lenguaje de guión.
• Métodos.
• Eventos
• Atributos.
• Funciones.
• Tipos de scripts: inmediatos, diferidos e híbridos.
• Script dentro del cuerpo del lenguaje de marcas.
• Ejecutables al abrir la página.
• Ejecutables por un evento.
• Script dentro del encabezado del lenguaje de marcas.
• Script dentro del cuerpo del lenguaje de marcas.
• Ejecución de un script.
• Ejecución al cargar la página.
• Ejecución después de producirse un evento.
• Ejecución del procedimiento dentro de la página.
• Tiempos de ejecución.
• Errores de ejecución.

Elementos básicos del lenguaje de guión

• Variables e identificadores.
• Declaración de variables.
• Operaciones con variables.
• Tipos de datos.
• Datos booleanos.
• Datos numéricos.
• Datos de texto.
• Valores nulos.
• Operadores y expresiones.
• Operadores de asignación.
• Operadores de cadenas de caracteres.
• Operadores especiales.
• Expresiones de cadena.
• Expresiones aritméticas.
• Expresiones lógicas.
• Expresiones de objeto.
• Estructuras de control.
• Sentencia IF.
• Sentencia WHILE.
• Sentencia FOR.
• Sentencia BREAK.
• Sentencia CONTINUE.
• Sentencia SWITCH.
• Funciones predefinidas del lenguaje de guión.

Desarrollo de scripts

• Herramientas de desarrollo, utilización.
• Crear scripts con herramientas de texto.
• Crear scripts con aplicaciones web.
• Recursos en web para la creación de scripts.
• Depuración de errores: errores de sintaxis y de ejecución.
• Definición de los tipos de errores.
• Escritura del programa fuente.
• Compilación del programa fuente.
• Corrección de errores de sintaxis.
• Corrección de errores de ejecución.
• Mensajes de error.
• Funciones para controlar los errores.

Gestión de objetos del lenguaje de guión

• Jerarquía de objetos.
• Descripción de objetos de la jerarquía.
• Propiedades compartidas de los objetos.
• Navegar por la jerarquía de los objetos.
• Propiedades y métodos de los objetos del navegador.
• El objeto superior Windows#.
• El objeto navigator.
• URL actual (location).
• URL visitada por el usuario.
• Contenido del documento actual (document).
• Título, color del fondo, y formularios.
• Propiedades y métodos de los objetos del documento.
• Propiedades del objeto document.
• Ejemplos de propiedades de document.
• Métodos de document.
• Flujo de escritura del documento.
• Métodos open () y close () de document.
• Propiedades y métodos de los objetos del formulario.
• Propiedades principales del objeto form (Name, action,method, target).
• Métodos del objeto form (submit, reset, get, post).
• Propiedades y métodos de los objetos del lenguaje.
• Document (escribir texto, color fuente, color fondo, obtener elementos del documento actual HTML, título de la página).
• Windows (open).
• History (go).
• Locatiton (servidor).
• Navigator (nombre, versión y detalles del navegador).

Los eventos del lenguaje de guión.

• Utilización de eventos.
• Definición de eventos.
• Acciones asociadas a los eventos.
• Jerarquía de los eventos desde el objeto Windows.
• Eventos en elementos de formulario.
• Onselect (al seleccionar un elemento de un formulario).
• Onchange (al cambiar el estado de un elemento del formulario).
• Eventos de ratón. Eventos de teclado.
• Eventos de ratón.
• Onmousedown (al pulsar sobre un elemento de la página).
• Onmousemove (al mover el ratón por la página).
• Onmouseout (al salir del área ocupada por un elemento de la página).
• Onmouseover (al entrar el puntero del ratón en el área ocupada por un elemento de la página).
• Onmouseup (al soltar el usuario el botón del ratón que anteriormente había pulsado).
• Eventos de teclado:
• Onkeydown (al pulsar una tecla el usuario).
• Onkeypress (al dejar pulsada una tecla un tiempo determinado).
• Onkeyup (al liberar la tecla apretada).
• Eventos de enfoque.
• onblur (cuando un elemento pierde el foco de la aplicación).
• onfocus (cuando un elemento de la página o la ventana ganan el foco de la aplicación).
• Eventos de formulario.

Búsqueda y análisis de scripts

• Búsqueda en sitios especializados.
• Páginas oficiales.
• Tutoriales.
• Foros
• Bibliotecas.
• Operadores booleanos.
• Funcionamiento de los operadores booleanos.
• Utilización en distintos buscadores.
• Técnicas de búsqueda.
• Expresiones.
• Definiciones de búsquedas.
• Especificaciones.
• Técnicas de refinamiento de búsquedas.
• Utilización de separadores.
• Utilización de elementos de unión.
• Reutilización de scripts.
• Scripts gratuitos.
• Generalización de códigos.

Hay disponibilidad del libro de uf1305 programación con lenguajes de guion en páginas web en el portal web para obtener documentos en formato PDF