Barcamp3

495 views

Published on

Presentación para el barcamp del 20 de Agosto de 2010 en unitec: Una introducción al desarrollo web para gente -como yo- que usa mucho el internet y debería también estar aportando algo.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
495
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Barcamp3

  1. 1. Rickroleado por la vida<br />Una introducción al desarrollo web (llena de memes)<br />
  2. 2. Al principio te preguntás<br />
  3. 3. Y cuando te ponés a averiguar más …<br />
  4. 4. … Tu reacción es como esta<br />
  5. 5. De qué no hablaremos hoy<br />
  6. 6. Porque no queremos terminar así<br />
  7. 7. Entonces ¿De qué hablaremos?<br />Lo que involucra crear una aplicación web.<br />Que tanto un browser como cualquier programa use<br />Para poder crear WebApps que sean<br />Escalables<br />Disponibles<br />Mantenibles<br />Confiables<br />Ubicuas<br />
  8. 8. Seguí los bookmarks acá<br />http://www.delicious.com/lfborjas/barcamp3<br />
  9. 9. Es un asunto de comunicación<br />
  10. 10. El cliente: solicitando cosas<br />
  11. 11. El cliente: ¿Cuál es?<br />Browsers<br />Móviles<br />Cualquier programa<br />ViaAPIs y Servicios Web<br />Sea cual sea, Habla HTTP<br />
  12. 12. Internet: la red de trolls redes<br />
  13. 13. Internet: ¿Cómo encontrar algo?<br />Traducir: <br />Un nombre de dominio corresponde a una dirección IP (o a un grupo)<br />http://catharted.info -> 208.77.222.202<br />Necesitás un nombre de dominio<br />.com, aprox. 10$/año<br />Ahora, te falta una lugar físico…<br />
  14. 14. Internet: ¿dónde poner algo?<br />Montar un servidor propio<br />O conseguir hosting<br />Existen opciones gratuitas (appengine, heroku)<br />Servidor compartido, virtual o dedicado<br />Una solución decente puede costar 20$/mes<br />Pero hay gratis o más baratos…<br />
  15. 15. El servidor<br />
  16. 16. El servidor: pidiéndole cosas <br />Puede ser Apache, nginx, lighttpd, node.js, etc.<br />Cuando una solicitud llega, ve qué hacer<br />Pueden pedirse documentos estáticos<br />Texto, pdf, css, javascript, etc.<br />Buscarlos y devolverlos<br />O necesitarse respuestas dinámicas<br />Pasar el control a un programa (cgi)<br />
  17. 17. El servidor: adentro<br />Las aplicaciones web no le responden igual a todos<br />Se pueden hacer programas sencillos (perl, node.js, etc)<br />O usar frameworks<br />rubyonrails, django, cakephp, express.js, etc.<br />La mayor parte es gratis<br />
  18. 18. Servidor, adentro<br />A veces vas a tener que interactuar con bases de datos<br />MySQL, PostgreSQL, CouchDB, MongoDB, etc.<br />Muchas veces, también gratis.<br />El feelin’ es construir documentos como respuesta<br />
  19. 19. El cliente: recibiendo cosas<br />
  20. 20. El cliente: ¿Qué pasa ahí?<br />Interpretarespuestas<br />Browser: muestra Documentos HTML<br />HTML: la estructura<br />Css: el estilo: diseño, colores, fuentes, etc.<br />Browser: ejecuta cosas dinámicas<br />Javascript, html5<br />Silverlight, Flash, etc.<br />
  21. 21. Ejemplo<br />El cliente pide http://www.catharted.info<br /><ul><li>Internet lo encuentra en 208.77.222.202
  22. 22. El servidor construye un html y lo devuelve
  23. 23. El browser lo muestra</li></ul>Aplicando css<br />Ejecutando javascript<br />
  24. 24. Pero los unicornios mágicos no van a hacer tu app<br />
  25. 25. Sumario: gente, tiempo, dinero<br />Roles: vos podés ser todos<br />Programadores: lado servidor+lado cliente<br />Diseñadores: css+html[5]<br />Admins: servidor+base de datos<br />Tiempo: cada vez necesitás menos<br />Un sitio grande, tres meses; uno pequeño, días.<br />Dinero: si te las ingeniás, es gratis.<br />Nombre: 10-30$/año<br />Hosting: 0$ ó >=15$/mes<br />
  26. 26. No es nada del otro mundo<br />
  27. 27. StalkeameContactame<br />Proyectos opensource: http://github.com/lfborjas<br />Correo: me@lfborjas.com<br />Twitter/Blipea: @lfborjas<br />Tumblelog: http://lfborjas.com/<br />Facebook: http://www.facebook.com/lfborjas<br />
  28. 28. Referencias<br />Bookmarks de lo hablado hoy<br />http://www.delicious.com/lfborjas/barcamp3<br />Esta presentación, en internerd<br />http://www.slideshare.net/lfborjas<br />
  29. 29. Anexos<br />
  30. 30. Dinámica + Caso de Estudio<br />Hagamos una dinámica -necesitamos actores<br />Casos de estudio: <br />http://www.catharted.info/<br />Me costó 3$ en total<br />Hecho en las madrugadas de tres días<br />http://about-lfborjas.appspot.com/blog/<br />Gratis. (hosteado en app-engine)<br />Hecho en una tarde y media.<br />
  31. 31. Sumario ¿qué tenés que hacer?<br />Necesitás que te puedan encontrar y saber responder<br />Programar algo que responda dinámicamente<br />A veces, bases de datos.<br />A veces, Diseñar documentos (html+css)<br />A veces, Programar en el lado del cliente (js+html5)<br />

×