Skip to Content

Curso de diseño web. Hackarena Hacklab (Sevilla). Sábado 23 de marzo

23/03/2013 10:00

SABADO 23 de Marzo. Tramallol. C/ Pasaje Mallol 22 Sevilla

CURSO DE DISEÑO WEB:

INTRODUCCIÓN AL PREPROCESADO DE HOJAS DE ESTILO

Introducción

La web ha cambiado mucho desde sus comienzos, transformándose poco a poco en un campo dominado por el paradigma de las aplicaciones en la nube y el predominio creciente de todo tipo de dispositivos móviles, lo que ha orientado su desarrollo más reciente (html5, css3, nodejs...) para bien y para mal.

Al tiempo el diseño de frontend de las websites/webapps se ha sofisticado y hemos pasado del estilo embebido de los primeros tiempos de la web, a las hojas de estilo independientes y, más recientemente, a la aparición de nuevos enfoques y tecnologías que intentan permear aspectos aprendidos de la programación y el diseño gráfico convencional en el diseño de hojas de estilo, con el predominio actual de la CSS orientada a objetos, los sistemas modulares, las rejillas y los enfoques responsivos/adaptivos (pensados para dispositivos móviles).

Todo esto junto ha complejizado mucho el desarrollo del diseño web donde cada vez hay que tener en cuenta más requerimientos de cara a disponer de una buena web, accesible y que se pueda disfrutar en distintos navegadores y dispositivos. Es aquí donde aparecen los lenguajes de preprocesado de hojas de estilo (como SASS o LESS) que partiendo de la sabia filosofía del lenguaje Ruby (Write Less Do More y Don't Repeat Yourself) aumentan la productividad en la escritura de hojas de estilo, superando sus limitaciones naturales mediante funcionalidades como el uso de variables y funciones, el anidado de selectores o, sobre todo, el uso de frameworks (librerías de componentes y funciones) como Compass.

Objetivos del curso

Tomar nociones básicas sobre cómo instalar y usar SASS/Compass para el desarrollo de páginas web.

Estructura del curso

El curso se dará en un día y tomará unas seis horas, divididas de la siguiente manera:

10h - 12h

1.- Un poco de teoría: paradigmas actuales de diseño web

- HTML5 + CSS3.

- La web responsiva (Ethan Marcotte).

- OOCSS (Nicole Sullivan) y SMACSS (Jonathan Snook).

12h – 14h

2.- Introducción a SASS

- Instalación de ruby, sass y compass en un servidor LAMP.

- Sass: monitorización y uso.

16h – 18h

3.- Introducción a Compass

- Compass: monitorización y uso.

- Ejemplo práctico con SASS + COMPASS.

Dirigido a

Diseñadores de interfaz y frontend que quieran ampliar sus habilidades CSS.

Requerimientos

Para sacar el máximo partido hará falta un ordenador con un servidor Lamp instalado y nociones previas de CSS y HTML.

Precio: 10 Euritos

AdjuntoTamaño
cartel-sass.pdf253.62 KB

Responder

  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <strike> <iframe> <caption>
  • Saltos automáticos de líneas y de párrafos.
  • Se pueden agregar imágenes a este envío.

Más información sobre opciones de formato

CAPTCHA
Ésto es un filtro anti-robot, sirve para evitar SPAM.
Image CAPTCHA
Introduce los caracteres que muestra la imagen