curso _Desarrollo de interfaces WEB RWD

OBJETIVOS

Los participantes a la finalización de la acción formativa adquirirán los siguientes conocimientos y habilidades:

• Crear páginas web con el lenguaje HTML5 y a maquetarlas y aplicarles un diseño con CSS3. Se comenzará a desarrollar una página web mediante código desde cero y con un diseño “responsive design”
• Conocer el diseño web adaptable o adaptativo (en inglés, Responsive Web Design), una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio Web al entorno del usuario.
• Controlar y saber medir el uso adecuado de esta tecnología, aprender a evaluar y valorar el trabajo realizado por programadores.

DIRIGIDO A

Diseñadores Web, Programadores Web y Responsables Técnicos de portales web que quieran ponerse al día en las últimas tendencias para la creación web.

CONTENIDOS

1. Introducción a HTML5

   • HTML como lenguaje estructurador de documentos
   • Terminología de HTML
   • Tipos de documentos (DOCTYPE)
   • Separación de estructura y diseño

2. Aplicación semántica a la estructura

   • Formación adecuada y validación de documentos HTML

3. Entorno de trabajo

   • Wamp ( Windows Apache MySQL PHP )
   • SublimeText como editor de texto
   • Firefox + firebug navegador

4. HTML5 HyperText Markup Language v5

5. Etiquetas básicas de estructura

   • Elementos principales de un documento HTML5
   • Nuevas etiquetas semánticas de HTML5
   • Elementos de línea y de bloque
   • Párrafos y encabezados. Listas. Imágenes
   • Enlaces: relativos, absolutos, anclas y mapas de imágenes.
   • Direccionamiento relativo y absoluto
   • Dibujar con Canva
   • Etiquetas para audio y video

6. APIS de HTML5

   • Offline Web Applications/Application Cache
   • Geolocation
   • Localstorage
   • WebWorkers
   • WebSockets
   • WebSQL
   • WebStorage

7. Formularios

   • Estructura básica de los formularios.
   • Controles de formulario.
   • Envío y recepción de datos

8. CSS3 Cascading Style Sheets V3

9. Introducción a CSS3

   • CSS como lenguaje de estilo
   • Niveles de aplicación de CSS a un documento HTML
   • Sintaxis de CSS: selector, propiedad y valor.
   • Planificación, organización y mantenimiento de CSS
   • Nuevas funcionalidades

10. Selectores CSS3

    • Selectores universales
    • Selectores básicos
    • Selectores contextuales
    • Selectores de clase
    • Identificadores únicos
    • Pseudoclases

11. Propiedades

    • Propiedades de documento
    • Propiedades de texto
    • Propiedades de bloque
    • Propiedades de listas
    • Propiedades de posición

12. Características avanzadas

    • Herencia en CSS
    • Modelo de caja
    • Composición: flotación y posicionamiento
    • Tipos de posicionamiento
    • Uso de listas como menús y barras de navegación
    • Hacks y filtros de compatibilidad
    • Adaptación a los tipos de medios

13. JQUERY “Write Less Do More”

14. Introducción al lenguaje

    • ¿Por qué usar Jquery y no JavaScript?

15. Selectores

    • Selectores de CSS
    • Selectores de Posicionamiento
    • Selectores con filtros

16. Funciones

    • Introducción a las funciones
    • Funciones predefinidas
    • Funciones de usuario

17. Los eventos

    • Introducción
    • Listado de eventos

18. AJAX Asynchronous JavaScript and XML

    • Teoría
    • Cuando usar AJAX
    • Ejemplos varios sobre su funcionamiento

19. APIs de JQUERY

    • Jquery UI
    • Jquery Mobile

20. Introducción a Frameworks desarrollo aplicaciones web

    • LungoJs
    • Bootstrap (twitter)
    • BackBone.js
    • Node.js
    • Symfony

DURACIÓN

45 horas teórico-prácticas