Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
Licenciatura en Ingeniería en sistemas
Computacionales

Nombre del alumno

xxxxxxx
Matrícula
xxxxxxxx

Nombre de la Tarea
Formularios

Unidad #
Unidad 4

Nombre del Profesor

xxxxxxxx
Fecha
xxxxxxxxxx
 Unidad 4: Lenguaje JavaScript Desarrollo de páginas
web

Tarea 4

"Primero resuelve el problema. Entonces, escribe el código"

-- John Johnson

Objetivos:
● Conocer los fundamentos y características de JavaScript.
● Conocer la aplicación de las funciones JavaScript en los formularios HTML.

Instrucciones:

● Orós, J. C. (2014). Introducción a JavaScript. Diseño de páginas Web con XHTML, JavaScript y CSS, (pp. 73-
81).

● López, J. (2014). Funciones y matrices. Domine JavaScript (3a. ed.), (pp. 151- 195).

● Ribes, P. (2011). Eventos. Manual de Javascript, (pp. 107- 109)

Forma de evaluación:
 Unidad 4: Lenguaje JavaScript Desarrollo de páginas
web

Criterio Ponderación Calificación obtenida

Presentación 10%

Desarrollo de Actividad 90%

Actividad II
Ejercicio I 25%
Ejercicio II 25%
Ejercicio III 40%

Desarrollo de la actividad:

I. Identifica las características del lenguaje JavaScript .

Contesta las siguientes 5 cuestiones por medio de la lectura de los recursos en plataforma.
(Valor 25%)

● ¿Es un lenguaje de programación creado por Netscape con el objetivo de integrarse en HTML?

JavaScript

● ¿Menciona las características del lenguaje JavaScript?

Es simple, no hace falta tener conocimientos avanzados de programació n para aprender a manejar JavaScript y es
recomendado por muchos expertos a la hora de encontrar un lenguaje para comenzar a programar.

Maneja objetos dentro de nuestra pá gina Web y sobre ese objeto podemos definir diferentes eventos. Dichos objetos
facilitan la programació n de pá ginas interactivas, a la vez que se evita la posibilidad de ejecutar comandos que puedan ser
peligrosos para la má quina del usuario, tales como formateo de unidades, modificar archivos etc.

Es diná mico, responde a eventos en tiempo real. Eventos como presionar un botó n, pasar el puntero del mouse sobre un
determinado texto o el simple hecho de cargar la pá gina o caducar un tiempo. Con esto podemos cambiar totalmente el
aspecto de nuestra pá gina al gusto del usuario, evitá ndonos tener en el servidor una pá gina para cada gusto, hacer cá lculos
en base a variables cuyo valor es determinado por el usuario, etc.

Existen un montó n de tecnologías utilizadas en varios campos basadas en JavaScript, algunos ejemplos son Node, Vue o
React, este ú ltimo creado por Facebook.

● ¿Es la forma de utilizar el código JavaScript mediante archivos externos?

Se pueden incluir en un archivo externo de tipo JavaScript que los documentos XHTML enlazan mediante la
etiqueta <script> . Se pueden crear todos los archivos JavaScript que sean necesarios y cada documento
XHTML puede enlazar tantos archivos JavaScript como necesite.
 Unidad 4: Lenguaje JavaScript Desarrollo de páginas
web

● ¿De que manera se declaran las funciones dentro del código HTML?
Las listas son encerrados entre paréntesis ( ), separados por comas (,).
Define la función encerrado en llaves { }

● ¿Menciona la forma en que se deben declarar las funciones dentro del código HTML?

El nombre de la función.

Una lista de parámetros de la función, entre paréntesis y separados por comas.

{
intrucciones
}

<script type="text/javascript">

function saludo()

document.write("Hola Mundo")

</script>

II. Conocer las propiedades mas comunes de los selectores.

Describe los eventos listadas en el cuadro, que son integrados en el lenguaje JavaScript.

Eventos.

Evento Descripción

onblur  ocurre cuando un objeto pierde el foco. El evento onblur se

usa con mayor frecuencia con el có digo de validació n de
formulario (por ejemplo, cuando el usuario deja un campo de
formulario). Consejo: el evento onblur es lo opuesto al
evento onfocus .

onchange Los datos de una columna de formulario cambian y se pierde

el foco. Hay una excepció n a este comportamiento que se
aplica a columnas Sí/No que está n formateadas para usar
 Unidad 4: Lenguaje JavaScript Desarrollo de páginas
web

botones de opció n o casillas de verificació n.

onclick devuelve el manejador del evento click del elemento actual.

Note: Cuando uses el evento click para ejecutar algo,
considera agregar la misma acció n al evento keydown , para
permitirle el uso a personas que no usan mouse o pantalla
tá ctil.

ondblclick El evento se produce cuando el usuario hace doble clic en

un elemento

onfocus cuando el objeto toma foco y el evento onBlur cuando el

objeto pierde el foco. El evento onFocus se ejecuta cuando un
componente de nuestra web toma el foco, y el onBlur
justamente lo contrario, se ejecuta cuando el componente
pierde el foco.

onkeydown corresponde con el hecho de pulsar una tecla y no soltarla; el

evento onkeypress es la propia pulsació n de la tecla y el
evento onkeyup hace referencia al hecho de soltar una tecla
que estaba pulsada.

onkeypress corresponde con el hecho de pulsar una tecla y no

soltarla; el evento onkeypress es la propia pulsación de
la tecla y el evento onkeyup hace referencia al hecho de
soltar una tecla que estaba pulsada.

onkeyup Usamos onkeyup para que detecte la tecla que

presionamos y luego lo comparamos con la tecla que
escogimos, si ambas son iguales ejecutará la acción de
mover en la dirección que escogimos.

onload se usa para ejecutar una función de JavaScript tan pronto

como una página haya cargado.

onmousedown El evento onmousedown ocurre cuando un usuario

presiona un botón del mouse sobre un elemento.

onmousemove El evento onmousemove ocurre cuando el puntero se

mueve mientras está sobre un elemento. Si queremos
recuperar la coordenada donde se encuentra en ese
 Unidad 4: Lenguaje JavaScript Desarrollo de páginas
web

momento el mouse debemos pasar el objeto event como

parámetro

onmouseout ocurre cuando el puntero del mouse se mueve fuera de

un elemento o fuera de uno de sus elementos
secundarios. Sugerencia: Este evento se usa a menudo
junto con el evento onmouseover , que ocurre cuando el
puntero se mueve a un elemento o a uno de sus
elementos secundarios.

onmouseover El evento onmouseover ocurre cuando el puntero del

mouse se mueve sobre un elemento o sobre uno de sus
elementos secundarios. Sugerencia: este evento se usa a
menudo junto con el evento onmouseout , que ocurre
cuando un usuario mueve el puntero del mouse fuera de
un elemento.

onmouseup El evento se produce cuando el usuario suelta el botón

del ratón sobre un elemento

onreset El evento se produce cuando se reinicializa un

formulario

onresize El evento se produce cuando se cambia el tamaño de la

vista del documento

onselect El evento se produce después de que el usuario selecciona un

texto (for <input> and <textarea>)

onsubmit El evento se produce cuando se envía un formulario

onunload El evento se produce una vez a la página ha descargado

(por <body>)

Anote su descripción
III. Conocer las definiciones y propiedades del lenguaje JavaScript nos permite manipular los datos
de forma correcta.

Relaciona los conceptos con la descripción de la siguiente tabla ingresando el número

correspondiente a la respuesta correcta en los paréntesis. (Valor 40%)

Respuestas Definiciónes/Descripción
 Unidad 4: Lenguaje JavaScript Desarrollo de páginas
web

1.- El cuerpo de la función

( 2 ) Sirven para especificar una opción alternativa
para los navegadores que no soportan scripts

2.- <noscript></noscript> ( 6 ) Es el código de programa que se introduce

directamente en el documento HTML y no
necesita ser compilado.

3.- ; ( 7 ) El script espera hasta que ocurre algo que

puede ser una pulsación, un movimiento del
ratón, etc.

4.- eval() ( 5 ) Se utilizan para definir fragmentos de código de

manera que éstos no se junten con el resto del
programa.

5.- Corchetes ( 1 ) Es el conjunto de intrucciones que queremos

que se ejecuten cuando ésta sea invocada.

6.- script ( 9 ) Es un lenguaje de programación creado por

Netscape con el objetivo de integrarse en HTML.

7.- Evento ( 10 ) Esta sentencia nos puede decolver un valor

booleano en las circunstancias adecuadas.

8.- /* */ ( 3 ) Su misión es separar las sentencias que se

encuentran en una misma línea.

9.- JavaScript ( 8 ) Es una de las tecnicas para introducir

comentarios en JavaScript.

10.- return ( 4 ) Esta función nos permite convertir una cadena

literal que represente a una instrucción de
JavaScript en una intrucción real y plenamente
operativa.
Bibliografía:

- Escriba las referencias bibliográficas (formato APA).

- OROS, J. C., Diseño de páginas Web con XHTML, JavaScript y CSS, 2014. (Capítulo).
- RIBES, A., Manual de JavaScript, 2013.