CLASE # 10: CSS y HTML

Pseudo-clases
Se pueden utilizar en todos los elementos por defecto sin tener que especificar la clase. Útiles para aplicar ciertos estilos
First-child, Last-child, nth-child:
Se le aplica el estilo al primer hijo (primeros elementos en un mismo nivel)
Estilos de enlaces
Son a su vez pseudo-clases.
Link, visited, hover, active
CSS Box Model
Content: El contenido de la caja o del elemento.
Padding: Es el espacio desde el borde hasta el content.
Borde: El límite de la caja o del elemento.
Márgen: Distancia entre elementos
Posición del elemento: Se modifican a través de top, left, right, bottom.
Para añadir contenido antes o después de un elemento o caja (before -left, after -right)
Layouts
Plantillas de CSS. Se usa para ubicar los elementos, el color y demás, dentro de la pagína web.
Responsive
Se refiere a la capacidad de una pagína web de adaptarse a los diferentes tamaños de pantalla, minimizaciones, maximizaciones, entre otras operaciones de ventana.
Herramientas y sitios web útiles
https://coolors.co: Paleta de colores para el diseño web.
Google fonts: Fuentes para usar en aplicaciones web: El font-weight es el indicador para elegir el estilo de letra cuando hay varias
https://fontawesome.com: Generar íconos:
https://easings.net: Para transiciones dinámicas en CSS.
Bootstrap: framework de CSS con clases predefinidas: https://getbootstrap.com/.
Este último es muy utilizado para el Front-End por su facilidad de uso y sus estilos esteticos.

Comentarios

Publicar un comentario

Entradas más populares de este blog

Implementación backend y Docker: Sistema computarizado de datos LIS perfil lipídico

Imagen
El link del repositorio es: https://github.com/DanielVallejo98/TECNOLOGIASWEB-BACKEND-FRONTEND-MONGO-DOCKER Para la implementación del backend de la aplicación de frontend realizada en React se hizo uso de Docker, la cual es una tecnología que permite contener imágenes de software (node,python,etc). Como parte de backend se utilizó el framework Flask de python. En este se configuró el servidor el cual va a responder a las peticiones realizadas desde el frontend.  Para implementar todo el trabajo se partió del repositorio dado en clase y se realizó una inspección del mismo para poderlo adaptar el proyecto.  Luego de eso se tomó la decisión de implementar un nuevo proyecto con un dockerfile distinto al dado. La decisión de realizar un proyecto a parte se tomó debido a que el repositorio dado en la clase hacía difícil implementar el hot reload del frontend (tocaba aplicar el comando de instalar los dependencias y el build para servirlo con nginx, y normalmente tardaba demasi...
Leer más

CLASE # 3: BASES DE DATOS

Imagen
En esta clase se abordó el tema de bases de datos, cuya definición establece que son un conjunto de datos que se vinculan entre sí y que contienen un grupo de programas para poder acceder posteriormente a los datos, generalmente se almacena información relevante para las empresas. También se comentó que existen dos tipos de bases de datos: las relacionales y no relacionales. Las bases relacionales más conocidas son Access, Oracle, MariaDB, MySQL y PostgreSQL. A su vez, hay ciertos conceptos que se deben tener en cuenta dentro de las bases relacionales: - Entidad: es un objeto del mundo real que sobresale de otros objetos y se describen mediante atributos. - Relaciones: se refiere a la asociación entre entidades. - Clave primaria: campos que identifican inequívocamente una entidad de otra. Se evidenciaron una serie de pasos para la creación de bases de datos, estos son: 1. Determinar los campos 2. Identificar tablas 3. Agrupar 4. Definir el campo clave 5. Definir relaciones
Leer más

Clase 1: Introducción al curso y a Linux

 En esta sesión se dio la introducción al curso. Se exploraron algunos conceptos generales de desarrollo web, tales como el front-end (desarrollo web enfocado en la experiencia visual del sitio web), el backend (desarrollo web enfocado en el manejo de la información y el almacenamiento de datos por parte de un lenguaje de programación, servidores y bases de datos).  Posterior a esta introducción se empezó a explicar la unidad de Linux. Linux es un sistema operativo o kernel el cual es muy usado para el desarrollo web debido a que es un sitema operativo de código abierto lo cual es útil ya que permite modificar el código fuente del sistema en areas especificas o estratégicas, cosa que otros sistemas operativos no permiten o es más complicado. Luego de eso se utilizaron VAGRANT y VIRTUAL BOX, programas que sirven para crear máquinas virtuales que crean una máquina virtual que ejecuta los comandos de un sistema operativo Linux, puesto que en mi caso, el sistema operativo original...
Leer más