Curso de Maquetado Avanzado: HTML5 y CSS3
Domina lo último de los lenguajes más importantes en la Web: HTML 5 y CSS 3. Aprende a realizar sitios Web de última generación con poderosos efectos multimediales, animaciones, utilización avanzada de video y sonido, manejo de Javascript, formularios avanzados y mucho más... Dificultad Incluye PC Garantía de Aprendizaje
En este curso aprenderás a
- Trabajar con elementos como progress, meter, y details
- Conseguir una completa solución de compatibilidad de todos tus elementos
- Utilizar selectores avanzados de CSS3 como sobras de caja, de texto, animaciones y transformaciones.
- Implementar tipografias especiales, Google Fonts e icoMoon
- Conocerás como personalizar controles de video y de audio
- Trabajar con elementos de formulario avanzados
1. El mundo de los elementos
Elementos semánticos nuevos de HTML5
header, section, article, aside, main, footer, nav, address
Elemento de figure y figcaption
Meter
Progress
Details, summary
Ruby
Personalización de todos los elementos con CSS
Modernizr, introucción, implementación y soluciones con Javascript
2. Multimedia y algo mas
Elementos semánticos extras
time, mark, wbr
Elementos de Multimedia
Elementos de multimedia básicos
embed, iframe, object
Video
atributos, formatos, source
Audio
atributos, formatos, source
SVG
Canvas
Modernizr implementación de soluciones alternativas
Personalización de Video y Audio con Javascript
3. Formularios, comenzando con CSS3 y Fuentes de Fantasía
Elementos de Formulario HTML5
Selectores de Formulario
:valid, :invalid, :checked, etc
Modelos Nuevos de Color
rgba, hsl, hsla)
Esquinas Redondeadas
implementaciones y variantes
Sombras de Caja
implementaciones, sombras múltiples
Sombras de Texto
implementaciones, sombras múltiples
Fuentes de Fantasía
@font-face, formatos, variantes
Google Fonts
IcoMoon
introduccion a la aplicación, modo de implementación
Soluciones con Modernizr
4. Introducción a propiedades de Fondo
Fondos Multiples
background-origin
background-clip
background-size
background-blend-mode
uso y compatibilidad
gradientes
circulares, radiales, viriantes, filter para IE
border-image
implementaciones y aplicación para facilitar su uso
box-sizing
usos e implementación
Selectores Avanzados
:first-child, :nth-child(n), etc
Aplicación de selectores avanzados en menues de CSS3 y demás ejemplos
5. Animando, transformando y haciendo transiciones
Transform rotate
Transform rotateX, rotateY, rotateZ
Transform-origin
Perspective, perspective origin
Transform Scale,
Transform Translate,
Transform Skew
Backface-visibility
Transiciones
variantes, implementaciones, usos y ejemplos
Animaciones
variantes, implementaciones, usos y ejemplos)
Uso de animation-play-state y Javascript
Comentarios generales sobre las API de Geolocalización y drag and drop
Comentarios generales sobre los SCHEMAS, que son? Para que sirven?
Modalidad de cursado
Modalidad Presencial
- Cursos 100% prácticos con grupos reducidos.
- Clases con uso de PC, una por alumno (no tienes que traer tu PC).
- Coffee Break incluido.
- Espacio de networking.
- Posibilidad de volver a tomar el mismo curso gratis.
Modalidad Distancia
- Cursos 100% prácticos con grupos reducidos.
- Clase en tiempo real por video conferencia.
- Profesor disponible para hacer consultas en vivo.
- Grabación de las clases disponibles para ver en otro momento.
- Asistencia administrativa personalizada todos los días.
Certificaciones
- Diploma de asistencia impreso (solo para cursos presenciales)
- Diploma de asistencia y de aprobación online
- Certificado Oficial del Ministerio de Educación del GCBA. Ver condiciones
Testimonios
Paquetes Promocionales
Recursos adicionales entregados
¿Por qué nosotros?
- No es necesario que traigas tu PC
- Todos nuestros cursos se dictan en laboratorios donde cada alumno tiene su propia PC
- Las clases son 70% prácticas por lo que vas a estar trabajando toda la clase
