Curso online de HTML y CSS (HTML5 y CSS3 a fondo para desarrolladores)

Al terminar este completo curso dominarás tanto HTML como CSS incluyendo sus versiones más recientes. Al contrario que con otros cursos por ahí, aprenderás con profundidad y no a base de "recetas", que te dan la sensación de que sabes, pero que a la hora de la verdad se te quedan cortas si tienes que salirte de ellas. Más allá de recordar una larga lista de etiquetas, lo que necesitas para ser un profesional es dominar cómo funcionan en conjunto, de qué manera se comportan los elementos en cada circunstancia, qué herramientas puedes utilizar según el caso…
El curso parte de cero, con algunos módulos opcionales por si ya los conoces, y te lleva de la mano hasta que domines los principales conceptos y prácticas de ambos lenguajes:

• Conceptos básicos de la Web: versiones, herramientas y editores.
• Estructura y elementos básicos. Raíz, metadatos, texto, colores, unidades de medida, fuentes tipográficas, elementos en línea y de bloque…
• Enlaces y relaciones entre páginas. Anatomía de URLs, enlaces internos y externos, tipos de relaciones, rutas relativas y absolutas, cambio de referencia entre HTML y CSS, uso de servidores web.
• Listas de datos y elementos
• CSS a fondo. Reglas, selectores básicos, operadores de combinación de selectores, herencia, colisiones, conflictos, especificidad, selectores avanzados, pseudoclases, pseudoelementos, contadores…
• El modelo de cajas a fondo. Elementos del modelo de cajas, modelos de dimensionamiento, desbordamientos, colapso de márgenes, problemas habituales, fondos simples y múltiples, colores, degradados, parallax, bordes avanzados…
• Imágenes, figuras, mapas y sprites. Formatos y su adecuado uso, herramientas, optimización de imágenes, alineación, problemas típicos al referenciar imágenes, efectos avanzados con imágenes, creación de sprites, imágenes en bordes, mapas de imágenes, favicons e iconos para móviles. Incluye formatos Webp y SVG.
• Audio y video multimedia en la Web. Formatos y contenedores, soporte, herramientas para codificación, inserción de audio y vídeo.
• Tablas de datos en HTML. Definición de tablas de datos, estilos específicos de tablas.
• Posicionamiento y maquetación por métodos tradicionales. Visibilidad, flotación, despejar elementos, colapso de elementos, modos de visualización, modos de posicionamiento, maquetación fluida, emulación de tablas, control del scroll, maquetación con elementos semánticos, cálculo dinámico de dimensiones con calc, uso de variables en CSS…
• Diseño para dispositivos móviles y meta-configuración. Viewport, píxeles CSS y de dispositivo, configuración del viewport, media-queries, feature-queries.
• Maquetación con técnicas modernas – Flexbox y CSS Grid. Diseño de estructuras flexibles, elementos de tamaño variable, posicionamientos y alineaciones, diseño de cuadrículas, cuadrículas implícitas y dinámicas, construcción de estructuras responsive, uso combinado de Flexbox y Grid.
• Diseño de formularios de entrada de datos.
• Transiciones, transformaciones 2D/3D y animaciones con CSS.

• Este curso es sobre código, no abarca conceptos teóricos de UI, UX o diseño gráfico aplicado a la web como color, forma o composición.