- 1
Este curso tiene una versión actualizada.
00:05 - 2

HTML y CSS: Fundamentos para Desarrolladores Web
02:46 - 3

Fundamentos del Desarrollo Frontend: Tecnologías y Prácticas Esenciales
05:02 - 4

Fundamentos del Desarrollo Backend
03:55 - 5

Comprende el Rol y las Habilidades de un Desarrollador Full Stack
03:04 - 6

Diferencias entre Páginas Web Estáticas y Dinámicas
08:18
Diferencias entre Páginas Web Estáticas y Dinámicas
Clase 6 de 56 • Curso Definitivo de HTML y CSS
Contenido del curso
- 17

Creación de Formularios Web Efectivos con HTML
11:54 - 18

Creación de Formularios HTML con Campos de Fecha y Hora
10:18 - 19

Autocompletado y Requerimiento en Formularios HTML
10:49 - 20

Creación de Menús Desplegables con Select y Data List en HTML
08:11 - 21

Diferencias entre botones submit e input en formularios HTML
04:50
- 22

Introducción a CSS: Estilos y Aplicaciones Básicas
02:05 - 23

Implementación Básica de CSS en HTML
10:50 - 24

Pseudo Clases y Pseudo Elementos en CSS
17:31 - 25

Anatomía de una Regla CSS: Selectores y Declaraciones
02:16 - 26

Modelo de Caja en CSS: Margen, Relleno y Bordes
15:49 - 27

Herencia en CSS: Cómo Funciona y Afecta a los Estilos
06:00 - 28

Especificidad y Orden de Declaración en CSS
08:17 - 29

Especificidad y Orden en CSS: Crear y Aplicar Estilos Correctamente
15:28 - 30

Buenas prácticas en CSS: Especificidad y uso adecuado de selectores
08:12 - 31

Combinadores CSS: Hermanos Adyacentes y Especificidad
05:06 - 32

Selectores de Hermano General en CSS: Uso y Ejemplos Prácticos
02:52 - 33

Combinadores CSS: Hijos y Descendientes
06:18 - 34

Medidas Absolutas y Relativas en CSS: Píxeles y Porcentajes
07:48 - 35

Comprensión del uso de em en CSS: medidas relativas de fuente
08:29 - 36

Uso de REM en CSS para Fuentes y Dimensiones
08:25 - 37

"Uso de Viewport y Dimensiones en CSS: min-width, max-width, min-height"
08:26 - 38

Posicionamiento en CSS: Static, Absolute y Relative
10:26 - 39

CSS: Display Block, Inline e Inline-Block
12:52 - 40

Posicionamiento de Layout Básico en CSS
01:48 - 41

Posicionamiento y Estilos con Display Flex en CSS
15:15 - 42

Posicionamiento Vertical con Flexbox en CSS
12:42 - 43

Uso de Variables Custom en CSS para Optimizar Estilos
12:34 - 44

Fuentes y Web Fonts en CSS: Cómo Seleccionarlas y Aplicarlas
11:43
- 45

Responsive Design: Estrategias Mobile First
06:31 - 46

Patrones de Diseño Responsive: Mobile First a Desktop
07:20 - 47

Media Queries para Diseño Responsive Mobile y Tablet
12:10 - 48

Patrón Layout Shifter en Diseño Mobile First
08:51 - 49

Patrón de Diseño Responsive: Column Drop en CSS
07:47 - 50

Diseño Responsive: Estrategias y Ejemplos Prácticos
11:52 - 51

Imágenes Responsive: Uso de la Etiqueta Picture y Buenas Prácticas
12:00
Los sitios web se comportan de forma diferente dependiendo de la forma en que fueron diseñados desde su concepción, tomando en cuenta la interacción con el usuario. Aquí veremos las diferencias entre sitios web estáticos y dinámicos:
Sitos Web Estáticos
La información que contiene se mantiene constante y estática. No se actualiza con la interacción del usuario. Es conveniente para realizar landing pages (páginas informativas o de aterrizaje) o blogs. Se mostrarán siempre iguales para todos los usuarios.
Sitios Web Dinámicos
También conocidos como aplicaciones web, actualizan su información con respecto a la interacción del usuario. Dependen de una base de datos, de donde extrae e ingresa información. Serán diferentes, dependiendo del usuario que la use y la información que se ingrese.
Ejemplo de páginas estáticas:
- Menú de un restaurante
- Blog de viajes
- Página informativa de un negocio
Ejemplo páginas dinámicas:
- Sistema de reporte de ventas
- Banca en línea
Repasa qué es Full Stack
Aporte creado por: Alejandro Ramos, Jorge Armas.