Grupo de Investigación - Ellipsis
Programa de Diseño Gráfico
Universidad Autónoma del Caribe

Del griego élleipsis, que significa omisión.

Es una marca (o serie de marcas)  que usualmente indica la omisión intencional  de una palabra en el texto original.

Puede ser utilizado para indicar una pausa en el discurso, o incluso… que el texto solicita de la imaginación del lector.

Líneas de Investigación - Ellipsis

Línea 1: Sociedad y Cultura

Línea 2: Metodología en el proceso de enseñanza – aprendizaje en diseño

Línea 3: Tecnología y Expresión

Línea 4: Innovación y Emprendimiento

Programación Web para Diseñadores

¿Programación Web?

Creación de código en distintos lenguajes de marcado y de programación, para construir:

• Sitios web
• Aplicaciones web
• Aplicaciones móviles híbridas
• Videojuegos para web
  

Lenguajes para Web

HTML - Contenidos y Estructura  </>

CSS   - Maquetación y Estilo Gráfico  { :; }

JavaScript   - Comportamientos e Interactividad  ({ });

SVG   - Gráficos y Animaciones Vectoriales  < >

Diseño/Desarrollo Front-End con HTML5

Diseño/Desarrollo Front-End con HTML5

Diseño/Desarrollo Front-End con HTML5

Diseño/Desarrollo Front-End con HTML5

Diseño/Desarrollo Front-End con HTML5

1. Estructura  HTML5

- Semántica

- Microdatos

- Cache App

- Elementos Multimedia

- Formularios Web

1. Estructura   HTML5

HTML5

Semántica

Microdatos

Cache App

Video HTML5

Audio HTML5

Formularios HTML5

2. Maquetación y Estilo con CSS3

- Modelo de Cajas

- Media-queries

- Responsive Web Design

- Color y Degradados

- Efectos Gráficos

- Transiciones y Animaciones

2.  Maquetación y Estilo con CSS3

3.Interactividad

JavaScript

- DOM

- jQuery

- Librerías de JavaScript

- API´s nativas de JavaScript

- API´s "abiertas" de JavaScript

- Frameworks para M.V.C.

3.Interactividad  JavaScript

jQuery

jQuery UI

Geolocation API

Web Storage API

Hammer.js

Google Developer API´s

Angular.js

4. Gráficos para Web

- SVG

- Canvas

- WebGL

- Videojuegos HTML5

4. Gráficos para Web

Snap.svg

HTML5 Canvas Tutorials

Chrome Experiments

Google DevArt

Create.js

Impact.js

5. Desarrollo Móvil

con HTML5

- Frameworks para Desarrollo Móvil Híbrido

- Frameworks para Front-End

- Difusión y monetización

5.  Desarrollo Móvil con HTML5

jQuery Mobile

Lungo

Zepto.js

Intel App

PhoneGap

Appcelerator

Proyecto

<tag>

Biblioteca Virtual de Programación en Interactividad y Diseño para la Web Moderna

<tag>

Biblioteca Virtual de Programación en Interactividad y Diseño para la Web Moderna

¿Preguntas?

¡Gracias y hasta pronto!

Escanea este código y mira esta presentación desde tu móvil o tablet