Your SlideShare is downloading. ×
0
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

3,886

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
3,886
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
39
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "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>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×