Aprende en remoto a desarrollar a medida cualquier maquetación con HTML5 y CSS con técnicas como Flexbox o Grid y a animar con CSS cualquier microinteracción.
tecnologías de desarrollo
Curso de maquetación y animación web con HTML5 y CSS (en remoto)
Enfoque y objetivos
Con este Curso especializado en maquetación web con HTML5 y CSS3 aprenderás desde cero a desarrollar con éxito cualquier proyecto web basado en tecnologías HTML5, incluyendo aquellos que requieren ser "responsive" para adaptarse eficazmente a cada dispositivo.
En el curso los alumnos aprenderán todo sobre la semántica implícita en HTML5, técnicas de SEO on site, las distintas técnicas de maquetación web más versátiles y actuales aplicables en producción y todos los secretos de la creación de animaciones, transiciones y transformaciones utilizando CSS, algo vital para la creación de piezas de publicidad aplicables al mundo mobile y de microinteracciones en elementos de la interfaz que ayudan a mejorar la experiencia del usuario.
Profesorado del curso
El equipo de profesores de Fictizia está formado por expertos profesionales en activo y con una larga y rica trayectoria profesional que les capacita para reconocer las necesidades reales de un sector tan cambiante y exigente y cumplir el objetivo de Fictizia de ofrecer una formación que responda a la realidad del mundo laboral más exigente. Cada integrante del profesorado de Fictizia es un/a gran especialista en su campo que además comparte sus conocimientos, sus enorme experiencia, sus tropiezos, sus aciertos y la pasión por su trabajo en nuestras aulas.

Alejandro Mur
UI developer especializado en el desarrollo semántico y accesible siguiendo estándares web con HTML + CSS (SASS) + JS. Muy centrado en la arquitectura CSS. Maneja con soltura varias metodologías de trabajo según el tipo de proyecto (BEM, ITCSS o Utility Classes). Gran apasionado de las microinteracciones y de animar las interfaces en general siempre que la animación aporte valor al usuario. Defensor del enfoque Mobile First y de la importancia de mejorar la performance de cada proyecto. A lo largo de sus más de 14 años de trayectoria profesional en el desarrollo Frontend, Alejandro ha trabajado para clientes como Fundación Telefónica, Páginas Amarillas, L’oreal, Casa Real, IE Business School, Sanitas, Wi Zink, Enaire o BP.

Ángel Corral Arias
Diseñador de productos digitales, UX Engineer y consultor con más de 15 años de experiencia profesional trabajando para clientes como Movistar, LG, Qbicom, Galp, Hitachi, Dyson, Cohética digital, Micronet, el sindicato de petróleo y gas privado argentino o el Dpto. de infografía de El Mundo. Ángel además compagina su trabajo con la docencia desde hace 13 años y ha sido ponente en diversos eventos y congresos de desarrollo como FrontFest y OpenExpo Europe. También es coautor de dos guías prácticas editadas por Anaya Multimedia y director de formación en Fictizia.
El programa de contenidos
La formación en Fictizia se basa en una metodología teórico–práctica completamente orientada a dar respuesta a lo que el mundo laboral más exigente demanda actualmente.
En cada sesión formativa el profesor/a irá avanzando en la formación junto con los estudiantes mediante el desarrollo de los ejercicios prácticos que van involucrando progresivamente nuevos contenidos teóricos del programa de contenidos. Cada una de las prácticas se ha diseñado expresamente como reflejo de las técnicas, procesos, necesidades y situaciones reales que el alumno/a se encontrará después en su día a día laboral.
Además, esta formación no solo instruye en la mera ejecución de técnicas con el único fin de producir, también se preocupa de enseñar los fundamentos teóricos y críticos que le permitirán al alumno/a tomar decisiones basadas en criterios objetivos y analíticos de forma autónoma.
El conjunto de prácticas que se realizarán a lo largo de toda la formación está diseñado con una doble función: ser una parte esencial del proceso de aprendizaje durante el máster y también, una vez terminados los estudios de forma satisfactoria, actuar como su portafolio/reel con la que demostrar todas las capacidades aprendidas y que el alumno/a es capaz de llevar a cabo profesionalmente con solvencia. Algo esencial a la hora de acceder y desenvolverse posteriormente en el mercado laboral.
- Cómo funciona un navegador
- Organización de archivos del Front end de un proyecto web
- Terminología, estructura y sintaxis de HTML5
- Etiquetas y atributos de HTML5
- La semántica como factor decisivo
- Principios de desarrollo basado en mejora progresiva
- Selectores CSS más comunes
- Selectores CSS avanzados (de niveles 2, 3 y 4)
- Pseudoelementos CSS «::before» y «::after»
- Jerarquía de selectores CSS
- Propiedades CSS para formato de textos
- Carga de tipografías desde servidor de terceros (como Google Fonts)
- Carga de tipografías en CSS con «@font-face»
- La propiedad CSS «display»
- Visibilidad de las etiquetas
- Controlando el desbordamiento con «overflow»
- La propiedad «position». Ubicando elementos con CSS
- Elementos flotantes. El uso del «float» hoy
- Bordes
- Sombras de caja y de texto con CSS
- Filtros CSS
- Modos de fusión de imagen y color mediante «background-blend-mode»
- Tablas. Tabulando datos
- Columnas con CSS
- Transformaciones CSS. Escalando, rotando, sesgando y trasladando etiquetas
- Transiciones CSS. Animando los cambios en las propiedades
- Audio con HTML5
- Atributos data- de HTML5
- Fundamentos de preprocesado de CSS con SASS
- Etiquetas Meta
- Técnicas de SEO on site
Vuelve a ver tus clases las veces que quieras
A medida que la formación avance, las clases se irán grabando según se van desarrollando y poniendo a disposición del alumnado, tanto si están cursando en modalidad presencial como en remoto, en un servidor NAS de FICTIZIA específico al que podrán acceder desde cualquier lugar.
Así podrás volver a consultar cualquier detalle en todo momento durante tu formación.
Las opiniones de los alumnos son la mejor garantía.
Las experiencias y vivencias y los resultados que han obtenido las personas que han estudiado en FICTIZIA son la prueba más evidente del éxito de nuestra forma de entender la formación y de nuestro método educativo. También son nuestro mayor orgullo :) ¡Gracias!