Panorama

Utilizando la consola del navegador

Vamos a experimentar con JavaScript utilizando la consola de nuestro navegador. Te recomendamos utilizar Chrome, para consistencia durante la clase.

Para abrir la consola en Mac, usa el acceso directo Command + Option + J. Para abrir la consola en Windows o Linux, usa el accesso directo Control + Shift + J. También puedes hacer click derecho en el navegador, seleccionar la opción 'Inspeccionar Elemento' del menú, y hacer click en la pestaña 'Consola'

La consola es donde podemos experimentar con JavaScript, tecleando después del prompt >. La consola además nos mostrará el valor retornado por una expresión que tecleemos y mostrará cualquier error que tengamos.

Números

Pasos

Paso 1

En la consola, teclea 5 y presiona enter. Nota que se mostrará el valor 5 como respuesta. Así, nuestro valor de retorno de la expresión 5 es 5.

Paso 2

Intenta typeof(5) y nota que tipo de objeto es 5.

Paso 3

Intenta crear números decimales.

Paso 4

Intenta crear números irracionales (un número que sólo puede ser expresado como la relación de dos números, como 2/3). Nota que se convertirá a decimal.

Paso 5

Intenta sumar o restar números en la consola tecleando 6 + 12 o 15 - 32.

Paso 6

Intenta un caso extremo con números, como 12 / 0.

Paso 7

Para asignar un número a una variable, teclea numeroFavorito = 5 en el prompt de la consola. Después utiliza numeroFavorito en la siguiente expresión, como numeroFavorito + 7. Las variables en JavaScript son tradicionalmente 'camel-cased' con la primer letra de cada palabra en mayúscula.

Paso 8

Matemáticas más complejas, como exponentes, requieren que utilicemos el objeto Math, como en Math.pow(12, 2), ¡pero no debe detenernos en intentarlo!

Paso 9

Puntos Extra: Echa un vistazo a La Documentación de Mozilla para Desarrolladores para más información del objeto Math, ¡intenta utilizar los demás métodos que se describen en tu consola!

Cadenas

Las cadenas son unidades de texto, y las podemos encapsular en 'comillas simples' o "comillas dobles".

Pasos

Paso 10

Intenta crear una cadena tecleando'esta es una cadena' en el prompt de la consola.

Paso 11

Puedes obtener los caracteres de una cadena con 'esta es una cadena'[6], en donde el número 6 es el índice del caracter que quieres, iniciando en 0.

Paso 12

Concatena cadenas con 'mi nombre es' + 'Michelle' + '.'.

Paso 13

Asigna una cadena a una variable escribiendo miNombre = 'Michelle'.

Paso 14

Utiliza la variable como si fuera una cadena: '¿Tu nombre es ' + miNombre + '?'

Paso 15

Si tienes más conocimento sobre el tema, echa un vistazo a La Documentación sobre cadenas en MDN.

Booleanos (True/False)

Los Booleanos son un tipo de objeto utilizado para identificar valores verdaderos o falsos en JavaScript. Son mayormente utilizados para verificar si una condición es verdadera o no, o si existe algo.

Pasos

Paso 16

Intenta crear un Booleano tecleando 'x = false'.

Paso 17

Teclea x==false?console.log('yes'):console.log('no');.