Clase 4 de 56 • Curso Definitivo de HTML y CSS
Contenido del curso
Este curso tiene una versión actualizada.
HTML y CSS: Fundamentos para Desarrolladores Web
Fundamentos del Desarrollo Frontend: Tecnologías y Prácticas Esenciales
Fundamentos del Desarrollo Backend
Comprende el Rol y las Habilidades de un Desarrollador Full Stack
Diferencias entre Páginas Web Estáticas y Dinámicas
Creación de Formularios Web Efectivos con HTML
Creación de Formularios HTML con Campos de Fecha y Hora
Autocompletado y Requerimiento en Formularios HTML
Creación de Menús Desplegables con Select y Data List en HTML
Diferencias entre botones submit e input en formularios HTML
Introducción a CSS: Estilos y Aplicaciones Básicas
Implementación Básica de CSS en HTML
Pseudo Clases y Pseudo Elementos en CSS
Anatomía de una Regla CSS: Selectores y Declaraciones
Modelo de Caja en CSS: Margen, Relleno y Bordes
Herencia en CSS: Cómo Funciona y Afecta a los Estilos
Especificidad y Orden de Declaración en CSS
Especificidad y Orden en CSS: Crear y Aplicar Estilos Correctamente
Buenas prácticas en CSS: Especificidad y uso adecuado de selectores
Combinadores CSS: Hermanos Adyacentes y Especificidad
Selectores de Hermano General en CSS: Uso y Ejemplos Prácticos
Combinadores CSS: Hijos y Descendientes
Medidas Absolutas y Relativas en CSS: Píxeles y Porcentajes
Comprensión del uso de em en CSS: medidas relativas de fuente
Uso de REM en CSS para Fuentes y Dimensiones
"Uso de Viewport y Dimensiones en CSS: min-width, max-width, min-height"
Posicionamiento en CSS: Static, Absolute y Relative
CSS: Display Block, Inline e Inline-Block
Posicionamiento de Layout Básico en CSS
Posicionamiento y Estilos con Display Flex en CSS
Posicionamiento Vertical con Flexbox en CSS
Uso de Variables Custom en CSS para Optimizar Estilos
Fuentes y Web Fonts en CSS: Cómo Seleccionarlas y Aplicarlas
Responsive Design: Estrategias Mobile First
Patrones de Diseño Responsive: Mobile First a Desktop
Media Queries para Diseño Responsive Mobile y Tablet
Patrón Layout Shifter en Diseño Mobile First
Patrón de Diseño Responsive: Column Drop en CSS
Diseño Responsive: Estrategias y Ejemplos Prácticos
Imágenes Responsive: Uso de la Etiqueta Picture y Buenas Prácticas
Backend en programación corresponde al lado opuesto a un Front-end en un sitio web o aplicación, ya que el Backend trabaja en el lado del servidor, mientras el Frontend lo hace en el lado del cliente. Es el responsable de manejar toda la lógica que existe detrás de una petición dada por el navegador hacia el servidor. Existen programadores que manejan ambas especialidades y se les conoce como full stack.
Una característica que lo diferencia del Frontend es que no tiene estándares, puesto que tiene varios lenguajes de programación (Node.js, Python, PHP, Ruby, GO, Java, .NET entre otros) con los que debe trabajar. Cada uno de estos lenguajes tiene sus propios frameworks como:
El Backend también tiene en cuenta la infraestructura donde va a realizarse el deploy de su aplicación (esto también puede ser tarea de un DevOps, un perfil dedicado a la infraestructura), con tecnologías como:
Deploy es un término famoso entre los desarrolladores web. Puede significar muchas cosas, dependiendo del ambiente y de la tecnología usada. Sin embargo, los significados que más se refieren a la práctica y pueden resumir su función son: implantar, colocar en posición, habilitar para uso o, simplemente, publicar.
Por último, entramos en bases de datos, que son las encargadas de almacenar toda la información del proyecto. Los principales tipos son:
Aporte creado por: Matías Wasiak, Pedro Moreno.
