Investigacion JS by Santiago Hernandez

FUNDAMENTOS

sanhernandez097 — 2023-11-20 20:16:55 UTC

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

OPERACIONES BASICAS

sanhernandez097 — 2023-11-20 20:27:11 UTC

Operadores Aritméticos

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

Operadores lógicos

( && ) ( ! )

Operadores de asignación

( = )

Operaciones comparativos

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

Operadores de condicional

( ?: )

OBJETOS

sanhernandez097 — 2023-11-20 20:31:43 UTC

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 ( { } )

ARRAY

sanhernandez097 — 2023-11-20 20:37:23 UTC

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 ] ]

BUCLES

sanhernandez097 — 2023-11-20 20:40:59 UTC

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

}

CONDICIONALES

sanhernandez097 — 2023-11-20 20:51:41 UTC

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

MODULOS

sanhernandez097 — 2023-11-20 20:57:50 UTC

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,
  };
}

DOM

sanhernandez097 — 2023-11-20 21:02:58 UTC

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 , con lo que se tendrá acceso a todos los nodos hijos de la página, como o y sus descendientes.

EVENTOS

sanhernandez097 — 2023-11-20 21:13:16 UTC

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