Maquetado Avanzado: HTML5 y CSS3

Transcripción

1 Maquetado Avanzado: HTML5 y CSS3 Programa de Estudio

2 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... Contenido del curso En este curso aprenderás las nuevas funcionalidades de HTML 5 y las últimas propiedades de CSS3. Utilizando las técnicas de ultima generación como animaciones con javascript, utilización del SVG,manejo avanzado de sonido y video, nuevos componentes y etiquetas, formularios avanzados. Prácticas en Clase: Partirás desde ejemplos de implementación de nuevos elementos semánticos, hasta pesronalizar tus propios controles de audio y video, así como generar con la tipografía que gustes desarrollos web donde habrá animaciones, transiciones y transformaciones a tus logos e imágenes, con la posibilidad de implementar formatos gráficos nuevos como el SVG y soluciones alternativas de Compatibilidad con el Modernizr. Para quien está orientado el curso Personas que quieran desempeñarse en el campo del diseño y la programación web, y que deseen desempeñarse como maquetadores e implementadores web.

3 Requisitos Se requieren conocimientos sólidos en maquetación con HTML5 y CSS3 o haber realizado el curso Maquetación Web: HTML 5 y CSS. Es recomendable contar con conocimientos en programación con Javascript o haber realizado el curso Introducción a la Programación con Javascript. Modalidad de cursado Puedes tomar este curso en modalidad presencial o modalidad a distancia

4 En este curso aprenderás a Manejar los principales fundamentos del lenguaje HTML 5 Trabajar con meter, progress y details Proponer alternativas con librerias como Modernizr Utilizar las nuevas propiedades de CSS 3. Trabajar con selectores avanzados para tus proyectos Usar tipografías especiales. Crear animaciones usando CSS. Crear transformaciones mediante CSS. Trabajar con elementos de video y audio y personalizarlos con Javascript

5 Plan de Estudios

6 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)

7 Esquinas Redondeadas implementaciones y variantes Sombras de Caja implementaciones, sombras múltiples Sombras de Texto implementaciones, sombras múltiples Fuentes de 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

8 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?

9 Lavalle 648 Piso 8, Microcentro, CABA EducaciónIT. Copyright