Actividad 6_desarrollo De Paginas Web.docx

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 Desarrollo de páginas web

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

Presentación

10%

Desarrollo de ejercicios

90%

Ejercicio I

20%

Ejercicio II

20%

Ejercicio III

20%

Ejercicio IV

30%

Desarrollo de la actividad:

Calificación obtenida

Unidad 6: Antecedentes de JavaScript Desarrollo de páginas web

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 1.-

No

se

EXPLICACIÓN

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

el código de puede ordenar de forma adecuada para

y

las

nuevas

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

comentarios:

incluir

Los comentarios se utilizan para añadir información en el código fuente del programa. Aunque el contenido de los comentarios no se visualiza por pantalla, si que se envía

Unidad 6: Antecedentes de JavaScript Desarrollo de páginas web

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%)





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

<script type="text/javascript">

alert("Hola Mundo!");





Unidad 6: Antecedentes de JavaScript Desarrollo de páginas web

Esta página contiene el primer script

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 Los operadores permiten manipular el valor de las variables,

Falso 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 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) {

Verdadero

Unidad 6: Antecedentes de JavaScript Desarrollo de páginas web

... }

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: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript"> var numero1 = 5;

Unidad 6: Antecedentes de JavaScript Desarrollo de páginas web

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"); }

Unidad 6: Antecedentes de JavaScript Desarrollo de páginas web

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

Código 2: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript"> 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)");

Unidad 6: Antecedentes de JavaScript Desarrollo de páginas web

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"); } }



Unidad 6: Antecedentes de JavaScript Desarrollo de páginas web

Esta página calcula la letra del DNI

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