Master profesional de maquetación web, Frameworks CSS y SASS

MODULO I – INTRODUCCIÓN A HTML

• HTML como lenguaje estructurador de documentos
• Terminología de HTML
• Tipos de documentos (DOCTYPE)
• Separación de estructura y diseño
• Introducción a la estructura semántica
• Formación adecuada y validación de documentos HTML
• Comprensión y aplicación de las etiquetas semánticas
• La accesibilidad y universalidad del entorno online

MODULO II – ETIQUETAS BÁSICAS DE ESTRUCTURA

• Elementos principales de un documento HTML
• El flujo de HTML: elementos de línea y de bloque
• Párrafos y encabezados
• Listas
• Imágenes
• Enlaces: relativos, absolutos, anclas y mapas de imágenes.
• Direccionamiento relativo y absoluto
• Etiquetado semántico: la naturaleza de cada contenido como factor de etiquetado

MODULO III – FORMULARIOS

• Estructura básica de los formularios.
• Controles de formulario.
• Nuevos inputs y funcionalidades HTML5
• El proceso de envío y recepción de datos
• Las fases de validación de un formulario
• Usabilidad y buenas prácticas
• Datepicker y otros plugins de mejora UX

MODULO IV – INTRODUCCION A CSS3

• CSS como lenguaje de estilo
• Niveles de aplicación de CSS a un documento HTML
• Sintaxis de CSS: declaración, regla, selector, propiedad y valor.
• Planificación, organización y mantenimiento de CSS
• Unidad básica de medida absoluta: píxel
• Unidades avanzadas de medida relativa y absoluta: %, em, rem, vw, vh

MODULO V – SELECTORES CSS

• Selectores universales
• Selectores básicos
• Selectores contextuales
• Selectores de clase
• Identificadores únicos
• Selectores descendientes, de atributo, adyacentes, de hermandad
• Pseudoselectores relacionales, de contenido, de posición, de enlaces e inputs y de selección
• Bases para la elección de selectores: rendimiento, reusabilidad, orden y lógica

MODULO VI – PROPIEDADES

• Propiedades de documento
• Propiedades de texto
• Propiedades de bloque
• Propiedades de listas
• Propiedades de posición

MODULO VII – CARACTERISTICAS AVANZADAS

• Herencia en CSS
• Modelo de caja clásico
• Modelo de caja flexible (FlexBox)
• Composición: flotación y posicionamiento
• Visualización y posicionamientos especiales
• Tabulación de datos a través de tablas
• Uso de listas como menús y barras de navegación
• Hacks, filtros de compatibilidad y prefijos propietarios
• Diseño líquido: columnado, estructuración y cajas flexibles
• Google Fonts
• Iconos vectoriales

MODULO VIII – RWD - RESPONSIVE WEB DESIGN

• Responsive vs Adaptive
• Hardware pixels
• Principios del diseño líquido
• @media types
• Operadores lógicos @media: and, comma, not, only
• Detección avanzada en media queries
• Usos de @media queries orientados a la densidad de píxel y pantallas de retina

MODULO IX – DINAMIZACIÓN DEL ENTORNO DIGITAL

• Propiedades y usos de la dinamización digital
• Animaciones básicas CSS3
• Animaciones avanzadas CSS3
• Efectos avanzados con :hover
• Introducción a los Gráficos Vectoriales Escalables SVG
• Introducción a la animación SVG web

MODULO X – BOOTSTRAP FRAMEWORK

• Uso básico de bootstrap
• Clases de utilidad
• Grid system
• Componentes en bootstrap
• Sistemas de plantillas
• Layout bootstrap
• Formularios en bootstrap
• Customizar bootstrap

MODULO XI – TAILWIND FRAMEWORK

• Instalación de tailwind
• Usos básicos de tailwind
• Clases de utilidad
• Grid System
• Plugins de tailwind
• Layout tailwind
• Formularios con tailwind

MODULO XII – INTRODUCCIÓN A PREPROCESADORES CON SASS

• Instalación y uso de sass.
• Archivos parciales.
• Variables y tipos de datos
• Operadores
• Funciones e interpolaciones
• Directivas
• Formatos de salida.