Programación 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  < >

¿Qué necesito para aprender a programar para web?

Editores Profesionales de Código

Adobe Brackets
Sublime Text
Atom
Light Table

Principales Navegadores Web

Diseño/Desarrollo Front-End con HTML5

Ejemplos

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

¿Preguntas?

¡Gracias y hasta pronto!