Desarrollo de Interface Web RWD
Ipartek servicios informáticosCurso subvencionado presencial
BILBAO (Vizcaya)
Gratis
Emagister S.L. (responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información y comunicaciones promocionales de formación con tu consentimiento. Ejerce tus derechos de acceso, supresión, rectificación, limitación, portabilidad y otros, según se indica en nuestra política de privacidad.
Sedes
Localización
Fecha inicio
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.
A quién va dirigido
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.
Requisitos
Conocimientos básicos de programación.
Temario completo de este curso
• 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
Gratis
Gratis
Gratis
Gratis
Gratis