JAVASCRIPT¶

¿Qué es JavaScript?¶

JavaScript es un lenguaje de programacion que se ejecuta en el navegador. Contituye un a de las tecnologias centyrales de la web junto con html y css. Nos permite agregar intercatividad a nuestras paginas web, como ser controles, botones, ventanas emergentes, etc. Ademas de usarse en el navegador tambien se usa en otros entornos como ser: - Node.js: para crear aplicaciones de servidor - Electron: para crear aplicaciones de escritorio - React Native: para crear aplicaciones moviles

¿Como Ejecutar JavaScript?¶

Hay varias formas de ejecutar JavaScript: - En el navegador: se puede ejecutar directamente en el navegador, para esto se debe abrir la consola del navegador y escribir el codigo. - En un archivo HTML: se puede escribir el codigo en un archivo HTML dentro de la etiqueta <script>. y abrirlo en el navegador. - En un archivo JS: se puede escribir el codigo en un archivo con extension .js y luego importarlo en un archivo HTML. - En Node.js: se puede ejecutar en la terminal de Node.js.

Variables¶

Una aplicacion necesita trabajar con datos. Para almacenar estos datos en el codigo base de una aplicacion, se utilizan variables. Las variables son contenedores para almacenar datos (como texto, numeros, objetos, etc). En js se pueden declarar variables con la palabra clave var, let o const. - var: declara una variable con ambito de funcion o de ambito global. la sintaxis es:

var nombre = "Juan";

- let: declara una variable con ambito de bloque. la sintaxis es:

let nombre = "Juan";

- const: declara una constante con ambito de bloque, el valor que almacena esta variable no puiede ser modificado. En caso de que su valor sea un objeto, vector o una matriz sus propiedades y elementos pueden eliminarse o actualizarse. la sintaxis es:

const nombre = "Juan";

Alcanze de las Variables¶

El alcanse de la variables se refiere a la visibilidad de las variables en el codigo. En js hay tres tipos de alcanze: - Global: las variables declaradas fuera de una funcion o fuera de las llaves {} tienen alcance global. Estas variables se pueden acceder desde cualquier lugar del codigo. - Local o de funcion: las variables declaradas dentro de una funcion tienen alcance local. Estas variables solo se pueden acceder dentro de la funcion. - Bloque: Un bloque es cualquier parte el codigo delimuitado por llaves {}. Este alacanse solo lo proporcionan las palabras clave let y const.

Tipos de Datos¶

En js hay varios tipos de datos: - String: cadena de texto. Ejemplo: "Hola Mundo" - Number: numeros. Ejemplo: 3.14 - Boolean: valores logicos. Ejemplo: true, false - Object: objetos. Ejemplo: {nombre: "Juan", edad: 30} - Array: matrices. Ejemplo: [1, 2, 3, 4, 5] - Undefined: valor indefinido. Ejemplo: var x; - Null: valor nulo. Ejemplo: var x = null;

Operadores¶

Los operadores son simbolos que se utilizan para realizar operaciones matematicas o logicas. En js hay varios tipos de operadores: - Aritmeticos: se utilizan para realizar operaciones matematicas. Ejemplo: +, -, *, /, %, ++, -- - Asignacion: se utilizan para asignar valores a las variables. Ejemplo: =, +=, -=, *=, /=, %= - Comparacion: se utilizan para comparar dos valores. Ejemplo: ==, ===, !=, !==, >, <, >=, <= - Logicos: se utilizan para realizar operaciones logicas. Ejemplo: &&, ||, !

Condicionales¶

Las estructuras condicionales se utilizan para tomar decisiones en el codigo. En js hay varias estructuras condicionales: - if: se utiliza para ejecutar un bloque de codigo si una condicion es verdadera. la sintaxis es:

if (condicion) {
    // bloque de codigo
}

- else: se utiliza para ejecutar un bloque de codigo si la condicion es falsa. la sintaxis es:

if (condicion) {
    // bloque de codigo
} else {
    // bloque de codigo
}

- else if: se utiliza para especificar una nueva condicion si la primera condicion es falsa. la sintaxis es:

if (condicion) {
    // bloque de codigo
} else if (condicion) {
    // bloque de codigo
} else {
    // bloque de codigo
}

- switch: se utiliza para seleccionar uno de los muchos bloques de codigo para ser ejecutado. la sintaxis es:

switch (expresion) {
    case valor1:
        // bloque de codigo
        break;
    case valor2:
        // bloque de codigo
        break;
    default:
        // bloque de codigo
}

Bucles¶

Los bucles se utilizan para repetir una parte del codigo varias veces. En js hay varios tipos de bucles: - for: se utiliza para repetir una parte del codigo varias veces. la sintaxis es:

for (inicializacion; condicion; incremento) {
    // bloque de codigo
}

- while: se utiliza para repetir una parte del codigo mientras una condicion sea verdadera. la sintaxis es:

while (condicion) {
    // bloque de codigo
}

- do while: se utiliza para repetir una parte del codigo mientras una condicion sea verdadera. la sintaxis es:

do {
    // bloque de codigo
} while (condicion);

- for in: se utiliza para iterar sobre las propiedades de un objeto. la sintaxis es:

for (variable in objeto) {
    // bloque de codigo
}

- for of: se utiliza para iterar sobre los valores de un objeto iterable. la sintaxis es:

for (variable of objeto) {
    // bloque de codigo
}

Funciones¶

Las funciones son bloques de codigo reutilizables que se pueden definir una vez y ejecutar en cualquier momento. En js hay varias formas de definir funciones: - Declaracion de funcion: la sintaxis es:

function nombreFuncion(parametro1, parametro2, ...) {
    // bloque de codigo
}

• Expresion de funcion: la sintaxis es:

  var nombreFuncion = function(parametro1, parametro2, ...) {
      // bloque de codigo
  }

• Funcion flecha: la sintaxis es:

  var nombreFuncion = (parametro1, parametro2, ...) => {
      // bloque de codigo
  }

• IIFE (Immediately Invoked Function Expression): la sintaxis es:

  (function() {
      // bloque de codigo
  })();

Objetos¶

Los objetos son contenedores para valores en forma de pares clave-valor. En js los objetos se definen con llaves {}. la sintaxis es:

var persona = {
    nombre: "Juan",
    edad: 30,
    casado: false,
    hijos: ["Ana", "Luis"]
};

Arreglos¶

Los arreglos son objetos de tipo lista de alto nivel. En js los arreglos se definen con corchetes []. la sintaxis es:

var frutas = ["Manzana", "Banana", "Pera"];