El planteamiento de este curso es el emplear las nuevas tecnologías semánticas HTML5 y decorativas CSS3 para navegadores modernos, sin olvidar versiones antiguas y cómo implementar dichas técnicas de una manera ágil, con un flujo de trabajo basado en la eficacia.
También prestaremos atención a la capa de funcionalidad adicional que proporciona Javascript, con especial interés en jQuery, lo que nos permitirá realizar aplicaciones web similares a las de escritorio.
En el curso de diseño web con html 5 y css aprenderemos a utilizar una gran cantidad de herramientas que permitan desarrollar páginas web escalables, flexibles y compatibles.
Temario
- HTML5
Empezaremos el curso con un rápido repaso a la sintaxis y semántica de XHTML detectando las carencias que contiene dicho lenguaje.
Después, aprenderemos las nuevas etiquetas semánticas que proporciona HTML5 y su integración en navegadores antiguos. Veremos también los cambios que han sufrido algunas etiquetas respecto a la revisión XHTML y aquellas que han quedado obsoletas o descartadas por el W3C.
Algunas de las etiquetas que veremos: doctype, meta, script, link, header, hgroup, footer, article, aside, section, figure, figcaption, video, audio, canvas
- CSS3
Veremos las nuevas reglas que podemos emplear y cómo hacer que los navegadores antiguos las representen de la mejor manera posible.
También veremos las diferencias entre reglas propietarias y su diferente sintaxis.
Por último, echaremos un vistazo a la posibilidad de realizar animaciones y transiciones mediante CSS3 sin necesidad de emplear Javascript.
Algunas de las propiedades que veremos: dborder-radius, background, color, font-face, transformation, transition, box-shadow, text-shadow
- JAVASCRIPT
Aprenderemos a usar javascript para diversas tareas, como la adición de funcionalidad extra en una página, AJAX, detección y degradación elegante para una mayo compatibilidad entre navegadores, etc.
También veremos jQuery en profundidad, para poder generar efectos sencillos como slideshows o lightbox hasta la creación de aplicaciones web estructuradas y escalables.
Implementar algunos de los plugins más útiles, así como aprenderemos a crear nuestros propios plugins para poder reutilizarlos más adelante en futuros proyectos.
Para interacciones de usuario más complejas, aprenderemos a usar la biblioteca jQueryUI y prestaremos especial atención a la adición de eventos y funcionalidades específicas en dispositivos táctiles.
Por último, aprenderemos a trabajar con polyfills a partir de Modernizr, lo que nos garantizará la compatibilidad con dispositivos antiguos.
- OPTIMIZACIÓN
Nuestro tiempo delante del ordenador es muy valioso, asÍ que aprenderemos a trabajar con varias herramientas que permiten un flujo de trabajo mucho más dinámico, escalable y sin miedo a los cambios.
Entre otras cosas, aprenderemos a gestionar un proyecto, crear un repositorio de versiones con backup en la nube, gestión de tiempo y otras herramientas colaborativas. Por último, veremos qué alternativas de software tenemos para agilizar nuestro trabajo implementando preprocesadores como LESS, editores de código, comunicación con el cliente, etc.
- RESPONSIVE WEB DESIGN
Con la rápida implantación de smartphones y tablets en la sociedad, es obligado como desarrolladores web que tengamos la capacidad de presentar nuestros contenidos de la mejor manera en todo tipo de dispositivos.
Para ello aprenderemos la metodología de trabajo del “Responsive Web Design”, aprendiendo a implementar la parte técnica así como inspirarnos de la fiolosofía que subyace de esta práctica de trabajo.
También aprenderemos los dos enfoques iniciales del RWD: Desarrollo progresivo frente a degradación elegante, valorando ventajas e inconvenientes así como la problemática que supone el uso de estas técnicas en factores técnicos, como el consumo de ancho de banda.
