MP6. Desarrollo web entorno cliente

El desarrollo web está condicionado a los avances en el ámbito del campo tecnológico que continuamente estamos sufriendo (diseño gráfico, programación, redes y diseño de interfaz, fundamentalmente). Por todas estas razones, se puede decir que es un campo multidisciplinar. Enlaza cada concepto de modelo de ejecución de código con su correspondiente definición: Debido al diseño de las plantillas que generalmente se utiliza en esta tecnología web. El aspecto visual de una web es la característica más atractiva y, por tanto, es muy importante. Dentro de la variedad de lenguajes y tecnologías a utilizar, la decisión de qué lenguaje de implementación se utilizará es una de las características más influyentes, ya que de ello dependerán las demás características del sitio web, como pueden ser el uso de bases de datos, la utilización de páginas dinámicas o estáticas, etc. En el área de las redes, la velocidad y fiabilidad de transmisión con la que los datos se distribuyen por internet también deben tenerse en cuenta. El objetivo que cumple el sitio web es la principal razón de su existencia y, por ello, se llevan a cabo los otros factores anteriormente mencionados. En la mayoría de los casos, el propósito es económico, pretendiendo conseguir una mayor difusión en el mercado laboral de un producto, o informativo, con el fin de facilitar al público la difusión de algún evento o acto de carácter general que puede interesar.

La arquitectura que siguen los sitios web hoy en día es el modelo cliente–servidor y presentan con tres elementos comunes: el servidor, la máquina cliente y la conectividad de red. Indica si las siguientes afirmaciones son verdaderas o falsas: El cliente es donde tenemos instalados los elementos de hardware y software. Para implementar este tipo de tecnologías web se aconseja un lenguaje de programación que soporte multihilos. En la maquina cliente es donde implementamos los programas para la petición de la solicitud web al servidor. Los navegadores web son capaces de soportar tecnologías como HTML, CSS y JavaScript. El servidor es el encargado de presentarnos el contenido web. No es necesario que los navegadores sean capaces de soportar tecnologías web como HTML o CSS.

Cuando hablamos de lenguajes empleados en la programación web, debemos de citar dos grandes grupos: los basados en el entorno cliente y los basados en el entorno servidor. Los primeros son ejecutados por los clientes, normalmente en el entorno del navegador web. En cambio, cuando los lenguajes los ejecuta el servidor son lenguajes pertenecientes al entorno servidor. Indica que tipos de lenguajes son de entorno servidor y que tipos de leguajes son en entorno cliente: HTML. CSS. PHP. ASP. JAVA. Python.

Las interfaces de los diferentes navegadores tienen muchos elementos en común. Relaciona cada concepto con su identificador de la siguiente imagen: Botones de avance y retroceso. Barra de direcciones donde insertar las URI. Menú desplegable.

Relaciona cada concepto con su definición de los componentes principales del navegador: Incluye la barra de direcciones, progreso de carga de la página, menú de marcadores, gestión de las descargas, etc. Su función principal es cargar una dirección determinada (URL o URI). Se encarga de mostrar el contenido visual del recurso. Implementa los protocolos de transferencia de ficheros y documentos utilizando Internet. Permite cargar en memoria una representación en árbol de la página. Permite analizar y ejecutar código. Ofrece funcionalidades relacionadas con la visualización de los contenidos de un documento HTML. Almacena diferentes tipos de datos en el disco duro (por ejemplo, las cookies).

Una vez presentado el lenguaje JavaScript y sus características, empezaremos a programar en este código para integrarlo en el archivo HTML. Enlaza cada trozo de generación de código JavaScript con la descripción las siguientes definiciones: 1: <script type="text/javascript"> // Código JavaScript</script> 2: <script type="text/javascript" src="archivo.js"></script> 3: <button onclick="Aceptar()"> Aceptar </button>. Mediante etiquetas en un archivo HTML. Mediante un archivo externo. En un elemento HTML.

El lenguaje JavaScript está orientado a dar soluciones en distintos casos. Identifica con verdadero o falso los siguientes casos: Dar respuesta al usuario desde formularios o hipertexto. Proporcionar una interfaz amigable. Controlar los marcos de navegación, plugins o applets de Java. Procesar los datos antes de enviarlos en el formulario. Modificar estilos y contenidos en los navegadores de forma estática.

Cualquier web que funcione de forma dinámica está gestionada por lenguajes de script en el lado del servidor. Por otra parte, en el lado del cliente, y con el fin de mejorar la usabilidad del usuario, es conveniente utilizar el lenguaje JavaScript por varias razones. Marca las razones que sean correctas: Podemos inactivar nuestra web en el caso de que no esté activo esta opción en el navegador. Lo único es poder preparar los datos para el envío o ceder los datos para que sean tratados en otro lenguaje. El proceso asíncrono de AJAX que se ejecuta en el cliente y no emplea JavaScript. Utilizaremos JavaScript para que la navegación web sea lo más rápida, moderna y/o divertida posible.

Las marcas <script> </script> y el atributo type indicar el tipo de lenguaje que estamos utilizando: ¿Entre qué etiquetas podemos colocar estas marcas?. <meta></meta>. <title></title>. <body></body>. <head></head>.

Esta programación de código del lado cliente podremos ejecutarlo en cualquier navegador de los más utilizados hoy en día (Chrome, Firefox o Edge), el uso de este lenguaje es muy habitual en las páginas web para dar dinamismo y comunicación con el servidor. Estos mismos navegadores son los que nos proporcionan consolas que nos informaran de los distintos fallos que podamos tener en el código. Marca cuál de los siguientes programas son útiles para desarrollar código del lado del cliente. Notepad++. Sublime Text. Photoshop. Atom. Movie Marker.

Enlaza los siguientes tipos de variables con las definiciones de cada uno: Varios caracteres entre comillas dobles. Tipo numérico (decimal o entero). Variable con dos respuestas disponibles (true/false). Variable sin ningún tipo de valor. Variable perteneciente a un objeto de una clase. Variables que no han sido inicializadas.

Relaciona cada valor con su tipo de dato correspondiente: 12. 12.5. "Ilerna Online". true. null. new Object().

Las funciones para convertir cadenas de caracteres en datos numéricos son: parseInt() y parseFloat(). Relaciona cada función con su valor correspondiente: parseFloat("10"). parseFloat("10.00"). parseFloat("10 34 60"). parseFloat(" 34 "). parseFloat("34 años"). parseFloat("Tiene 34 años"). parseInt("10"). parseInt("10.00"). parseInt("10.33").

De las siguientes declaraciones de variables indica cuales de ellas son correctas: var valor+;. var valor-= 1;. var valor1 = "Cadena";. var 1valor = 2;. var valor;. var valor=*2;.

Elige las opciones de función que sea correctas para convertir cadenas de caracteres en datos numéricos: parseReal(). parseInteger(). parseEntero(). parseFlotante(). parseFloat(). parseInt().

Enlaza cada operador de asignación con el concepto que lo define: Asignación. Asignación de adición. Asignación de sustracción. Asignación de multiplicación. Asignación de división. Asignación de resto. Asignación de exponenciación.

Enlaza cada operador de asignación con el concepto que lo define: Asignación de desplazamiento a la izquierda. Asignación de desplazamiento a la derecha. Asignación sin signo de desplazamiento a la derecha. Asignación AND. Asignación OR. Asignación XOR.

Rellena con los resultados que devuelve cada operador de asignación. var valor = 5; valor += 2;. var valor = 5; valor -= 2;. var valor = 5; valor *= 2;. var valor = 5; valor /= 2;. var valor = 5; valor %= 2;. var valor = 5; valor **= 2;.

Enlaza cada operador con su definición. Distinto de. Mayor o igual que. Suma. Incremento. Modulo. AND. OR. NOT.

Relaciona cada tipo de estructura de control con su definición: Las primeras estructuras actúan de una forma u otra dependiendo de la comprobación de una condición. Van ejecutando una serie de instrucciones repetidas veces hasta que se cumpla la condición.

Indica que resultado devolverá las siguientes estructuras condicionales: var a = 16; if (a > 0 && a < 15) { alert("Ilerna"); } else { alert("Online"); }. Error. Ilerna. 16. Online.

Indica que resultado nos va a devolver la siguiente estructura condicional: var a = 3; switch (a) { case 0: día = "Lunes"; break; case 1: día = "Martes"; break; case 2: día = "Miércoles"; break; case 3: día = "Jueves"; break; case 4: día = "Viernes"; break; case 5: día = "Sábado"; break; case 6: día = "Domingo"; break; }. Sabado. Martes. Jueves. Lunes. Miercoles. Domingo. Viernes.

Señala cuantas veces mostrará el valor "i" por pantalla: 012345. 1234. 12345. Error. 01234.

Cuantas repeticiones realizara la siguiente estructura repetitiva: 7. 8. 6. 5. 9.

Dado el siguiente código: ¿Qué valor tendremos en la variable "a" cuando finalice el do while?: 5. No sale del bucle. 2. 4. 3.

Rellena los huecos con la parte de código que se necesita para completar el Script: var numero1 = 23 var numero2 = 63 if (numero1 (--1--) numero2){ document.write("Los dos números son iguales") }else{ if (numero1 (--2--) numero2) { document.write("El primer número es mayor que el segundo") } (--3--) { document.write("El primer número es menor que el segundo") } }. 1. 2. 3.

De las siguientes opciones cuales son comentarios de código validas: <!-- Variables locales -->. -- Variables locales. /* Variables locales */. / Variables locales. // Variables locales. ** Variables locales.

Las diferentes páginas web están formadas por documentos HTML que van a interpretar, de forma gráfica, los navegadores. Mediante el Modelo de Objetos del Documento (DOM) podremos ver el documento de otra forma diferente, ya que explica el contenido de un determinado documento como un conjunto de objetos en los que un programa JavaScript puede interactuar. De las siguientes afirmaciones indica cuales son verdaderas y cuales son falsas: Un objeto es una determinada entidad con distintas propiedades que, para definir un estado, van a utilizar una serie de funciones o métodos que son los que van a funcionar con esas propiedades. Para acceder a una propiedad de un objeto lo realizaremos de la siguiente forma: nombre_propiedad(). Cuando referenciamos alguna propiedad por su índice este siempre empieza por 1. Para acceder a un método de un objeto lo realizaremos de la siguiente forma: nombreObjeto.metodo([parametros]). Para acceder a una propiedad de un objeto realizaremos la siguiente sintaxis: nombreobjeto.propiedad. Para acceder a un método de un objeto lo realizaremos con la siguiente sintaxis: nombre_método(). Al referenciar una propiedad por su índice este siempre empieza por 0.

Los objetos nativos del lenguaje del JavaScript son aquellos que tenemos disponibles para poderlos utilizar en diferentes aplicaciones. Enlaza los siguientes objetos nativos de JavaScript con sus respectivas definiciones: Este objeto nativo puede disponer de uno o varios caracteres de tipo texto que van escritos entre comillas dobles o simples. Este objeto permite llevar a cabo una serie de operaciones matemáticas. No actúa como constructor, así que cada vez que deseemos llamar a alguna de sus propiedades o métodos, debemos hacerlo anteponiendo su nombre a dicha propiedad u objeto. Es un objeto poco utilizado, ya que JavaScript apuesta más por los datos numéricos almacenados en las diferentes variables. Sin embargo, cabe destacar que dispone de una información bastante importante que se utiliza por programadores más específicos. Aunque no es muy frecuente el uso de este objeto, sirve para convertir un valor a True o False. Utilizado cuando tengamos que trabajar con fechas y con horas. Contiene la información relativa al navegador que estamos utilizando. Todo objeto se compone de propiedades y métodos.

Enlaza los siguientes métodos del objeto String con sus respectivas definiciones: Devuelve la longitud de la cadena. Devuelve el carácter que se especifique en la posición pasada por parámetro. Concatena varias cadenas. Devuelve la primera ocurrencia del carácter que busque en la cadena.

Enlaza los siguientes métodos del objeto Math con sus respectivas definiciones: Devuelve el valor absoluto de x. Devuelve el valor x, redondeando al alta hasta el siguiente entero. Devuelve el número x, redondeando a la baja hasta el anterior entero. Devuelve el resultado del número x elevado al valor indicado por y. Devuelve un valor numérico al azar entre 0 y 1. Devuelve la raíz cuadrada de x.

Enlaza las siguientes funciones del objeto Number con sus respectivas definiciones: Devuelve el valor mayor disponible en JavaScript. Devuelve el número más pequeño disponible en JavaScript. Representa a infinito negativo. Representa a infinito positivo.

Enlaza los siguientes métodos del objeto Boolean con sus respectivas definiciones: Devuelve un literal que representa el objeto Boolean especificado; puede usar este valor para crear un nuevo objeto. Convierte un valor Boolean a una cadena y devuelve el resultado. Devuelve el valor primitivo de un objeto.

Enlaza los siguientes métodos del objeto Date con sus respectivas definiciones: Devuelve el día del mes (de 1-31). Devuelve el día de la semana (de 0-6). Devuelve el año (4 dígitos). Devuelve la hora (de 0-23). Devuelve los milisegundos (de 0-999). Devuelve los minutos (de 0-59). Devuelve el mes (de 0-11). Devuelve los segundos (de 0-59).

Enlaza las siguientes propiedades del objeto Navigator con sus respectivas definiciones: Cadena con el nombre del código del navegador. Cadena cuyo valor es el nombre del cliente. Cadena que contiene la versión del client. Determina si están habilitadas las cookies en el navegador. Contiene la cabecera completa de la petición HTTP enviada.

Enlaza las siguientes propiedades y métodos del objeto Document con sus respectivas definiciones: Devuelve todos los nombres/valores de las cookies en el documento. Cadena que contiene el nombre de dominio del servidor que cargó el documento. Devuelve la fecha y hora de la última modificación del documento. Devuelve el estado de carga del documento actual. Cadena que contiene la URL del documento desde el que llegamos al documento actual. Devuelve o ajusta el título del documento. Devuelve la URL completa del documento.

Enlaza las siguientes propiedades y métodos del objeto Document con sus respectivas definiciones: Cierra el flujo abierto previamente con document.open ( ). Para acceder a un elemento identificado por el ID escrito entre paréntesis. Para acceder a los elementos identificados por el atributo name escrito entre paréntesis. Para acceder a los elementos identificados por el tag o la etiqueta escrita entre paréntesis. Abre el flujo de escritura para poder utilizar document.write ( ) o document.writeIn en el documento. Para poder escribir expresiones HTML o código de JavaScript dentro de un documento. Igual que Write, pero añade un salto de línea al final de cada instrucción.

De las siguientes afirmaciones sobre el elemento “window” indica cuales son verdaderas y cuales son falsas: Es el contenedor principal de todo el contenido que se visualiza en el navegador. El área de influencia de este objeto comprende toda la ventana, incluida la barra de desplazamiento, pero no contempla la barra de herramientas y la barra de estado. Como cualquier contenedor, para acceder a las propiedades y métodos del objeto debemos de introducir el carácter “.” seguido del nombre de la propiedad o método. A la hora de cargarse una ventana en el navegador, ya queda definido el objeto window en memoria. Mediante la cláusula self, hacemos referencia al propio objeto window. El objeto window no está nunca activo, con lo cual tenemos que referenciar al objeto para activarlo.

Enlaza las siguientes instrucciones del método open del objeto window con las definiciones: var ventana=window.open("https://www.ilerna.es","nueva","height=800, width=600");. var ventana = window.open();. var ventana=window.open("https://www.ilerna.es");. var ventana=window.open("https://www.ilerna.es","nueva","_blank");.

Ordena el código de forma que siga las siguientes instrucciones: Crear una variable. Crear una estructura condicional para controlar el valor de la variable. Abrir una nueva ventana de Ilerna Online si está cerrada. Cerrar la ventana de Ilerna Online si está abierta. var abrir;. if(abrir.window == null || abrir.window == undefined){. abrir = window.open("https://www.ilerna.es","Ilerna Online", "_blank");}. else{. abrir.close();}.

Enlaza las diferentes propiedades de una window con sus respectivas definiciones: Indica si la ventana ha sido cerrada o no. Devuelve la URL del objeto ventana. Referencia a la ventana padre. Referencia a la ventana actual.

Muestra por pantalla el mensaje que pongamos entre paréntesis. Muestra por pantalla el mensaje que pongamos entre paréntesis. Cierra la ventana actual. Coloca el foco en la ventana actual. Muestra una ventana emergente con sus correspondientes botones de: aceptar y cancelar. Abre una nueva ventana de navegación. Pide por teclado cualquier información según la información que le pongamos entre paréntesis.

Enlaza las siguientes propiedades de los marcos con sus respectivas definiciones: Cadena que contiene el valor del atributo align en un iframe. Devuelve el objeto documento contenido en un frame/iframe. Devuelve el objeto window generado por un frame/iframe. Cadena que contiene el valor del atributo frameborder de un fram/iframe. Cadena que contiene el valor del atributo height de un iframe. Cadena que contiene el valor del atributo longdesc de un frame/iframe. Cadena que contiene el valor del atributo marginHeight de un fram/ifram.

Enlaza las siguientes propiedades de los marcos con sus respectivas definiciones: Cadena que contiene el valor del atributo marginWidth de un fram/ifram. Cadena que contiene el valor del atributo name de un frame/iframe. Cadena que contiene el valor de un atributo noresize de un frame/iframe. Cadena que contiene el valor del atributo scrolling de un frame/iframe. Cadena que contiene el valor del atributo src de un frame/iframe. Cadena que contiene el valor del atributo width de un iframe.

Indica cuál de las siguientes instrucciones es válida para almacenar una cookie: cookie = "nombreUsuario=Ilerna; expires=Thu, 23 Aug 2018 10:55:07 GMT;path=/";. document.cokies = "nombreUsuario=Ilerna; expires=Thu, 23 Aug 2018 10:55:07 GMT;path=/";. document.cookie = "nombreUsuario=Ilerna; expires=Thu, 23 Aug 2018 10:55:07 GMT;path=/";. javascript.cookie = "nombreUsuario=Ilerna; expires=Thu, 23 Aug 2018 10:55:07 GMT;path=/";.

¿Indica cuáles de los siguientes lenguajes son de lado cliente?. PHP. CSS. ASP. Servlets de Java. JavaScript. HTML.

¿Cuáles de las siguientes afirmaciones sobre JavaScript son correctas?. Jscript no es una variación de JavaScript. JavaScript se diseñó teniendo como base el lenguaje Java. Todos los lenguajes de alto nivel de la programación moderna tienen la misma base. Esto supone la facilidad de adoptar, convertir y compatibilizar JavaScript con otros lenguajes de la misma base. El lenguaje pertenece actualmente a la empresa Oracle Corporation. JavaScript fue desarrollado por la empresa Netscape.

¿Cuál de las siguientes líneas de código es correcta?. document.write(¡Ilerna Online!);. document("¡Ilerna Online!");. alert(¡Ilerna Online!);. document.write("¡Ilerna Online!");.

¿Cuáles de los siguientes tipos de datos son datos primitivos en JavaScript?. Float. Math. String. Undefined. Number. Class. Date. Boolean.

¿Cuál de las siguientes variables es una variables de tipo booleano?. var miVariable = null;. var miVariable = true;. var miVariable = "true";. var miVariable = 12;.

¿Cuál de las siguientes variables es una variables de tipo cadena?. var miCadena = 12;. var miCadena = 2.33;. var miCadena = "Ilerna!";. var miCadena = Ilerna;.

Una variable de JavaScript podrá almacenar diferentes tipos de valores. Falso. Verdadero.

¿Cuáles de las siguientes palabras son consideradas reservadas en JavaScript?. break. make. while. count. class. letOf. case.

¿Cuáles de las siguientes propiedades son propiedades del objeto Document?. readyState. cookie. domain. platform. NaN. appName.

¿Cuáles de las siguientes propiedades son propiedades del objeto Window?. location. alert. find. frames. closed. innerWidth.

Cual de las siguientes opciones no corresponde con una palabra reservada: This. Super. Case. Count.

Una de las funciones para convertir una cadena de caracteres en datosnuméricos es: parseInt(). Qué resultado obtendremos si aplicamos: parseInt("98.76");. 98.8. 98. 98.7. 99.

¿Cuál de las siguientes lineas de código es correcta?. document.alert("¡Ilerna Online!");. document("¡Ilerna Online!");. document.write("¡Ilerna Online!");. document.write(¡Ilerna Online!);.

Indica la sintaxis de JavaScript correcta para modificar el contenido HTML que semuestra a continuación: <p id = "demo"> Ilerna Online </p>. document.getElement("p").innerHTML = "Centro FP Online";. document.getElementById("demo").innerHTML = "Centro FP Online";. #demo.innerHTML = "Centro FP Online";. https://campus.ilerna.es/courses/1570/quizzes/40717/take 3/5 document.getElementByName("p").innerHTML = "Centro FP Online";.

¿Cuáles de los siguientes tipos de datos es un dato primitivo en JavaScript?. Undefined. Flotante. Clase. Función.

Indica la sintaxis correcta para escribir una instrucción IF que ejecute algúncódigo si " i " no es igual a 5: if (i <> 5). if i =! 5 then. if (i != 5). if i <> 5.

¿Qué propiedades se deben establecer para controlar el tamaño de una ventana?. width y height. top y left. resizable y size. frame y frameborder.

Si pretendemos declarar una constante que solamente permita lectura, ¿quédeclaración utilizaremos?. private. var. let. const.

Para verificar si dos operandos son iguales y del mismo tipo, ¿qué comparadorutilizaremos?. ==. =. !==. ===.

¿Cómo se escribe correctamente una declaración IF en JavaScript?. if i = 5. if i == 5 then. if i = 5 then. if (i == 5).

Cuantas repeticiones realizara la siguiente estructura repetitiva: 7. 6. 5. 8.

¿Cuál de los siguientes comentarios es correcto en JavaScript?. // Comentario. / Comentario. */ Comentario */. <!-- Comentario -->.

¿Qué tipo de dato primitivo es la variable mi_variable? var mi_variable = 2;. Number. String. Boolean. Undefined.

Para poder llamar a la función mensaje desde el input, ¿cuál de las siguientesopciones añadiremos dentro del onclick?. mensaje(). alert(mensaje). function mensaje(). alert().

Las estructuras condicionales, como su nombre indica, sirven para condicionar elresultado que vamos a devolver, según la condición que se cumpla, entraremos enun bloque de código o en otro. Indica que resultado devolverá las siguientes estructuras condicionales: Online. Error. 16. Ilerna.

¿Cuál de las siguientes variables es una variables de tipo booleano?. var miVariable = null;. var miVariable = true;. var miVariable = 12;. var miVariable = "true";.