🎠 Ejercicios básicos en Javascript parte I

Introducción a la consola y variables en Javascript

Explicación del Ejercicio

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

---

Objetivo del Ejercicio

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.

---

Objetivos Específicos

1. Imprimir mensajes en la consola: Aprenderás a utilizar console.log() para mostrar mensajes y resultados en la consola del navegador.
2. Crear y usar variables: Te familiarizarás con la declaración y el uso de variables en Javascript para almacenar diferentes tipos de datos.
3. Entender tipos de datos: Conocerás los diferentes tipos de datos disponibles en Javascript y cómo se pueden utilizar.

---

Criterios de Evaluación

1. Uso de console.log(): Se evaluará la correcta impresión de mensajes en la consola.
2. Creación de variables: Se verificará que las variables se declaren y utilicen correctamente.
3. Comprensión de tipos de datos: Se evaluará la capacidad de crear y manejar diferentes tipos de datos en Javascript.
4. Cumplimiento de los pasos: Se comprobará que se han seguido todos los pasos para completar cada ejercicio.

---

Paso a Paso

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

1. Ejercicio 1: Imprime un mensaje de bienvenida

   Completa el ejercicio para imprimir un mensaje en la consola de saludo al usuario.

2. Ejercicio 2: Crear variables de diferentes tipos

   Crea variables para los tipos de dato string, number, boolean, null, undefined, object y array, e imprímelos en la consola.

3. Ejercicio 4: Sumar dos números

   Realiza una suma de dos números y muestra el resultado en la consola.

4. Ejercicio 5: Restar dos números

   Resta dos números y muestra el resultado en la consola.

5. Ejercicio 6: Multiplicar dos números

   Multiplica dos números e imprime el resultado en la consola.

6. Ejercicio 7: Dividir dos números

   Divide dos números y muestra el resultado en la consola.

7. Ejercicio 8: Comparar dos variables

   Crea dos variables y compara sus valores, mostrando el resultado en la consola.

8. Ejercicio 9: Otra comparación

   Crea otra variable que devuelva true en la comparación.

9. Ejercicio 10: Comparación con num1 y num2

   Crea las variables num1 y num2, y realiza una comparación que devuelva true.

10. Ejercicio 11: Comparación de tipos

    Compara dos variables para obtener false y muestra el resultado.

11. Ejercicio 12: Comparación que devuelva true

    Realiza una comparación que devuelva true.

12. Ejercicio 13: Concatenar cadenas

    Crea variables para tu nombre y apellido y concaténalas, mostrando el resultado.

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

---

Recursos y Herramientas

• Editor de Texto: Visual Studio Code
• Documentación de Javascript:
  • JavaScript MDN
  • Introducción a JavaScript
  • Guía de JavaScript

---

Entrega del Ejercicio

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