Skip to content

Instantly share code, notes, and snippets.

@agustinpfs
agustinpfs / arrays.js
Created June 12, 2020 11:49
Javascript básico. Arreglos (arrays)
numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9]
texto = ["perro", "gato", "caballo"]
mix = [1, "casa", "auto", 77 ]
// Sus índices comienzan en 0 y se invocan con el nombre de la variable seguido del número de la posición entre corchetes.
console.log(numeros[1]) // 2
console.log(texto[0]) // perro
console.log(mix[3]) // 77
@agustinpfs
agustinpfs / condicionales.js
Created June 12, 2020 01:22
Javascript básico. Condicionales.
/////////////1º
// if (3>4) {
// console.log("3 es menor que 4");
// }
// var edad = 17;
@agustinpfs
agustinpfs / functions.js
Created June 12, 2020 00:04
Javascript básico. Ejemplos funciones.
// function myFuncion() {
// return 3 + 4;
// }
// console.log(myFuncion()); // 7
// function myFuncion(a, b) {
@agustinpfs
agustinpfs / functions.js
Last active July 1, 2020 09:14
Javascript básico. Ejemplos funciones.
// function myFuncion() {
// return 3 + 4;
// }
// console.log(myFuncion()); // 7
function myFuncion(a, b) {
@agustinpfs
agustinpfs / reasignacion-variables.js
Last active July 1, 2020 08:23
Javascript básico. Reasignación de variables.
const a = 7;
a = 8; // reasignación
console.log(a);// TypeError: Assignment to constant variable.
let b = 7; // mismo resultado para var a = 7
b = 9;
console.log(b); // 9 var y let pueden ser reasignadas
@agustinpfs
agustinpfs / variables-no-declaradas.js
Last active July 7, 2020 15:44
Javascript básico. Variables no declaradas.
a = 5;
b = "hola";
console.log(a); // 5
console.log(b); // hola
console.log(a, b); // 5 hola
console.log(b, a); // hola 5
console.log(a, a); // 5 5
console.log(b, b); // hola hola
@agustinpfs
agustinpfs / positions.html
Created June 11, 2020 13:09
CSS. Posisiones relativas, absolutas y fijas.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Positions</title>
<style>
.elemento {
background-color: coral;
border: 5px solid purple;
@agustinpfs
agustinpfs / flexbox-example.html
Last active June 29, 2020 13:50
Basic Flexbox
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flexbox</title>
<style>
.contenedor {
/* display: flex; */
/* flex-direction: column; */
/* justify-content: space-between; */
@agustinpfs
agustinpfs / links2.html
Last active July 10, 2020 14:07
HTML básico. Links2 (destino de links.html).
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Página 2</title>
</head>
<body>
<h1>Esta es la página pagina2.html</h1>
</body>
</html>
@agustinpfs
agustinpfs / links.html
Last active July 10, 2020 12:04
HTML básico. Links <a>.