¿Cómo empezar con JavaScript?

Para empezar con JS, debemos de conocer dónde y cómo podemos ejecutar, y eso es el navegador (i.e. Chrome).

Chrome Developer Tools o DevTools

Esta es una herramienta que te acceso a inspeccionar elementos de la web en la que te encuentras. Para acceder al DevTools, hay distintas formas, en este caso, usaremos la siguiente:

  • Abre una nueva pestaña en chrome (Ctrl + T en Windows o Cmd + T en OSX).
  • En la barra de navegación (donde normalmente va la url), escribe about:blank y luego presiona enter.
  • En el centro de la pantalla (blanco completo por defecto), presiona clic derecho y selecciona la opción de Inspeccionar.
  • Por último, dar clic en la parte que dice Console.
Consola del DevTools

Datos

Los datos son valores que pueden ser operables pero que no tienen un significado por sí solos.

Ej: 3.1416

Información

Son datos con significado o contexto que es dado por una persona.

Ej:

PI = 3.1416; // Una constante matemática
Promedio = 3.1416; // El promedio de un alumno

En programación, nosotros interactuamos con datos que se convierten en información para los usuarios.

Ejemplos de datos y operadores en JavaScript

Variables

Las variables pueden ser entendidas como contenedores de datos que pueden ser referenciadas mediante un nombre (identificador) y usadas en cualquier parte de un programa.

Sintaxis:

var nombreVariable = valor;

Componentes:

  • var es una palabra reserveda por JS utilizada para declarar una variable.
  • nombreVariable es el identificador por el cual llamamos a una variable.
  • = es el operador de asignación.
  • valor es el dato que almacenamos en la variable.
  • ; es el indicador del fin de una sentencia (statement).
Nota: Si no se escribe el ; al final del statement, el programa funciona, pero no es considerada una buena práctica.

Ejemplos:

var PI = 3.1416;
var promedio = 3.1416;

Declarar/Definir una variable

Cuando un texto indica la declaración de una variable, esto refiere a designar el nombre de una variable sin darle un valor.

Ejemplo:

var nombre;
var nota;

Inicializar una variable

Cuando un texto indica la inicialización de una variable, esto refiere a declarar una variable y darle un valor inicial.

Ejemplo:

var nombre = “Ivan”;
var nota = 10; // 10 de 10 :P

Ejercicio

  1. Implementa un algoritmo que calcule la cantidad de minutos de una hora.
// Digamos que la hora es 06:45 am
var hora = 6;
var minutos = 45;
var totalMinutos = hora * 60+ minutos; // Este es el resultado
alert(totalMinutos); // Esto hará magia :D

En el browser se verá así:

Resultado del ejercicio 1.

Tipos de Datos

En JavaScript, existen 7 tipos de datos primitivos, pero nos enfocaremos en solo 3:

  • Number

Son todos los números racionales (esto incluye números enteros y números decimales).

Ejemplo:

var num1 = 23;
var num2 = 123.34;
  • String

Es la forma de representar cualquier caracter o texto.

Ejemplo:

var letra = ‘a’;
var palabra = “hola”;
Nota: En JS, los strings pueden escribirse con comillas simples ‘’ o comillas dobles “”.
  • Boolean

Es la representación de un bit, un tipo de dato que solo puede tener 2 valores: true o false, pueden ser vistos también como 1 o 0, on/off.

Ejemplo:

var estasBien = true;
var jsEsAburrido = false;

¿Cómo comprobar el tipo de dato?

Usando el operador typeof seguido del valor o variable. Esto devuelve el tipo de dato como si fuese un texto (string).

Comprobar el tipo de dato
One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.