Alain Alejo Huarachi Puno, 19 de diciembre del 2009 Buenas prácticas para el Desarrollo Web
Resumen <ul><li>Introducción </li></ul><ul><li>Diseño </li></ul><ul><li>Maquetación </li></ul><ul><li>MVC </li></ul><ul><l...
Introducción <ul><li><html> </li></ul>
Diseño
Diseño <ul><li>Diseños para inspirarse </li></ul><ul><li>Wireframes, Mockups </li></ul><ul><li>Recursos </li></ul><ul><ul>...
Maquetación
Maquetación <ul><li>Formato de imágenes (JPG, GIF ó PNG) </li></ul><ul><li>CSS Sprites </li></ul><ul><li>Estándar HTML </l...
Modelo Vista Controlador (MVC) <ul><li>Uso de Frameworks </li></ul><ul><ul><li>Ruby on Rails </li></ul></ul><ul><ul><li>Co...
AJAX
Javascript no obstructivo <ul><li>JQuery </li></ul><ul><li>Mootools </li></ul>
Search Engine Optimization (SEO) <ul><li>Título y descripción de la página </li></ul><ul><li>HTML semántico </li></ul><ul>...
Herramientas de soporte <ul><li>Google Analytics </li></ul><ul><li>Google Webmaster Tools </li></ul>
Referencias <ul><li>www.maestrosdelweb.com </li></ul><ul><li>www.smashingmagazine.com </li></ul><ul><li>El blog para webma...
<ul><li>¡GRACIAS y Feliz Navidad! </li></ul><ul><li>E-mail:  alain@gruposistemas.com </li></ul><ul><li>Twitter:  @alaings ...
Upcoming SlideShare
Loading in …5
×

Buenas prácticas para el desarrollo Web

4,207 views
4,020 views

Published on

Slides de la desconferencia "buenas prácticas para el desarrollo Web" presentada en el II Barcamp Puno Perú

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,207
On SlideShare
0
From Embeds
0
Number of Embeds
2,139
Actions
Shares
0
Downloads
45
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Buenas prácticas para el desarrollo Web

  1. 1. Alain Alejo Huarachi Puno, 19 de diciembre del 2009 Buenas prácticas para el Desarrollo Web
  2. 2. Resumen <ul><li>Introducción </li></ul><ul><li>Diseño </li></ul><ul><li>Maquetación </li></ul><ul><li>MVC </li></ul><ul><li>AJAX </li></ul><ul><li>JS no obstructivo </li></ul><ul><li>SEO </li></ul><ul><li>Herramientas de soporte </li></ul>
  3. 3. Introducción <ul><li><html> </li></ul>
  4. 4. Diseño
  5. 5. Diseño <ul><li>Diseños para inspirarse </li></ul><ul><li>Wireframes, Mockups </li></ul><ul><li>Recursos </li></ul><ul><ul><li>Iconos </li></ul></ul><ul><ul><li>Fotos </li></ul></ul><ul><ul><li>Dibujos </li></ul></ul><ul><ul><li>Patrones </li></ul></ul><ul><ul><li>Colores / Degrades </li></ul></ul><ul><li>Plantillas o Templates </li></ul><ul><ul><li>PSD </li></ul></ul><ul><ul><li>HTML/CSS </li></ul></ul><ul><ul><li>Para CMS </li></ul></ul>
  6. 6. Maquetación
  7. 7. Maquetación <ul><li>Formato de imágenes (JPG, GIF ó PNG) </li></ul><ul><li>CSS Sprites </li></ul><ul><li>Estándar HTML </li></ul><ul><li>Navegadores </li></ul><ul><li>Cheat Sheets </li></ul>
  8. 8. Modelo Vista Controlador (MVC) <ul><li>Uso de Frameworks </li></ul><ul><ul><li>Ruby on Rails </li></ul></ul><ul><ul><li>CodeIgniter </li></ul></ul><ul><ul><li>Kohana </li></ul></ul>
  9. 9. AJAX
  10. 10. Javascript no obstructivo <ul><li>JQuery </li></ul><ul><li>Mootools </li></ul>
  11. 11. Search Engine Optimization (SEO) <ul><li>Título y descripción de la página </li></ul><ul><li>HTML semántico </li></ul><ul><ul><li>h1, h2, h3, em, strong, a, img </li></ul></ul><ul><li>Ojo con Javascript y Flash </li></ul><ul><li>URLs amigables </li></ul><ul><ul><li>sitioweb.com/articulo/tecnicas-seo/ </li></ul></ul><ul><ul><li>sitioweb.com/?articulo_id=1542 x </li></ul></ul><ul><li>Sitemaps </li></ul>
  12. 12. Herramientas de soporte <ul><li>Google Analytics </li></ul><ul><li>Google Webmaster Tools </li></ul>
  13. 13. Referencias <ul><li>www.maestrosdelweb.com </li></ul><ul><li>www.smashingmagazine.com </li></ul><ul><li>El blog para webmasters </li></ul>
  14. 14. <ul><li>¡GRACIAS y Feliz Navidad! </li></ul><ul><li>E-mail: alain@gruposistemas.com </li></ul><ul><li>Twitter: @alaings </li></ul>

×