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
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.
Ángel Corral Arias
Diseñador de productos digitales, UX Engineer y consultor con más de 14 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 es director del área de UX y Desarrollo Web de Fictizia.
Cristina Ponce
Frontend Developer en Kairós DS. Cristina se ha centrado desde sus principios en analizar y aplicar los estándares web desde la base con HTML, CSS y JavaScript. Dispone de sólidos conocimientos en semántica aplicada al correcto desarrollo de layout y de accesibilidad web y también tiene la capacidad de moverse tanto en el ámbito del desarrollo Frontend más puro con Web Components como con diversas tecnologías como Angular, Ember, React y Vue.js. Aunque siente cierta preferencia por Vue y la comunidad que lo rodea, en su día a día no le supone ningún problema cambiar de tecnología ya que, por encima de todo, lo que más le motiva es el aprendizaje continuo. Cristina además disfruta participando activamente en la comunidad de desarrollo asistiendo a eventos y compartiendo su conocimiento, por lo que es muy probable que la hayas visto hablando en FrontFest, JSDay, VueDay, T3chFest o también como Chapter Leader en Vue Vixens ESP.
El programa de contenidos
- 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
Un método reflejo del día a día en la profesión
La metodología de la formación de Fictizia es teórico–práctica. En cada sesión formativa tu profesor/a irá avanzando en el desarrollo de la formación contigo y tus compañeros/as estudiantes mediante ejercicios prácticos que van involucrando progresivamente nuevos contenidos teóricos del programa de estudios. Todos los ejercicios se han diseñado específicamente como reflejo de las técnicas, procesos y situaciones reales más habituales y representativas que el alumno/a se va a encontrar después en su día a día de trabajo y de otras posibles situaciones menos comunes para que también aprendas a desenvolverte con criterio ante cualquier necesidad.
Asimismo, con esta formación el/la estudiante no solo se instruye en la mera ejecución de técnicas con el único fin de producir o ejecutar lo que le piden, también aprende los fundamentos teóricos y críticos tan importantes y que le permitirán tomar decisiones basadas en criterios objetivos y analíticos de forma autónoma.
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!
