Programación de Medios Interactivos
Bienvenido al sitio de documentación del curso PMI. Aquí encontrarás los apuntes y materiales de cada sesión.
Este curso cubre los fundamentos del desarrollo web moderno: HTML, CSS y JavaScript.
HTML
Sesión 01 - Introducción a Web
Introducción a la asignatura, HTML básico y herramientas
HTML
Sesión 02 - HTML Avanzado
Imágenes, listas, tablas, multimedia y enlaces
HTML
Sesión 03 - HTML5 Semántico
Elementos semánticos, atributos id/class, block vs inline
CSS
Sesión 04 - Introducción a CSS
Selectores, propiedades y formas de incluir CSS
HTML
Sesión 05 - Formularios HTML
Formularios, inputs, validación y elementos de formulario
CSS
Sesión 06 - CSS Box Model y Reset CSS
CSS Reset, box-sizing y el modelo de caja
CSS
Sesión 07 - CSS: border-radius, box-shadow y height
Esquinas redondeadas, sombras y unidades de altura
CSS
Sesión 08 - CSS Flexbox
Modelo de diseño flexible para layouts modernos
CSS
Sesión 09 - Actividad de Maquetación con Flexbox
Práctica de maquetación: flex-grow, flex-basis, flex-shrink y :hover
CSS
Sesión 10 - Corrección de la Actividad MWC
position: fixed, variables CSS, pseudo-clases y backdrop-filter
CSS
Sesión 11 - Introducción a CSS Grid
Sistema de maquetación bidimensional con CSS Grid Layout
CSS
Sesión 12 - CSS Grid Declarativo: grid-template-areas
Enfoque declarativo de CSS Grid con grid-template-areas y grid-area
CSS
Sesión 13 - CSS Positioning
Posicionamiento CSS: static, relative, absolute, fixed y sticky
CSS
Sesión 14 - CSS Transitions, Transforms y Animations
Animaciones y transformaciones en CSS
CSS
Sesión 15 - Responsividad en Diseño Web
Diseño web responsivo: media queries, mobile-first y desktop-first
Git
Sesión 16 - Git y GitHub
Control de versiones con Git y colaboración en GitHub