Actividad 6 - Desarrollo de Paginas Web

Nombre de la materia
Desarrollo de páginas web
Nombre de la Licenciatura
Ingeniería en Sistemas Computacionales
Nombre del alumno

Luis Manuel Mora López
Matrícula
000577912
Nombre de la Tarea
Unidad #
Unidad 6. Antecedentes de JavaScript
Nombre del Profesor

Prof. Heriberto Hernández González
Fecha
11/02/2019
Unidad 6: Antecedentes de JavaScript
ACTIVIDAD 6
“¿Sabías que…
En primer lugar, JavaScript no tiene nada que ver con el lenguaje de programación Java.
JavaScript es un lenguaje de scripting basado en el navegador que ejecuta el código del lado
del cliente.”
Objetivos:
 Reconocer los fundamentos de JavaScript
Instrucciones:
Revisa el siguiente material perteneciente a los recursos de la semana 6:
Página web
Introducción a JavaScript (Eguiluz, 2013). Explica las instrucciones relacionadas a la

programación en JavaScript.
Deberás descargar la actividad en Word y responder directamente en el documento.
Forma de evaluación:
Criterio Ponderación Calificación obtenida
Presentación 10%
Desarrollo de ejercicios 90%
Ejercicio I 20%
Ejercicio II 20%
Ejercicio III 20%
Ejercicio IV 30%
Desarrollo de la actividad:
I. La sintaxis de un lenguaje de programación se define como el conjunto de reglas que

deben seguirse al escribir el código fuente de los programas para considerarse como
correctos para ese lenguaje de programación.
Completa la explicación correspondiente a la regla de sintaxis (Valor 20%)
REGLA EXPLICACIÓN
1.- No se tienen en Como sucede con XHTML, el intérprete de JavaScript

cuenta los espacios en ignora cualquier espacio en blanco sobrante, por lo que
blanco y las nuevas el código de puede ordenar de forma adecuada para
líneas: entenderlo mejor (tabulando las líneas, añadiendo
espacios, creando nuevas líneas, etc.)
2.- Se distinguen las Al igual que sucede con la sintaxis de las etiquetas y
mayúsculas y minúsculas: elementos XHTML. Sin embargo m si en una página
XHTML se utilizan indiscretamente mayúsculas y
minúsculas, la ´´agina se visualiza correctamente,
siendo el único problema la no validación de la página.
En Cambio, si en JavaScript se intercambian mayúsculas
y minúsculas el script no funciona.
3.- No se define el tipo de Al crear una variable, no es necesario indicar el tipo de

las variables: dato que almacenará. De esta forma, una misma
variable puede almacenar diferentes tipos de datos
durante la ejecución del script.
4.- No es necesario En la mayoría de lenguajes de programación, es

terminar cada sentencia obligatorio terminar cada sentencia con el carácter ;.
con el carácter de punto y Aunque JavaScript no obliga a hacerlo, es conveniente
coma (;): seguir la tradición de terminar cada sentencia con el
carácter del punto y coma (;)
5.- Se pueden incluir Los comentarios se utilizan para añadir información en el

comentarios: código fuente del programa. Aunque el contenido de los
comentarios no se visualiza por pantalla, si que se envía
al navegador del usuario junto con el resto del script,

por lo que es necesario extremar las precauciones sobre
la información incluida en los comentarios.
II. Después de identificar las reglas de sintaxis de JavaScript, ahora es tiempo de iniciar
el primer script; lo cual nos permitirá ver de manera sencilla las funcionalidades
básicas de este lenguaje.
Completa los espacios en blanco de tal forma que quede completo el código del
primer script. (Valor 20%)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3

.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>El primer script</title>
<script type="text/javascript">
alert("Hola Mundo!");
</script>
</head>
<body>
<p>Esta página contiene el primer script</p>
</body>
</html>
III. Antes de comenzar a desarrollar programas y utilidades con JavaScript, es

necesario conocer los elementos básicos con los que se construyen las aplicaciones.
Responde si es Falso o Verdadero, en caso de ser falso indica la respuesta

correcta. (Valor 20%)
Afirmaciones Falso o verdadero
Las variables en los lenguajes de programación siguen una lógica Verdadero

similar a las variables utilizadas en otros ámbitos como las
matemáticas. Una variable es un elemento que se emplea para
almacenar y hacer referencia a otro valor. Gracias a las variables es
posible crear "programas genéricos", es decir, programas que
funcionan siempre igual independientemente de los valores
concretos utilizados.
Las cadenas de texto son la única variable válida en JavaScript Falso
Los operadores permiten manipular el valor de las variables, Verdadero

realizar operaciones matemáticas con sus valores y comparar
diferentes variables. De esta forma, los operadores permiten a los
programas realizar cálculos complejos y tomar decisiones lógicas
en función de comparaciones y otros tipos de condiciones.
La estructura más utilizada en JavaScript y en la mayoría de
Verdadero
lenguajes de programación es la estructura if. Se emplea para
tomar decisiones en función de una condición. Su definición formal
es:
if(condicion) {
...
IV. Las estructuras de control, los operadores y todas las utilidades propias de JavaScript
que se han visto en los capítulos anteriores, permiten crear scripts sencillos y de
mediana complejidad. Sin embargo, para las aplicaciones más complejas son
necesarios otros elementos como las funciones y otras estructuras de control más
avanzadas.
Comparte el código de un script para menú desplegable que incluya variables y

estructuras de control
Código 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>Ejercicio 5 - Estructuras de control, IF</title>
var numero1 = 5;
var numero2 = 8;
if(numero1 <= numero2) {
alert("numero1 no es mayor que numero2");
if(numero2 >= 0) {
alert("numero2 es positivo");
if(numero1 < 0 || numero1 != 0) {
alert("numero1 es negativo o distinto de cero");
if(++numero1 < numero2) {
alert("Incrementar en 1 unidad el valor de numero1 no lo hace mayor o igual que
numero2");
</script>
</head>
<body>
<p>Esta página muestra el uso básico de la estructura de control IF</p>
</body>
</html>
Código 2:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>Ejercicio 6 - Calculo de la letra del DNI</title>
var letras = ['T', 'R', 'W', 'A', 'G', 'M', 'Y', 'F', 'P', 'D', 'X', 'B', 'N', 'J
', 'Z', 'S', 'Q', 'V', 'H', 'L', 'C', 'K', 'E', 'T'];
var numero = prompt("Introduce tu número de DNI (sin la letra)");

var letra = prompt("Introduce la letra de tu DNI (en mayúsculas)");
letra = letra.toUpperCase();
if(numero < 0 || numero > 99999999) {
alert("El número proporcionado no es válido");
else {
var letraCalculada = letras[numero % 23];
if(letraCalculada != letra) {
alert("La letra o el número proporcionados no son correctos");
else {
alert("El número de DNI y su letra son correctos");
</script>
</head>
<body>
<p>Esta página calcula la letra del DNI</p>
</body>
</html>
Escriba las referencias bibliográficas (formato APA).
-Uniwebsidad (2016-2019) Introducción a JavaScript. Obtenido de uniwebsidad.com:

https://uniwebsidad.com/libros/javascript/capitulo-1
-FalconMasters (3 ago 2015) Curso Básico de JavaScript desde 0- Introducción.

Obtenido de Youtube:
https://www.youtube.com/watch?list=PLhSj3UTs2_yVC0iaCGf16glrrfXuiSd0G&v=xnWt
GNiG2lg

Actividad 6 - Desarrollo de Paginas Web

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Actividad 6 - Desarrollo de Paginas Web

Diunggah oleh

Hak Cipta:

Format Tersedia

Nombre de la materia

Desarrollo de páginas web

Nombre del alumno

Nombre del Profesor

 Reconocer los fundamentos de JavaScript

Revisa el siguiente material perteneciente a los recursos de la semana 6:

Introducción a JavaScript (Eguiluz, 2013). Explica las instrucciones relacionadas a la

Deberás descargar la actividad en Word y responder directamente en el documento.

Criterio Ponderación Calificación obtenida

Desarrollo de ejercicios 90%

I. La sintaxis de un lenguaje de programación se define como el conjunto de reglas que

Completa la explicación correspondiente a la regla de sintaxis (Valor 20%)

1.- No se tienen en Como sucede con XHTML, el intérprete de JavaScript

3.- No se define el tipo de Al crear una variable, no es necesario indicar el tipo de

4.- No es necesario En la mayoría de lenguajes de programación, es

5.- Se pueden incluir Los comentarios se utilizan para añadir información en el

al navegador del usuario junto con el resto del script,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>El primer script</title>

<p>Esta página contiene el primer script</p>

III. Antes de comenzar a desarrollar programas y utilidades con JavaScript, es

Responde si es Falso o Verdadero, en caso de ser falso indica la respuesta

Afirmaciones Falso o verdadero

Las variables en los lenguajes de programación siguen una lógica Verdadero

Las cadenas de texto son la única variable válida en JavaScript Falso

Los operadores permiten manipular el valor de las variables, Verdadero

Comparte el código de un script para menú desplegable que incluya variables y

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Ejercicio 5 - Estructuras de control, IF</title>

if(numero1 <= numero2) {

alert("numero1 no es mayor que numero2");

if(numero1 < 0 || numero1 != 0) {

alert("numero1 es negativo o distinto de cero");

if(++numero1 < numero2) {

alert("Incrementar en 1 unidad el valor de numero1 no lo hace mayor o igual que

<p>Esta página muestra el uso básico de la estructura de control IF</p>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Ejercicio 6 - Calculo de la letra del DNI</title>

var numero = prompt("Introduce tu número de DNI (sin la letra)");

var letra = prompt("Introduce la letra de tu DNI (en mayúsculas)");

if(numero < 0 || numero > 99999999) {

alert("El número proporcionado no es válido");

var letraCalculada = letras[numero % 23];

alert("La letra o el número proporcionados no son correctos");

alert("El número de DNI y su letra son correctos");

<p>Esta página calcula la letra del DNI</p>

Escriba las referencias bibliográficas (formato APA).

-Uniwebsidad (2016-2019) Introducción a JavaScript. Obtenido de uniwebsidad.com:

-FalconMasters (3 ago 2015) Curso Básico de JavaScript desde 0- Introducción.

Anda mungkin juga menyukai