Curso en desarrollo web responsive

1. RESPONSIVE WEB DESIGN

• Introducción
• Definición de Diseño Web Responsive
• ¿En qué consiste el diseño responsive?
• Ventajas del diseño responsive

2. HERRAMIENTAS NECESARIAS PARA EL DESARROLLO MULTIPLATAFORMA

• Introducción
• Entornos de desarrollo
• Navegadores

3. INTRODUCCIÓN A HTML

• Introducción HTML
• ¿Cómo creamos documentos HTML?
• Características básicas

4. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

• Textos en HTML
• Enlaces
• Listas en HTML
• Imágenes y objetos

5. TABLAS, FORMULARIOS Y ESTRUCTURAS

• Tablas
• Formularios
• Estructuras y layout

6. OTRAS ETIQUETAS IMPORTANTES

• Otras etiquetas importantes

7. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

• ¿Qué es la Metainformación?
• Accesibilidad
• Validación

8. INTRODUCCIÓN CSS

• Introducción CSS
• Soporte de CSS en navegadores
• Especificación oficial
• Funcionamiento básico de CSS
• ¿Cómo incluir CSS en la Web?
• Estilo básico
• Medios CSS
• Comentarios
• Sintaxis de la definición

9. SELECTORES, UNIDADES DE MEDIDA Y COLORES

• Selectores CSS
• Unidades de medida
• Colores

10. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

• Modelo de cajas
• Propiedades de las cajas
• Margen, relleno, bordes y modelo de cajas
• Posicionamiento y visualización
• Posicionamiento
• Visualización

11. ESTRUCTURAR UNA PÁGINA “LAYOUT”

• Introducción a layout
• ¿Cómo centrar una página horizontalmente?
• ¿Cómo centrar una página verticalmente?
• Estructura y layout
• Altura/anchuras máximas y mínimas
• Estilos avanzados

12. TEXTO, ENLACES, IMÁGENES Y LISTAS

• Textos en CSS
• Enlaces
• Imágenes
• Listas

13. TABLAS, FORMULARIOS Y SHORTHAND

• Tablas
• Formulario

14. OTRAS UTILIDADES DE CSS

• Versión para imprimir
• Personalizar el cursor
• Hacks y filtros
• Prioridad en las declaraciones
• Validar CSS
• Recomendaciones Generales
• Recursos útiles

15. FIREBUG

• ¿Qué es Firebug?
• ¿Cómo se instala?
• ¿Cómo usamos Firebug?

16. INTRODUCCIÓN HTML5

• ¿Qué es HTML?
• ¿Cuáles son las mejoras?
• Etiquetas Obsoletas
• Etiquetas modificadas
• Lista de etiquetas HTML
• Atributos eliminados
• Otros cambios
• Estructura HTML
• Nueva estructuración del body
• Otros elementos nuevos de estructuración

17. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

• Introducción a atributos globales
• Nuevos atributos
• Introducción a los nuevos eventos

18. NUEVOS ELEMENTOS SEMÁNTICOS

• Elemento bdi
• Elemento command
• Elemento data
• Elementos details
• Elemento mark
• Elemento meter
• Elemento progress
• Elemento ruby
• Elemento time
• Elemento wbr

19. MEJORAS EN LOS FORMULARIOS

• Nuevos elementos para los Formularios
• Cambios en el atributo type (input)
• Nuevos atributos para form
• Nuevos atributos para fieldset
• Nuevos atributos para input
• Nuevos atributos para textarea

20. OTRAS MEJORAS DE HTML5

• Introducción a los elementos multimedia
• Etiqueta source
• Etiqueta track
• Elemento video
• Elemento audio
• Elemento embed
• Elemento canvas
• Introducción a MathML
• Introducción a SVG
• Introducción a Drag and Drop
• Validador HTML

21. INTRODUCCIÓN A CSS3

• Introducción
• Unidades, colores y fuentes
• Nuevos Selectores y pseudo-clases

22. ANIMACIONES, FONDOS Y BORDES

• Propiedades para la animación
• Nuevas propiedades para los fondos
• Nuevas propiedades para Bordes

23. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES

• Propiedades de las cajas
• Propiedades de las cajas flexibles
• Propiedades del color
• Propiedades para las Fuentes

24. ENLACES Y MULTI-COLUMNAS

• Propiedades para los hiperenlaces
• Propiedades de las multi-columnas

25. TEXTO Y 2D/3D TRANSFORMACIONES

• Propiedades para texto
• Propiedad D/D Transform

26. TRANSICIONES E INTERFAZ DE USUARIO

• Propiedades para las transiciones
• Propiedades para la interfaz de usuario
• Validación CSS