- 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
HTML y CSS: Fundamentos para Desarrolladores Web
Clase 2 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
Existen tres estándares importantes para generar productos web. Estos son los lenguajes o estándares que entiende todo navegador web:
- HTML
- CSS
- JavaScript
HTML
Estructura de los documentos que se visualizan en los navegadores (Chrome, Edge, Firefox, Safari, Opera, entre otros).
Es el lenguaje con el que clasificamos o etiquetamos cada parte del documento, dejándole saber al navegador qué información va a visualizar y qué valor tiene para nosotros. De esa manera, presentamos: Barras de Navegación, Secciones, artículos, listas, títulos de diferentes tamaños, audios, videos, imágenes, entre otros.
CSS
Es el lenguaje con el que le damos estilos a todo el contenido previamente etiquetado con HTML.
Es el encargado o usado para darle todo el aspecto visual de manera profesional, usando estándares de diseño de documentos y logrando así la correcta visualización de textos y recursos audiovisuales en formatos digitales o, en nuestro caso, las páginas web.
JavaScript
Es lenguaje que se emplea para crear o brindar a las páginas web la capacidad de interactuar con el usuario y los recursos asociados a una página web, como lo son: bases de datos, servidores de diversa índole, información derivada de la interacción de cada página en sí.
Diferencias entre HTML, CSS y JavaScript
- HTML es la estructura, como si fuese el esqueleto de un ser humano o los cimientos de un edificio. Por ejemplo: una página web que funciona, pero sin interactividad, colores ni diseño.
- CSS corresponde a lo estético, como la piel de ser humanos. La pintura y adornos de los edificios o la manera en que es posible que la estructura del HTML se vea mejor para los usuarios.
- JavaScript equivale a los músculos, lo que da esa interactividad a las personas para moverse y realizar acciones como correr.
Puedes aprender todos los lenguajes y convertirte en desarrollador(a) Full Stack.

Aporte creado por: SebasSD, Alexis Martinez, AntonioCrypto