Ejercicio objetos

Vamos a crear una función que pasándole como parámetros un nombre y un sueldo nos cree un objeto con esta forma:
{
nombre: el nombre que le pasemos
sueldo: el sueldo que le pasemos
}

Usamos la función para crear las variables ana y pepe con nombre ‘Ana Pi’ y ‘Jose Buj’ y sueldos 1500 y 1300.

Crearemos una función mayorSueldo que pasándole dos objetos nos devuelva el que tiene mayor sueldo. Si uno de los objetos no tiene la propiedad sueldo el mayor será el que sí tenga esa propiedad. Si ninguno de los dos tiene propiedad sueldo devolvemos null.

Ejercicios JS

Crear una función ‘mayor’ que pasándole dos números nos devuelva el mayor. Declaradla de las tres maneras posibles (declaración, expresión, flecha).

Crear una función ‘paridad’ que pasándole dos números nos devuelva true si los dos son pares o impares o false si uno es par y el otro impar. Declaración y función flecha

Crear una función a la que le pasemos un número y nos devuelva si es primo o no.

Ejemplos funciones js

let a=10, b=20;
let t=[1,2,3]

function sorpresa(num, par,impar){
	if (num%2==0){
		par();
	}else{
		impar();
	}
}

function suma(a,b){
	a+=b;
	return a;
}
function sumaTabla(t){
	let s=0;
	while(t.length>0){
		s+=t.pop();
	}
	return s;
}
let c=suma(a,b);
function duplicarTabla(tabla){
	let t=[...tabla];
	for(let i=0;i<t.length;i++){
		t[i]*=2;
	}
	return t;
}
function cambiarTabla(tabla,funcion){
	let t=[...tabla];
	for(let i=0;i<t.length;i++){
		t[i]=funcion(t[i]);
	}
	return t;
}
function duplicar(n){
	return n*2;
}
function cuadrado(n){
	return n*n;
}
let saludo=function(){
	console.log("holis");
}
let otro=saludo;
let adios=function(){
	console.log("Adios");
}
sorpresa(4,saludo,adios);
sorpresa(5,saludo,adios);

console.log(c);
console.log(a);
a=suma(a,b);
t2=duplicarTabla(t); //Duplicarla en otra tabla
t=duplicarTabla(t); // Modificar mi table
let t3=cambiarTabla(t,cuadrado);
console.log(t);
console.log(t3);
let s=sumaTabla(t);
console.log(s);
console.log(t);

Ejercicio bootstrap

Con el ejercicio del otro día (acordeón galería de imágenes) vamos a modificarlo para incorporar Bootstrap poniendo:

La barra de navegación con navbar.
El acordeón el de bootstrap.
Crear un botón ‘login’ que nos abra un modal con dos cajas de texto usuario y contraseña.

Bootstrap

Para empezar, nuestra amiga w3schools:

https://www.w3schools.com/bootstrap4/default.asp

https://www.w3schools.com/bootstrap5/index.php

https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-get-started.php

Ahí encontraremos la explicación de todos los elementos de bootstrap muy bien explicados, pero también podemos ir a las fuentes:

https://getbootstrap.com/docs/4.6/getting-started/introduction/

https://getbootstrap.com/docs/5.0/getting-started/introduction/

Novedades de 5.0 respecto a 4:

https://www.pedrodelanube.com/bootstrap-5-que-hay-de-nuevo/

Aquí encontraremos diferentes bootstraps tuneados:

https://bootswatch.com/

Y aquí templates listos para usar:

https://colorlib.com/wp/free-bootstrap-templates/

En trifulcas hay código de muchos ejemplos:

https://trifulcas.com/ejemplos-bootstrap/

https://trifulcas.com/ejemplo-bootstrap-2/

https://codepen.io/ajaypatelaj/pen/prHjD

Un análisis exhaustivo del grid de bootstrap:

https://trifulcas.com/analisis-del-grid-de-bootstrap/

Ejemplos del grid de bootstrap:

https://coreui.io/docs/layout/grid/

https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-grid-system.php

https://freefrontend.com/bootstrap-grid-examples/