¿Qué vamos a hacer?
Vamos a practicar la sintaxis básica de Javascript, utilizando la consola del navegador para ver los resultados de nuestro código.
¿Dónde lo vamos a hacer?
Trabajaremos en un archivo index.html
que se abrirá en el navegador utilizando Live Server.
Trabajaremos en un archivo script.js
donde escribiremos código Javascript y lo visualizaremos desde la consola del navegador.
¿Cómo lo hacemos?
Escribiremos y ejecutaremos código Javascript y lo visualizaremos en la consola del navegador para practicar conceptos fundamentales como la impresión de mensajes, la creación de variables y el uso de operadores.
¿Con qué lo hacemos?
Utilizaremos Javascript y un navegador web. Abriremos la consola del navegador para ver los resultados de nuestro código.
¿Cómo se evalúa lo que hacemos?
El ejercicio será evaluado en función de la correcta implementación de las instrucciones y la capacidad para visualizar los resultados en la consola.
En esta actividad individual, el objetivo principal es familiarizarse con la consola de Javascript y la creación de variables, fomentando la comprensión de los conceptos básicos de programación.
- Imprimir mensajes en la consola: Aprenderás a utilizar
console.log()
para mostrar mensajes y resultados en la consola del navegador. - Crear y usar variables: Te familiarizarás con la declaración y el uso de variables en Javascript para almacenar diferentes tipos de datos.
- Entender tipos de datos: Conocerás los diferentes tipos de datos disponibles en Javascript y cómo se pueden utilizar.
- Uso de
console.log()
: Se evaluará la correcta impresión de mensajes en la consola. - Creación de variables: Se verificará que las variables se declaren y utilicen correctamente.
- Comprensión de tipos de datos: Se evaluará la capacidad de crear y manejar diferentes tipos de datos en Javascript.
- Cumplimiento de los pasos: Se comprobará que se han seguido todos los pasos para completar cada ejercicio.
Paso 1: Abrir el archivo HTML
- Abre el archivo
index.html
en tu editor de texto (Visual Studio Code). - Asegúrate de que el archivo esté abierto en el navegador utilizando Live Server.
Paso 2: Abrir la consola del navegador
- En el navegador, abre el Inspector (puedes hacerlo con clic derecho y seleccionando "Inspeccionar" o presionando
Ctrl + Shift + I
en Windows). - Selecciona la pestaña Consola para comenzar a trabajar.
Paso 3: Imprimir un mensaje de bienvenida
- Escribe un mensaje de bienvenida en la consola que puedas utilizar para comprobar que todo funciona correctamente.
Paso 4: Continuar con los ejercicios en el archivo script.js
-
Ejercicio 1: Imprime un mensaje de bienvenida
Completa el ejercicio para imprimir un mensaje en la consola de saludo al usuario.
-
Ejercicio 2: Crear variables de diferentes tipos
Crea variables para los tipos de dato
string
,number
,boolean
,null
,undefined
,object
yarray
, e imprímelos en la consola. -
Ejercicio 4: Sumar dos números
Realiza una suma de dos números y muestra el resultado en la consola.
-
Ejercicio 5: Restar dos números
Resta dos números y muestra el resultado en la consola.
-
Ejercicio 6: Multiplicar dos números
Multiplica dos números e imprime el resultado en la consola.
-
Ejercicio 7: Dividir dos números
Divide dos números y muestra el resultado en la consola.
-
Ejercicio 8: Comparar dos variables
Crea dos variables y compara sus valores, mostrando el resultado en la consola.
-
Ejercicio 9: Otra comparación
Crea otra variable que devuelva
true
en la comparación. -
Ejercicio 10: Comparación con num1 y num2
Crea las variables
num1
ynum2
, y realiza una comparación que devuelvatrue
. -
Ejercicio 11: Comparación de tipos
Compara dos variables para obtener
false
y muestra el resultado. -
Ejercicio 12: Comparación que devuelva true
Realiza una comparación que devuelva
true
. -
Ejercicio 13: Concatenar cadenas
Crea variables para tu nombre y apellido y concaténalas, mostrando el resultado.
-
Ejercicio 14: Usar operadores lógicos
Completa un bloque de código utilizando operadores lógicos para evaluar diferentes condiciones.
Paso 4: Guardar y Revisar
- Guarda todos los cambios en el archivo
index.html
y revisa que el código Javascript se haya ejecutado correctamente, observando los resultados en la consola del navegador.
- Editor de Texto: Visual Studio Code
- Documentación de Javascript:
- Formato de entrega:
- Se deberá entregar en el Classroom, con el enlace a github.
Este ejercicio te permitirá familiarizarte con la consola de Javascript y la organización de variables, estableciendo una base sólida para avanzar en tu aprendizaje de programación.