El documento describe un marco de trabajo eficiente para el desarrollo web utilizando CodeIgniter y HTML5. Incluye implementar plantillas, módulos y herramientas como 960.gs, jQuery, HTML5 Boilerplate y CMS como Fuel para agilizar el desarrollo. El resultado es la creación de aplicaciones y sitios web sólidos y eficientes que siguen las mejores prácticas.

1. Desarrollo web eficiente …con CodeIgniter y HTML5 Por David Lima Cohen @limacohen

2. El problema Programar != Estimar Tareas repetitivas: Registrar dominio y configurar DNS Crear servidor virtual (HTTP, DB, versionado, etc…) Preparar entorno local Implementar frameworks (PHP, HTML, CSS, JS) Estructura común: Estilo, fuente y colores Meta tags Robots/Humans.txt Sitemap Favicon/Apple Touchicon Soporte cross-browser/os/device

3. Estimar bien. Medir el tiempo invertido: Toggl: http://www.toggl.com/ FogBugz: http://www.fogbugz.com/ Paymo: http://www.paymo.biz/ FreshBooks: http://www.freshbooks.com/ Tick: http://www.tickspot.com/

4. Analizar nuestros tiempos (y su ROI) Entender nuestra capacidad de estimación

5. Resultado: un frameworkde trabajo FogBugz Case Importer FogBugz Toggl FogBugz Case Importer: http://bit.ly/FBCaseImporter

6. Implementación del framework CSS: 960.gs PHP: CodeIgniter HTML5: Boilerplate JS: jQuery

7. Undosinfinitos: SVN http://subversion.tigris.org/ …o simplemente Dropbox http://www.dropbox.com/

8. Agregando robots.txt y sitemap.xml A modo referencial, dependiendo del sitio se pueden/deben actualizar manualmente o mediante una lógica particular.

9. Implementando CodeIgniter (1.7.3) http://codeigniter.com/ /public/system contiene los archivos normales de CodeIgniter mientras que la lógica de nuestra aplicación se encuentra en /app, fuera del /public

10. Creamos un .htaccess Encargado de variables del servidor, ocultar el index.php y redireccionar URLs.

11. Lo aburrido de CI… Cambiar el dir. de aplicación, la URL base, generar una clave de encriptación, activar el filtro XSS, modificar el controlador predeterminado, etc…

12. Agregamos 960.gs http://960.gs/ Adicionalmente unificamos los 3 archivos .css y usamos el YUI Compressor para packearlo

13. Agregamos jQuery (1.5.0) http://jquery.com/ Como soporte local, ya que por performance lo llamamos directo desde Google APIs

14. Preparamos nuestro CSS

15. La cabeza de nuestra aplicación http://html5boilerplate.com/

16. Nuestra plantilla en HTML5 http://html5boilerplate.com/

17. Implementando HTML5 Boilerplate http://bit.ly/HTML5BPgh

18. http://initializr.com/

19. Módulos y Templates: re-usando la rueda http://bit.ly/CIHMVC http://bit.ly/CISTLib

20. CRUD: GenericTable-Editor http://www.bird.li/TableEditor/

21. Adminbackend: Rapydframework http://www.rapyd.com/

22. CMS: Fuel CMS http://www.getfuelcms.com/

23. Integración rápida con Facebook, Twitter, etc. http://www.haughin.com/code/

24. El resultado Aplicaciones/sitios web desarrollados en forma eficiente, con las mejores prácticas, en HTML5 y con un sólido framework base en PHP.

26. david@limacohen.com

27. @limacohen¿Querés aplicar esto? .com.ar “Do or do not. There is no try.”