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.

Lenguaje de Marcas (26/01/2021)

Propiedades de Posicionamiento ("Display")

En la clase de hoy hemos empezado viendo un pequeño ejercicio práctico de HTML. Después hemos continuado con el temario sobre más propiedades de posicionamiento de los elementos de HTML, en este caso, la propiedad "display", cuya función es colocar o posicionar los elementos que elijamos en un lugar u otro de la página. Encontramos varios tipos de display, como por ejemplo el "inline-block", "inline", "block", etc. Algunos elementos vienen por defecto con alguna propiedad concreta como la de block o inline. Al igual que algunos aceptan por defecto cambios horizontales o de width, height, etc., a no ser que le asignemos la propiedad inline-block.

Por último hemos estado revisando el contenido que tiene un ejercicio de ejemplo ya resuelto, tanto de HTML, como de CSS, para identificar los elementos que se incluyen y como se comportan al abrirlo en un navegador web.

Bases de Datos (25/01/2021)

Introducción a DML (Lenguaje de Descripción de Datos)

En la clase de hoy, dividida entre una parte por videoconferencia y otra presencial, hemos continuado con los ejercicios sobre las bases de datos, además de ver un nuevo lenguaje de descripción de datos, denominado DML (Data Manipulation Language). Este lenguaje contiene unas sentencias nuevas que utilizar: SELECT (Seleccionar datos), INSERT (Insertar datos), UPDATE (Modificar datos) y DELETE (Borrar datos). Aparte hemos cargado en el cliente HeidiSQL unas bases de datos de práctica sobre una tienda online y un ejemplo de base de datos.

Bases de Datos (22/01/2021)

Máquina Virtual y compartir carpetas

En la clase de hoy se ha hecho al principio un breve repaso de lo que se ha visto en las anteriores clases. Después hemos accedido a una serie de manuales sobre MySQL y algunos ejemplos de bases de datos como el de una tienda. Hemos añadido a la máquina virtual VirtualBox un servidor de Windows y lo hemos configurado e iniciado. Dentro de la máquina virtual, con Windows iniciado, hemos compartido previamente una carpeta con nuestro equipo base, después hemos entrado en la ventana de comandos de MySQL desde la máquina virtual. Hemos cargado mediante el "source" y la ruta de la carpeta primero el esquema y luego los datos (importante hacerlo en ese orden) de la base de datos. Tras tener cargadas las bases de datos correspondientes, se ha utilizado la instrucción "use" y el nombre de la base de datos, para cargarla, después el comando "show tables" y por último el comando "desc" y uno de los nombres del contenido de la tabla (importante recordar el poner el ";" al final de cada instrucción o comando para que se cargue la instrucción, si no se quedará esperando a que se ponga). 

Lenguaje de Marcas (21/01/2021)

Introducción Etiquetas de Organización y Prácticas

En la clase de hoy hemos hecho un breve repaso al principio en lo relativo a los "layout", contenido visto en la anterior clase, después continuado tratando con los elementos y etiquetas de HTML. Hemos continuado viendo las "Etiquetas de Organización", como los "<section>, <header> o <footer>". Todas estas herramientas nos sirven para mejorar la organización y el diseño de nuestra web. Tras repasar lo anterior hemos continuado con los elementos de CSS, primero haciendo un breve repaso de lo visto anteriormente de CSS, como los "margin, los padding, los float o elementos flotantes", etc. Con los elementos flotantes podemos adaptar nuestras web a diferentes resoluciones o tamaños de pantalla.

Hemos realizado mediante alguna práctica en Visual Studio Code la aplicación de elementos como los "float" o "margin" por ejemplo, a elementos de HTML como imágenes, el "body" o textos, algunos introducidos en cajas. Al mismo tiempo que a la vez aplicamos los estilos de CSS correspondientes en cada uno. Hemos terminado intentando incluir una imagen dentro de los estilos como fondo de la caja correspondiente.

Bases de Datos (20/01/2021)

Ejercicios para afianzar conocimientos sobre MariaDB

En la clase de hoy hemos realizado una práctica, que consistía en una incidencia o situación que podríamos encontrarnos en un entorno laboral, donde tendríamos que averiguar donde encontrar las claves para entrar al servidor de MariaDB. Una de las soluciones podría ser acceder a la documentación encontrada en la web de MariaDB, otra podría ser realizar una búsqueda a través de, por ejemplo, Google, comprobando antes la autenticidad o veracidad de donde busquemos la información. Se recomienda disponer de la documentación en nuestro equipo, por si llegase el caso de no poder utilizar internet para acceder a ella. 

Podemos acceder a la ventana de comandos del servidor Debian para averiguar nuestra versión del servidor, ya que dependiendo de la versión puede variar la forma de hacerlo. Se averiguó que se podía también hacer una instrucción "sudo", en la ventana de comandos del servidor Debian. Esto sirve para eliminar privilegios. También se puede hacer un "stop database",  que apaga el servidor de BBDD, por lo que no se podría acceder a él mientras tanto desde fuera. Después habría que hacer un "checking" en el servidor Debian, se puede acceder de un modo seguro al servidor y después, con la instrucción "u-root" se puede acceder a la sección donde poder cambiar la contraseña. Mediante las instrucciones indicadas en la web guía, podremos terminar de cambiar la contraseña del servidor.

Lenguaje de Marcas(19/01/2021)

Maquetación con CSS y Prácticas

En la clase de hoy hemos continuado con el concepto de Maquetación (Layout) de nuestro sitio web. La maquetación se realiza con elementos de CSS y con algunos de HTML, como por ejemplo, footer, nav, etc. Anteriormente se maquetaba mediante el uso de tablas, pero era más caótico y complejo, en la actualidad ya no se usan, además tenían ciertas desventajas con respecto al sistema actual de maquetación, como: menos legibilidad, mayor tiempo de carga, peores a nivel SEO, si se quería realizar algún cambio de diseño resultaba más complejo, etc. Ahora con CSS, la maquetación resulta más sencilla y menos problemática. Durante una parte de la clase se ha ido viendo diferentes maneras de maquetar nuestro sitio web.

Después se ha ido viendo diferentes etiquetas de HTML nuevas: <header> (para cabecera), <footer> (para pie de página), <nav> (para navegador), <article> (para insertar contenido autónomo, que se puede mover por el sitio sin que afecte a su significado), <figure> (para agrupar elementos como, por ejemplo, imágenes y lo que esté relacionado con ella), etc.

Para terminar, hemos empezado a practicar con lo que hemos ido aprendiendo en Visual Studio Code, aprovechando para ir avanzando con nuestro proyecto de Lenguaje de Marcas de creación de nuestra web con una página principal, un currículum y un formulario, pero añadiendo los nuevos conceptos aprendidos.

Bases de Datos (13/01/2021)

Introducción a Lenguaje de Definición de Datos (DDL)

En la clase de hoy hemos continuado con el temario relacionado con MariaDB, que debemos tener instalado en nuestro equipo, especialmente se ha visto lo relacionado con el Lenguaje de Definición de Datos (o Data Definition Language (DDL)). Con este lenguaje se puede crear la estructura de una base de datos (tablas y usuarios). Este lenguaje dispone de dos cláusulas: DROP (eliminar objetos) y CREATE (crear objetos). También dispone de comandos como los propios comandos create, drop, use, etc.

Después se ha ido probando en la máquina virtual con sistema linux y, a continuación, en nuestro sistema gestor de bases de datos, como práctica de lo que se ha ido aprendiendo en esta y la anterior clase de BBDD. 

Por último se han empezado a ver los Tipos de Datos en un SGBD, que se añaden a las columnas de una tabla que hagamos en una base de datos. Algunos tipos de datos son, por ejemplo: VARCHAR, INT, CHAR, etc. Se ha realizado una práctica de una base de datos ejemplo, donde se utilizan los conceptos aprendidos, que consiste en el paso a tablas de un diagrama de Entidad/Relación, para después llevarlo al SGBD.

Lenguaje de Marcas (12/01/2021)

 Repaso de contenidos 1ºEvaluación y continuación de temario

En la clase de hoy se ha realizado en la primera hora un breve repaso de algunos contenidos de la 1º Evaluación sobre HTML y CSS que hemos visto. En la segunda hora de clase hemos continuado con el temario sobre CSS, relativo al Modelo de Cajas. Básicamente todos los elementos, excepto el head, se forman automáticamente mediante cajas. Luego, a esas cajas, se les puede aplicar estilos de CSS para modificarse.  Un ejemplo de caja son los div, que se usan tanto en HTML como en CSS para agrupar elementos que queramos que tengan una relación, o para un mejor control del contenido que se va a modificar. Hemos visto en CSS las propiedades de margin (para establecer márgenes con los bordes del contenedor), text-align (para posicionar el contenido en una posición concreta dentro del contenedor), etc.

Bases de datos (11/01/2021)

 Repaso BBDD 1º Evaluación

En la clase de Bases de Datos se ha realizado un repaso general de algunos contenidos dados en la 1º evaluación, como por ejemplo: los gestores de bases de datos, MariaDB, HeidiSQL, el uso de la máquina virtual como VirtualBox para enlazar con los gestores de bases de datos, etc.