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
Generar un gran repositorio de conceptos, técnicas, material multimedia, ejemplos y productos digitales que expliquen y ayuden a comprender cómo se estructura la web moderna, en lo que refiere al lado cliente o front-end de cualquier proyecto web.
¿Preguntas?
¡Gracias y hasta pronto!
Escanea este código y mira esta presentación desde tu móvil o tablet
