Frontend: Fundamentos de JavaScript

Introducción y contexto

¿Qué es JavaScript y cuáles son sus principales usos en la web?
JavaScript es un lenguaje de programación utilizado para implementar funciones en las páginas web, es decir para hacer las páginas interactivas. Sus principales usos incluyen crear páginas web con formularios, recibir datos del usuario y reaccionar a dichos datos, y menús que permitan al usuario hacer distintas acciones; también se utiliza para desarrollar aplicaciones web usando frameworks y manipular datos.

¿En qué año y con qué propósito se creó JavaScript?
Se creó en 1995 por Brendan Eich, y su propósito era hacer un lenguaje para desarrollar scripts que fuera sencillo y dinámico para poder hacer páginas interactivas.

¿Por qué JavaScript no es lo mismo que Java?
La diferencia más grande entre Java y JavaScript es que Java es un lenguaje de programación que está enfocado en aplicaciones móviles, este lenguaje es mucho más complejo y robusto. Mientras que JavaScript es más flexible y dinámico, y su principal uso es realizar páginas web dinámicas.

¿Cómo se complementa JavaScript con HTML y CSS?
Los tres se utilizan para hacer páginas web completas y funcionales, HTML se utiliza para definir la estructura y el contenido de la página, se completa con CSS que es el que se utiliza para dar estilo y controlar el aspecto visual de la página, y para añadir funciones o contenido interactivo en la página se utiliza JavaScript

¿Cuáles son los tipos de datos primitivos en JavaScript?
Existen 6 tipos de datos primitivos en JavaScript:

• string: cadena de texto.
  Ejemplo: “hola, mi nombre es Ana.”
• number: Valor numerico.
  Ejemplo: 17 o 25.06
• bigint: Numeros enteros muy grandes.
  Ejemplo: 98754023
• boolean: Valor lógico, solo puede ser verdadero o falso.
  Ejemplo: true o false
• undefined: Variable ha sido declarada pero no se le ha asignado un valor.
  Ejemplo:let Variable1;
• symbol: Tipo de valor único que se puede usar como identificador.
  Ejemplo:const idUnico = Symbol('Id');

¿Qué diferencia hay entre un array y un objeto en JavaScript?
Un array es una colección ordenada de elementos a la que puedes acceder a través de sus índices, mientras que un objeto es una colección no ordenada de pares clave-valor.

¿Qué son y cómo se usan los operadores aritméticos, lógicos y relacionales?
Los operadores aritméticos son los que realizan operaciones matemáticas. Los operadores relacionales son los que sirven para comparar dos valores y que devuelva un valor falso o verdadero, como por ejemplo el mayor que y menor que, etc. Los operadores lógicos se usan para evaluar expresiones booleanas y con ello controlar el flujo de ejecución del código, como and y or.

Control de flujo

¿Cómo funcionan las sentencias condicionales if, else y switch?
Las sentencias if y else ejecutan bloques de código dependiendo si una condición es verdadera o falsa. Es decir ocurre algo mientras que una condición establecida se haya cumplido. El switch se utiliza cuando tenemos distintas opciones y cada una tiene un fragmento de código distinto

¿Cuáles son las diferencias entre los bucles for, while y do...while?
El bucle for se usa cuando sabes cuantas veces quieres que se repita el bucle. El bucle while es cuando el número de iteraciones se desconoce y depende de una condición que puede cambiar. El bucle do while se usa cuando el número de iteraciones es desconocido pero el código se ejecutará al menos una vez y después verifica la condición.

¿Para qué sirven las palabras clave break y continue?
break se usa para terminar un bucle antes de que se completen todas sus iteraciones, y continue se utiliza para omitir la iteración actual de un bucle y pasar directamente a la siguiente, esto sin terminar el bucle.

Funciones

¿Cómo se declara una función y cómo se llama en JavaScript?
Para declarar una función se usa la palabra clave function, luego el nombre de la función, seguido de los parámetros entre paréntesis, todo el contenido de la funcion se coloca dentro de llaves que se abren despúes de los parentesis de los parámetros. Para llamar a una función se debe poner su nombre seguido de paréntesis con los parámetros correspondientes.
Ejemplo
function restar(a, b) {
let resultado = a - b;
return resultado; }

¿Qué significa que una función tenga parámetros y un valor de retorno?
Una funcion recibe parametros que son lo datos que va a manejar durante su tiempo de vida, el retorno de una función es el dato que da después de que ejecuto sus operaciones o el código de la función, es lo que da al código

¿Qué son las funciones flecha (=>) y qué ventajas tienen?
Son una sintaxis más corta para definir funciones, sus ventajas es que permite escribir código más breve y legible, especialmente para funciones de una sola línea, ya que el retorno es implícito.

¿Qué es el scope en JavaScript y cómo afecta a las variables?
El scope es aquel que determina la vida útil de una variable y en qué lugar del código se pueden utilizar, ya sea una variable global que son las que se puede acceder desde cualquier parte del código, variable de función que son las que solo se utilizan en una función. Y por último, las variables de bloque, que es local a un bloque usando let y const.

Objetos y colecciones

¿Cómo se declara un objeto y cómo se accede a sus propiedades?
Para declarar un objeto debes usar la palabra reservada const. Puedes usar un literal de objeto que es una lista de pares clave: valor dentro de llaves.
Para acceder a las propiedades de un objetos se usa la notación de puntos, es decir, ‘objeto.propiedad’

¿Qué diferencia hay entre una propiedad y un método en un objeto?
Una propiedad es un valor asociado a un objeto, y un método es una función que se utiliza para realizar acciones y manipular los datos de un objeto.

3 métodos básicos de los arrays (push, pop, map, etc.) y explica cómo funcionan.

• push(): agrega elementos al final de un array.
  Toma los elementos que se le pasan como argumentos y los añade uno tras otro al final del array.
• pop(): remueve el último elemento de un array.
  Solo quita el elemento que se encuentra al final del array.
• map(): crea un nuevo array aplicando una función a cada elemento del array original
  Recibe una función como argumento que se aplica a cada elemento del array. Su resultado es un nuevo array con los resultados de la función aplicada.

Otros temas básicos

¿Qué es el DOM y por qué es importante en el uso de JavaScript en páginas web?
El DOM (Document Object Model) es como un mapa en forma de árbol de todo lo que hay en un archivo HTML. Es importante porque mediante eso JavaScript entiende la página, y puede hacer cambios en su contenido reaccionar a las interacciones del usuario con la página haga.

¿Qué es un evento en JavaScript y 3 ejemplos comunes?
Un evento es todo lo que sucede dentro de la página. Pueden pasar porque el usuario hace algo o porque el navegador

• Cuando alguien hace clic en un botón.
• Cuando se presiona una tecla (keydown).
• Cuando se manda un formulario (submit).

¿Cuál es la diferencia entre alert, prompt y console.log?
alert() se utiliza cuando se necesita mostrar un mensaje en una ventana emergente y que no desaparezca hasta que el usuario acepte el mensaje. Mientras que prompt() además de mostrar el mensaje, pide al usuario que escriba algo y devuelve lo que el usuario escribió. Y por último, console.log() manda información a la consola del navegador.

¿Cómo se abre la consola del navegador y qué ventajas tiene usarla para depurar código?
La consola se puede abrir dando clic derecho en la página y dar clic en la opción “Inspeccionar” o entrando a “Herramientas de desarrollador”. Sirve mucho para programar porque ahí puedes ver errores, probar código y en general depurar más fácil tu código.