Programación para Diseñadores

Herramientas modernas para la era moderna





¿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




1. Estructura  HTML5

Ejemplos







Diseño/Desarrollo Front-End con HTML5




2. Maquetación y Estilo con CSS3

Diseño/Desarrollo Front-End con HTML5



3. Interactividad con JavaScript

Diseño/Desarrollo Front-End con HTML5




4. Gráficos para Web

Diseño/Desarrollo Front-End con HTML5




5.  Desarrollo Móvil con HTML5

1. Estructura  HTML5


- Se
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!

Programación para Diseñadores

By Angulo Digital - Web, SEO, SEM, Social Media y Apps

Programación para Diseñadores

Programación para Diseñadores

  • 2,047