Desarrollo Responsive con HTML5, CSS3 y JavaScript

Transcripción

1 Desarrollo Responsive con HTML5, CSS3 y JavaScript JJD 181 Duración: 25 horas Introducción Con las modernas propuestas de los estándares de internet y la multiplicación del uso de móviles han aparecido tal variedad de dispositivos, que resulta prácticamente imposible conocer a priori el aspecto o el tamaño que un sitio o aplicación Web tendrá en la pantalla de destino. La solución vino propuesta por el estándar HTML5 (y sus técnicas asociadas) que asumieron desde el principio esta necesidad, siendo una de las primeras características en implementarse, ya en No obstante, esto supone el conocimiento básico de las nuevas técnicas que proponen los estándares HTML5, CSS3 y JavaScript 5. Además, para facilitar la tarea a los desarrolladores, han aparecido varias librerías que simplifican la labor adoptando desde el inicio un planteamiento mobile first : jquery Mobile, BootStrap son ejemplos populares de estas soluciones. Se impone, por tanto, conocer las tecnologías de base, así como los principios básicos de aquellos frameworks de trabajo que facilitan la tarea, en forma de librerías y componentes bien construidos que dispongan del suficiente apoyo empresarial y la necesaria cobertura como para garantizar su continuidad y mantenimiento en el tiempo. De ahí que el objetivo del curso sea aportar a los alumnos esos fundamentos, sus reglas, principios, documentación y ejemplos suficientes, como para que en pocas horas- puedan incorporar esta tecnología en sus desarrollos. Objetivos Al finalizar este curso los alumnos podrán:

2 Revisar y comprender el alcance de la nueva oferta promovida por los estándares vinculados a HTML5 (+ CSS3 y JavaScript) Comprender los cambios estructurales en las páginas y su significado semántico. Manejar las API asociadas con las nuevas etiquetas. - Comprender y manejar el significado de CSS 3 en páginas estándar así como en el desarrollo para móviles. - Identificar y manejar las nuevas propuestas de API s asociadas a JavaScript 5. - Entender los conceptos básicos en que se cimenta el diseño responsive. - Conocer las herramientas de desarrollo idóneas para este tipo de proyectos y manejar sus recursos desde el inicio. Modificar los sitios existentes para que se adapten a las necesidades actuales. - Definir arquitecturas de desarrollo que sean actuales, potentes y extensibles, a la vez que de fácil mantenimiento. - Comprender cómo aplicar los conocimientos previos de versiones anteriores de los estándares Web, al nuevo marco de trabajo. - Aprender integrar los frameworks de tipo responsive en aplicaciones nuevas y existentes. Requisitos previos Los asistentes deben tener alguna experiencia en proyectos de desarrollo de software, y conocimientos básicos los lenguaje de Internet: HTML, CSS y JavaScript. Metodología Curso presencial, activo y participativo. El docente introducirá los contenidos haciendo uso del método demostrativo, los participantes asimilarán los conocimientos mediante las prácticas de aplicación real. Los materiales son propios y adaptados a la última versión existente. Documentación

3 Para poder seguir el curso los alumnos recibirán documentación reciente en formato PDF cubriendo todas las propuestas de la plataforma, explicadas e ilustradas con ejemplos. Se incluyen más de 30 ejercicios prácticos para comprobar el funcionamiento de todas las opciones fundamentales y el uso de las librerías. Además, se entregará un conjunto de demos extra donde puede apreciarse la implantación más profesional de estas técnicas. Contenidos Etiquetas estructurales en HTML5 o Estructura de documentos Web o Aspectos semánticos o Elementos con API s vinculadas Fundamentos de CSS3 o Nuevos selectores o Manejo de Capas o Media Queries o Mecanismos dinámicos: Transformaciones, Transiciones y animaciones. o Optimización de recursos en CSS3 API s de JavaScript o Geolocalización o LocalStorage y SessionStorage o Manejo de archivos o Drag & Drop

4 o Web Sockets o Web Workers Herramientas de desarrollo responsive o Visual Studio 2013/2015 Soporte de HTML Soporte de CSS Soporte específico de técnicas responsive Soporte y depuración de código JavaScript o Herramientas de los navegadores o Web Essentials o Sublime Text o Aptana Studio Diseño Responsive o Concepto básicos o Elementos que influyen en el diseño responsive o HTML5 Semántico o Los nuevos mecanismos de entrada Validaciones de contenido o CSS3: Cambios importantes o Creación de layouts responsive o Ubicación de elementos

5 Powered by TCPDF ( o Media Queries y su papel en el diseño responsive. o Tipografía y Glifos o Fallbacks Los marcos de desarrollo responsive o Situación actual de los marcos responsive o Fundamentos de jquery Mobile Trabajo básico con jquery Mobile Adaptación de la interfaz de usuario Ejemplos o Fundamentos de BootStrap Diseño con BootStrap Técnicas fundamentales Adaptación al dispositivo Manejo de la nueva interfaz de usuario