# data[].attributes.body
Variables: Un espacio en la memoria que contiene algún tipo de dato.

Var

Let

Cons

Tipos de datos

Numero

String

Booleano

Undefined

Function

Object

# data[].attributes.body
Operadores Aritméticos

( + ) ( - ) ( * ) ( / )

Operadores lógicos

( && ) ( ! )

Operadores de asignación

( = )

Operaciones comparativos

( < )( > )( = )( === )( <= )( >= )

Operadores de condicional

( ?: )

# data[].attributes.body
Un objeto es un entidad independiente con propiedades y tipos.

Tipos de objetos

Un objeto literal y el constructor de objetos. Los objetos usados hasta ahora como ejemplos en este artículo son objetos literales. Objetos literales funcionan bien si deseas crear un solo objeto.

Para crear un objeto ... iniciamos con una variable declaramos su nombre y abrimos llaves ( { } )

# data[].attributes.body
Array son un tipo de dato de JS, almacena una cantidad de datos en el.

Para crear un array declaramos una variable y su nombre, seguido de llaves o corchetes ( ) [ ], en estos se guardara el tipo de dato que deseemos

También podemos crear arrays anidados haciendo uno dentro de otro, por ejemplo [ [ 'Manzana', 10 ], [ 'Pera', 5 ] ]

# data[].attributes.body
Los bucles ofrecen una forma rápida y sencilla de hacer algo repetidamente. Este capítulo de la Guía de JavaScript presenta las diferentes declaraciones de iteración disponibles para JavaScript.

Existen fundamentalmente dos tipos de bucles

Bucle While

While ( Condición ) {

Iteración

}

Bucle for

For (variable; condición) {

Iteración

}

# data[].attributes.body
Se usan para realizar las diferentes acciones según una condición.

Existen fundamentalmente dos tipos de condicionales

Condicional If

if (condicion) {

Lo que ocurre al ser cumplida la condición

}

Condicional Else

else {

Lo que ocurre al ser NO cumplida la condición

}

Frecuentemente estas siempre van de la mano ya que trabajan en conjunto para el cumplimiento o no de la condición impuesta

# data[].attributes.body
Son una forma de organizar nuestro código, permite reutilizar el mismo y por ende tener un mejor control de las dependencias

Un ejemplo podria ser ...

export const name = "square";

export function draw(ctx, length, x, y, color) {
  ctx.fillStyle = color;
  ctx.fillRect(x, y, length, length);

  return {
    length: length,
    x: x,
    y: y,
    color: color,
  };
}

# data[].attributes.body
Permite la interacción con la pagina web que se esta desarrollando.

El acceso a la pagina va de la mano del árbol de objetos dentro del archivo index.html, teniendo en cuenta sus "jerarquías".

Cuando un programa JavaScript, se ejecuta en el contexto de un navegador, se puede acceder al DOM utilizando el objeto "document", corresponde al elemento <html> , con lo que se tendrá acceso a todos los nodos hijos de la página, como <head> o <body> y sus descendientes.

# data[].attributes.body
Permite realizar funciones cuando el código al momento en que el mismo se ejecute.

Los eventos son cosas que pasan en el sistema que estás programando, el cual se encarga de avisarte para que tu código pueda hacer algo al respecto. Por ejemplo, si el usuario hace clic en el botón de una página web, puede que quieras reaccionar a esa acción y mostrar una tarjeta con información.

Una estructura muy superficial a nivel interactivo seria ...

Usuario --> Evento JS --> Función asociada