Información sobre la tarea
La entrega será en formato PDF. Leer Entrega y presentación de tareas.
La tarea se calificará con una nota de APTO (10) o NO APTO (0).
Duración actividades obligatorias: 2 horas.
RA1. Selecciona las arquitecturas y tecnologías de programación sobre clientes web, identificando y analizando las capacidades y características de cada una
Actividades
Es muy importante leer los apuntes y realizar las actividades. Los actividades de esta unidad son base para la realización de actividades en las próximas unidades.
Navegador
Instala el navegador web Firefox Developer Edition y Brave.
Accede a la herramienta de desarrollo de cada navegador (tecla F12) y ejecuta en la consola las siguientes líneas de código una a una:
1
console.log("Soy <tu usuario> y prefiero la tortilla de patatas <con o sin> cebolla")
1
alert("Soy <tu usuario> y mi genero musical preferido es <genero musical preferido>")
Recuerda que debes sustituir todo lo que aparece entre “<” y “>”
📸 Haz una o varias capturas para demostrar que ha realizado esta tarea. ¡Recuerda que las capturas de pantalla deben abarcar todo el escritorio para que se vea la fecha y hora de realización!
Entorno de desarrollo
Para esta actividad tienes el artículo Trabajar con Visual Studio Code como ayuda.
Instala el entrono de desarrollo de Visual Studio Code.
En Visual Studio, instala la extensión de Live Preview o Live Server.
En Visual Studio, crea un documento <tu usuario>.html con Ctrl + N.
En el nuevo documento escribe html:5 y genera una estructura base para un documento HTML.
Añade en el body:
1
<h1>Soy <tu usuario> y mi genero cinematográfico preferido es <genero></h1>
Haz click en “Show preview” para ver el resultado:
Icono para ver el resultado dentro de Visual Studio Code
📸 Haz una o varias capturas para demostrar que ha realizado esta tarea.
Integración de código JavaScript
Añade las dos líneas de código de la primera actividad utilizando el elemento script.
¿Se ve el resultado del console.log() y del alert() en Visual Studio Code? Si no es así, ¿cómo puedo comprobar que mi console.log() y mi alert() realmente funciona?
📸 Haz una o varias capturas para demostrar que ha realizado esta tarea.
Script externo
Crea el fichero script.js y mueve las dos líneas de código de la actividad anterior a este nuevo fichero haciendo que se ejecute de igual modo.
¿Se ve el resultado del console.log() y del alert() en Visual Studio Code? Si no es así, ¿cómo puedo comprobar que mi console.log() y mi alert() realmente funciona?
¿En que parte del documento HTML deberíamos añadir el elemento script? ¿Y si usáramos los atributos async o defer?
📸 Haz una o varias capturas para demostrar que ha realizado esta tarea.
(Voluntaria) Atajos de teclado
Utiliza los atajos de teclado Alt + ↑ y Alt + ↓ para mover líneas de código.
(Voluntaria) GitHub
Crea una cuenta en GitHub si no la tienes.
Crea un repositorio para este módulo profesional.
Sube los ficheros que has utilizado esta práctica al repositorio.