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
.png){kind=logo}
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