Los Fundamentos de JavaScript

Los navegadores y servidores usan el lenguaje de programación Javascript. Un servidor administra creando, recuperando, actualizando y borrando los objetos (como users, posts, files, favorites, etc). Un navegador administra mostrando el contenido al usuario y hablando al servidor. Los fundamentos de JavaScript son usados por ambos.

Variables

Una variable es un nombre que almacena un valor. Un valor puede ser un número, palabras, verdadero / falso, o ideas como una persona o una publicación.

Aquí hay unos ejemplos:

let name = "Monroe Clinton";
let age = 24;
let isMale = true;

Cuando quieres definir una nueva variable usas este formato.

Las variables pueden ser actualizadas con un nuevo valor.

let original = "original"
original = "updated"

Las variables pueden ser usadas por otros variables.

let original = "original"
let copy = original;

// Cuando actualizas, solo el original es actualizado
original = "updated";

// original es valor "updated"
// copy es valor "original"

Cuando un valor no es proporcionado.

let age;

// El valor es undefined

age = 24;

// El valor es 24

En el pasado se usaba el símbolo var. Ahora se usa el símbolo let.

Tipos

El valor de una variable es de un tipo.

Operaciónes

Un operación cambia de el tipo.

Strings

Los strings tienen uno operación.

Number

El fundamentos de el aritmético.

Comparaciónes

Usa las comparaciónes saber verdadero o falso. También, puedes almacenar en un valor.

let is4MasDe3 = 4 > 3;

If / Else

Si verdadero o falso, la lógica puede ser diferente usando if / else.

let age = 10;
let isTeenager = age >= 13 || age <= 18;

// Si verdadero, el código es ejecutar
if (isTeenager) {
    // La lógica si teenager

}

Si quieres ejecutar la lógica si falso.

if (isTeenager) {
    // La lógica si teenager

} else {
    // La lógica si no teenager

}

O si quieres ejecutar la lógica si solo falso.

if (!isTeenager) {
    // La lógica si no teenager

}

For

Si quieres repetir la lógica hasta el valor es verdadero.

let total = 0;


// Repite por tres
//  (Nuevo var; Hasta verdadero; Añade uno a i con ++)
for (let i = 0; i < 4; i++) {
    // total = total + 0;
    // total = total + 1;
    // total = total + 2;
    // total = total + 3;

    total = total + i;
}

// El valor de total es 6

Functions

Functions parte la lógica en las partes. Es necesitado cuando repite la lógica.

function getFullName() {
    return "Monroe Clinton";
}

// El valor de name es "Monroe Clinton"
let name = getFullName();

Crear un function, usa esto formato:

Usar un function, escribes nombreDeFunction, entonces () o si tienes los parámetros (p1, p2), entonces termina con ;. Los parámetros usan en el function.

function getAbout(firstName, lastName, age) {
    return firstName + " " + lastName + " is " + age + " years old.";
}

// El valor de name es "Monroe Clinton is 24 years old."
let about = getAbout("Monroe", "Clinton", 24);

Objects

Un object es una colección de valores.

let person = {
    firstName: "Monroe",
    lastName: "Clinton",
    age: 24,
};

// El valor es "Monroe Clinton"
let name = person.firstName + " " + person.lastname;

En las llaves curvas:

Usar el valor escribes el nombre de el variable entonces un punto entonces el nombre de el valor. Como esto:

let greetings = {
    english: "Hello!",
    espanol: "Hola!",
};

// greetings.english es "Hello!"
// greetings.espanol es "Hola!"

Classes

Un class es un creador de objects. Tienen variables y functions.

class Person {
    constructor(firstName, lastName, age) {
        this.firstName = firstName;
        this.lastName = lastName;
        this.age = age;
    }

    // Añade uno a el age
    birthday() {
        this.age = this.age + 1;
    }

    getAbout() {
        return this.firstName + " " + this.lastName + " is " + this.age + " years old.";
    }
}

let monroe = new Person("Monroe", "Clinton", 24);

// monroe.firstname es "Monroe"
// monroe.lastName es "Clinton"
// monroe.age es 24
// monroe.getAbout() es "Monroe Clinton is 24 years old."

Crear un class, usa esto formato:

En el class usa el fuction especial constructor darle los parámetros. Usa la palabra this usar el object de el class. En constructor almacenar los valores usa this. con el nombre de el valor. Puedes escribir funciones en el class, solo no empieza con function. En el function usa this. usar el valor de el variables (como firstname, lastName, age, etc). Puedes usar el functions en otros functions de class con this.nombreDeFunction().

Crear un object de un class usa la palabra new entonces el nombre de class con los parámetros.

let monroe = new Person("Monroe", "Clinton", 24);