Your SlideShare is downloading. ×
0
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Barcamp3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Barcamp3

317

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.

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
317
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Rickroleado por la vida<br />Una introducción al desarrollo web (llena de memes)<br />
  • 2. Al principio te preguntás<br />
  • 3. Y cuando te ponés a averiguar más …<br />
  • 4. … Tu reacción es como esta<br />
  • 5. De qué no hablaremos hoy<br />
  • 6. Porque no queremos terminar así<br />
  • 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. Seguí los bookmarks acá<br />http://www.delicious.com/lfborjas/barcamp3<br />
  • 9. Es un asunto de comunicación<br />
  • 10. El cliente: solicitando cosas<br />
  • 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. Internet: la red de trolls redes<br />
  • 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. 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. El servidor<br />
  • 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. 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. 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. El cliente: recibiendo cosas<br />
  • 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. Ejemplo<br />El cliente pide http://www.catharted.info<br /><ul><li>Internet lo encuentra en 208.77.222.202
  • 22. El servidor construye un html y lo devuelve
  • 23. El browser lo muestra</li></ul>Aplicando css<br />Ejecutando javascript<br />
  • 24. Pero los unicornios mágicos no van a hacer tu app<br />
  • 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. No es nada del otro mundo<br />
  • 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. 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. Anexos<br />
  • 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. 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 />

×