web/lang/js.js

// ! Estas son notas de programacion.

// ? Curso finalizados

CodigoFacilito - Curso Online de Inteligencia Artificial para Juegos

// ! Java script Info


// * Librerias
// ? Rust Instalacion
cargo init --lib
npm init -y
npm install -D webpack webpack-cli webpack-dev-server
npm install -D html-webpack-plugin

Web assambly
https://github.com/rustwasm/wasm-pack
https://rustwasm.github.io/wasm-pack/

npm install -D @wasm-tool/wasm-pack-plugin

// ! Comandos
Ctrl + Alt + I

// ! Codigo
// ? Esto es codig

<script src="main.js"></script>

// ! Para tenerlo en el propia HTML
<script stype="text/javascript"></script>


// * Comentarios
// Comentarios

/*
Comentaros
 */

/**
 * 
 */

// * Funciones
<- Funcionan en consola

// * Imprimir en consola
console.log()
// * Cuidado
console.warn()
// * Error
console.error()
// * Informacion
console.Info()

// * Comandos
window

// * Typo de datos
typeof()

// * Enviar una alerta al navegador
alert()

// * Variables
// * Siempre utilizar let o const
// ! Nunca utilizar var
let variables = "Siempre utilizar let"

// ? Number | Para todos los tipos de numeros, [Enteros & Decimales]
0
// ? String | Cadena de texto
"String"
// ? Bolean | false, true
true
false
// ? Coleccion de datos
// ? Array (Arreglo) | object
["Uno", "Dos", "Tres"]

// * Falta de valor
undefined

// * Nulo
null

// ! Codigo HTML

// * Al clickear el boton (Hace una funcion)
<button onclick="presiono_click()"></button>


function presiono_click() {
    console.log("Cick en boton");
}



// ! Objtos

let objeto = {
    nombre: "Nombre"
}

objeto.nombre = "Objeto"

let objetos = {
    nombre: "Objeto",
    apellido: "Objeti",
    edad: 3,
    dirrecion: {
        tienda: "Salare",
        cuidad: "Brofoli",
        edificio: {
            nombre: "Edificio secundario",
            contacto: "2222-3333"
        }
    }
}

console.log( objetos.dirrecion.tienda)

objetos.dirrecion.zicode = 00000;
console.log( objetos.dirrecion.zicode)

let edificio = objetos.dirrecion.edificio

edificio.nopiso = "Piso"

let objetos_nombre = objetos["nombre"]
let objetos_nombre2 = objetos["dirrecion"]["cuidad"]

let campo_edad = "edad";
let objetos_nombre3 = objetos[campo_edad]


// ! Mas codigo

// ! Funcion
function primera_funcion() {
    let a = 20;
    console.log(a);
}

primera_funcion();

// ! Funcion 2
function anonima( fn ) {
    fn();
}

anonima(
    function() {
        console.log("Esto es una fncion anonima");
    }
);

// ! Funciones

let mi_funcion = function() {
    console.log("Mi funcion")
}


// * Funcion random
Math.random();

function numero_aleatorio() {
    
    return Math.random();
}

function obtener_nombre() {
    return "Nombre"
}

function booleano() {
    
    if(numero_aleatorio() > 0.5) {
        return true;
    } else {
        return false;
    }
}


function a() {
    
}

// * El nombre de la funcion
a.name

a.apply

let nombre = "nombre"

let persona = {
    nombre: "Maria",
    apellido: "Dubon",
    imprimir_nombre: function () {
        console.log( nombre );
    },
    direccion: {
        pais: "Costa rica",
        obtener_pais: function () {
            
            const self = this;
            
            let nuevaDireccion = function () {
                console.log( self );
                console.log(`Direccion es en ${pais}`);
                
            }

            nuevaDireccion();
        }
    }

};

persona.imprimir_nombre();




// ? Palabras reservadas

// * New
// * Crea un objeto vacio

function personas(nombre, apellido, edad) {
    const self = this;

    self.nombre    = nombre;
    self.apellido  = apellido;
    self.edad      = edad;

    self.nombre_completo = function () {
        return `${self.nombre} ${self.apellido} ${self.edad}`;
    }
}

let persona = new personas("Juan", "Loper", 30);


console.log(persona);
console.log(persona.nombre);
console.log(persona.nombre_completo());


------------------------------------
// ? Nuevo

// * Macro atribute
#[]