buenas prácticas para el desarrollo web
DESCRIPTION
Slides de la desconferencia "buenas prácticas para el desarrollo Web" presentada en el II Barcamp Puno PerúTRANSCRIPT
Alain Alejo Huarachi
Puno, 19 de diciembre del 2009
Buenas prácticas para Buenas prácticas para el Desarrollo Webel Desarrollo Web
ResumenResumen
• Introducción• Diseño• Maquetación• MVC• AJAX• JS no obstructivo• SEO• Herramientas de soporte
IntroducciónIntroducción
<html>
DiseñoDiseño
DiseñoDiseño
• Diseños para inspirarse• Wireframes, Mockups• Recursos
– Iconos– Fotos– Dibujos– Patrones– Colores / Degrades
• Plantillas o Templates– PSD– HTML/CSS– Para CMS
MaquetaciónMaquetación
MaquetaciónMaquetación
• Formato de imágenes (JPG, GIF ó PNG)
• CSS Sprites• Estándar HTML• Navegadores• Cheat Sheets
Modelo Vista Controlador Modelo Vista Controlador (MVC)(MVC)
• Uso de Frameworks– Ruby on Rails– CodeIgniter– Kohana
AJAXAJAX
Javascript no obstructivoJavascript no obstructivo
• JQuery• Mootools
Search Engine Optimization Search Engine Optimization (SEO)(SEO)
• Título y descripción de la página• HTML semántico
– h1, h2, h3, em, strong, a, img
• Ojo con Javascript y Flash• URLs amigables
– sitioweb.com/articulo/tecnicas-seo/– sitioweb.com/?articulo_id=1542 x
• Sitemaps
Herramientas de soporteHerramientas de soporte
• Google Analytics• Google Webmaster Tools
ReferenciasReferencias
• www.maestrosdelweb.com• www.smashingmagazine.com• El blog para webmasters
