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.