• Like
Barcamp3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Barcamp3

  • 298 views
Published

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
298
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

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