Programa: Fundamentos del CSS profesional Introducción: El curso será mayoritariamente práctico y los ejemplos están sacados de proyectos reales, para que el alumno sepa dónde se aplica en la web actual todo lo que aprende de forma teórica. En cada sesión contaremos con al menos dos docentes, el profesor titular encargado de impartir los contenidos de esa clase, y el moderador, encargado de atender las preguntas y consultas de los alumnos. 1. DISPLAY 1.1 Elementos que se pintan en línea y en bloque de forma nativa: vistazo rápido. 1.2 Valores interesantes y útiles de la propiedad DISPLAY: Inlineblock, table, tablecell… 1.3 FLEXBOX: No solo para hacer grids. Sus múltiples aplicaciones. ACLARACIÓN: Por la importancia que tiene dominar el posicionamiento clásico antes de abordar FLEXBOX, el apartado 1.3 se dará después del tema 3, aunque lo incluimos en este bloque por ser un valor de la propiedad DISPLAY. ANEXO A TEMA 1: MULTI COLUMN LAYOUT 2. POSICIONAMIENTOS 2.1 RELATIVE, ABSOLUTE, FIXED, FLOATS: Entenderlos, diferencias, ¿por qué hacen lo que hacen?, ¿por qué se me descoloca todo? 3. CENTRAR ELEMENTOS VERTICAL Y HORIZONTALMENTE Aprovecharemos lo aprendido en los temas anteriores para ver varias formas de centrar elementos en diferentes situaciones. 4. PSEUDO ELEMENTOS BEFORE Y AFTER Sus infinitas aplicaciones. 5. ICONOS 5.1 ICON FONTS: Cómo crear una librería de iconfonts y cómo utilizarla en un proyecto. 5.2 ICONOS CON SVG: Cómo implementarlos y modificarlos en sus diferentes variantes. SVG EXTERNO SVG EN LÍNEA SVG SPRITES 6. FORMULARIOS Personalizar estilos de los elementos de un formulario. 7. ANIMACIONES Y TRANSICIONES Aplicaciones más comunes en la web actual. 8. EVENTOS Y JQUERY BÁSICO 8.1 En qué situaciones debemos usar jquery 8.2 Uso de selectores para acceso al DOM 8.3 Funciones básicas de manipulación 9. RESPONSIVE Desarrollaremos en tiempo real y desde cero una web responsive básica, para que veamos en la práctica cómo aplicar todo lo que aprendemos en la teoría, media queries, imágenes adaptables, unidades relativas… Puedes ver todos los detalles y dinámicas del curso Fundamentos del CSS Profesional desde: http://escuela.it/cursos/fundamentoscssprofesional/ Si tienes cualquier consulta o deseas más información puedes contactar con nosotros en [email protected]
© Copyright 2024