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
- 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!
