Bases de Datos (29/01/2021)

Haciendo prácticas y sentencia "UPDATE"

En la clase de hoy hemos empezado corrigiendo un fallo que había en un fichero de una base de datos de ejemplo, al que había que cambiarle el formato de codificación a UTF-8, debido a que tenía otra y daba problemas en el gestor de bases de datos, para arreglarlo, abrimos el fichero, por ejemplo en notepad++, y una vez dentro cambiamos la codificación de caracteres en el apartado de codificación, lo guardamos, cuando esté cambiado correctamente lo incluimos ya dentro del servidor de bases de datos.

Después hemos encendido nuestra máquina virtual y la pantalla de comandos del servidor Debian de BBDD. Introducimos los valores para activar la base de datos de "tienda", cargamos con el "show databases", creamos una tabla, etc., y hemos terminado con el repaso viendo el comando "select".

Si queremos añadir un nuevo registro o fila en una tabla, en la ventana de comandos escribimos "insert into 'nombre de la tabla' (cod, nombre, precio, unidad) values ('datos de la unidad');".

Para borrar un registro o fila en una tabla, en la ventana de comandos de Debian, escribimos un "delete from 'nombre de la tabla' where nombre= 'se escribe el nombre que queremos eliminar';".

En la segunda hora de clase hemos comenzado viendo la sentencia "update", para actualizar algún registro, fila, etc. Utilizando de ejemplo una tabla (articulo), para cambiar el precio de un artículo por ejemplo, escribimos en la ventana de comandos por ejemplo: "update articulo set precio=56.22 where cod='00021';". Al actualizar el servidor donde se encuentra la tabla, se cambiará el valor.

Los problemas de integridad referencial se han ido solucionando gracias a comandos como "update" por ejemplo en la ventana de comandos, u otros comandos como "delete", etc.

 

Lenguaje de Marcas (28/01/2021)

Repaso, Pseudoelementos, "box-sizing" y Posicionamiento

En la clase de hoy hemos realizado inicialmente un breve repaso de los contenidos vistos anteriormente, como el "display". Después de hacer el repaso hemos continuado viendo el ejercicio práctico de ejemplo que se empezó a ver en la clase anterior. Se ha recordado que una parte importante a la hora de hacer un proyecto, página o sitio web, es la documentación de lo que hemos ido realizando, para que son algunos elementos o pseudo elementos, cambios que se vayan haciendo, etc. Esto es importante, sobre todo si otra persona tiene que trabajar sobre nuestro código, que sepa identificar lo que hemos hecho, al igual que nosotros necesitaremos de una documentación si trabajamos con el código de otra persona. Hemos consultado que es el pseudo elemento ":nth-of-type", que sirve para dar atributos a ciertos elementos hermanos en ciertas posiciones concretas, por ejemplo: "quiero dar el mismo color a todo cuarto elemento, de cada grupo de elementos hermanos". 

También hemos visto el "box-sizing", que consiste en seleccionar un tamaño por defecto a una caja, por defecto vendrá como "content-box", pero podemos cambiarlo por "border-box o padding-box", por ejemplo, que hace que el "width" se calcule con el tamaño que pongamos específico y adapte el resto de tamaños como "padding, border o content", es decir, que lo que le demos al width será lo que se muestre en el navegador, al contrario que el "content-box", que calcula cada uno por separado de lo dicho anteriormente y toma el valor de cada uno. Hemos abierto otro ejercicio de ejemplo sobre el "box-sizing", para ver como se comporta con un ejemplo. 

En la segunda hora de clase hemos empezado viendo otro ejercicio práctico de ejemplo sobre Layout y elementos relacionados con el posicionamiento de las cajas. Por ejemplo, para un centrado horizontal, se usaría el "text-align: center" al elemento padre, hará que el elemento al que se lo apliquemos se ponga centrado dentro de su caja, estos son elementos en línea. Están los elementos en bloque como el "margin: X(un valor) auto" + una anchura dada. Dentro de una fila se pueden dar varios elementos en bloque con, por ejemplo, usando el "text-align: center" al padre, con un "display: inline-block" a los elementos y teniendo una anchura. También se puede usar los contenedores "flex", de una forma más sencilla. LO anterior era para un centrado horizontal, pero para centrar verticalmente, en el caso de elementos en línea, habría que añadir el mismo "padding" arriba y abajo, además de añadir un "vertical-align: middle", dentro de un elemento tabla o si se simula con un "display", recordando que el elemento padre debe tener una altura fija. También se pueden usar contenedores "flex" para facilitar la operación. El centrado vertical en elementos en bloque se haría aplicando la propiedad "position" en el contenedor y el elemento, o con "flex".

Bases de Datos (27/01/2021)

Traslado de máquinas virtuales entre equipos distintos

En la clase de hoy se ha visto la manera de poder trasladar el contenido de una máquina virtual que tengamos por ejemplo en clase a un Pendrive (USB), para poder llevarlo a casa o viceversa. Tras pasar el archivo correspondiente, donde vayamos a crear una nueva máquina virtual, sin disco duro, le añadimos el archivo de disco duro que hemos conseguido para que se instale en esa nueva máquina y vincularla, para que en esa nueva máquina tengamos lo que hemos trabajado en la de clase/casa.