Introducción
  • Presentación del curso
  • Instalar navegadores Firefox y Firefox Developer Edition
  • Actualizar navegador Firefox a la versión más reciente
  • Configurar navegador Firefox como predeterminado (usuarios Windows 8 y 10)
  • Instalar editor Sublime Text
  • Disclaimer
  • Determinar la versión de Windows que ejecuta tu computador
  • Configurar Emmet en el editor Sublime Text
  • Instalar editor Visual Studio Code
HTML
  • ¿Qué es HTML?
  • Origen y evolución de HTML
  • Elementos, etiquetas y atributos
  • Etiquetas HTML más utilizadas
  • Atributos globales HTML
  • Estructura básica de un documento HTML
  • Formatear textos en HTML
  • Entidades HTML de uso más común
  • Formatear textos en HTML (II)
  • Formatear textos en HTML (III)
  • Formatear textos en HTML (IV)
  • Comentarios
  • Encabezados HTML
  • Utilizar varios elementos H1 dentro de un mismo documento HTML
  • Enlaces o hipervínculos
  • Estructura de una URL
  • Atributos Target y Download
  • Enlaces tipo ancla
  • Uso del signo de numeral o almohadilla (#) en los enlaces
  • Imágenes
  • Listas
  • Listas de descripción o definición
  • Listas anidadas
  • Tablas
  • Tablas avanzadas
  • Multimedia: Insertar un reproductor de audio en un documento HTML
  • Multimedia (II): Insertar un reproductor de video en un documento HTML
  • Otros atributos del elemento
  • Otros elementos multimedia
  • Formularios
  • Formularios (II): Elemento Input
  • Formularios (III): Otros campos de formulario con el elemento Input
  • Formularios (IV): Más campos de formulario con el elemento Input
  • Otros atributos que admite el elemento
  • Formularios (V): Listas desplegables y áreas de texto
  • Formularios (VI): Botones
  • Atributos que admite el elemento
  • Otros campos de formulario
  • Elemento Div
  • Elementos semánticos estructurales
  • Elementos semánticos estructurales (II)
  • Diferencia entre los elementos Article y Section
  • Elementos semánticos estructurales (III)
CSS
  • ¿Qué es CSS?
  • Estructura del lenguaje CSS
  • Cómo incluir CSS en un documento HTML
  • Selectores
  • Selectores (II): selector Class
  • Selectores avanzados
  • Selectores avanzados (II)
  • Selectores avanzados (III)
  • Cascada y herencia en CSS
  • Pseudo-selectores
  • Pseudo-selectores (II)
  • Otros valores que admite la propiedad cursor
  • Pseudo-selectores (III)
  • Algunos atajos de la extensión Emmet para escribir código HTML más rápido
  • Pseudo-selectores (IV)
  • Pseudo-selectores (V)
  • Propiedades de las fuentes o tipografías
  • Unidades de medida en CSS
  • Propiedades de las fuentes o tipografías (II)
  • Propiedades de las fuentes o tipografías (III)
  • Combinaciones de fuentes más comunes
  • Agregar fuentes mediante Google Fonts
  • Regla @font-face
  • Textos y alineaciones
  • Textos y alineaciones (II)
  • Otras propiedades para aplicar estilos a los textos
  • Colores
  • Fondos
  • Propiedad de atajo background
  • Dimensiones
  • Bordes
  • Bordes redondeados (Propiedad border-radius)
  • Márgenes y relleno
  • Modelo de cajas estándar de CSS
  • Posicionar elementos
  • Superposición de elementos
  • Elementos flotantes
  • Propiedad Box-sizing
  • Propiedades Display y Visibility
  • Propiedad Overflow
  • Opacidad y transparencia
  • Efecto de sombra
  • Gradientes (CSS3 Gradients)
  • Gradientes (II)
  • Prefijos CSS (vendor prefixes)