Barcamp3
Descargar como PPTX, PDF0 recomendaciones423 vistas
Este documento introduce los conceptos básicos del desarrollo web, incluyendo cómo funcionan los navegadores, servidores y bases de datos. Explica que se necesita un nombre de dominio y hosting para publicar un sitio web, y que las aplicaciones deben poder responder dinámicamente a las solicitudes de los clientes. También cubre brevemente las tecnologías del lado del cliente como HTML, CSS y JavaScript. El objetivo general es mostrar que el desarrollo web no es tan complicado y que existen muchas opciones gratuitas y de bajo costo.
![Sumario: gente, tiempo, dineroRoles: vos podés ser todosProgramadores: lado servidor+lado clienteDiseñadores: css+html[5]Admins: servidor+base de datosTiempo: cada vez necesitás menosUn sitio grande, tres meses; uno pequeño, días.Dinero: si te las ingeniás, es gratis.Nombre: 10-30$/añoHosting: 0$ ó >=15$/mes](https://image.slidesharecdn.com/barcamp3-100820011450-phpapp01/85/Barcamp3-25-320.jpg)
Barcamp3
- 1. Rickroleado por la vidaUna 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 usePara poder crear WebApps que seanEscalablesDisponiblesManteniblesConfiablesUbicuas
- 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?BrowsersMóvilesCualquier programaViaAPIs y Servicios WebSea 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.202Necesitás un nombre de dominio.com, aprox. 10$/añoAhora, te falta una lugar físico…
- 14. Internet: ¿dónde poner algo?Montar un servidor propioO conseguir hostingExisten opciones gratuitas (appengine, heroku)Servidor compartido, virtual o dedicadoUna solución decente puede costar 20$/mesPero 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é hacerPueden pedirse documentos estáticosTexto, pdf, css, javascript, etc.Buscarlos y devolverlosO necesitarse respuestas dinámicasPasar el control a un programa (cgi)
- 17. El servidor: adentroLas aplicaciones web no le responden igual a todosSe pueden hacer programas sencillos (perl, node.js, etc)O usar frameworksrubyonrails, django, cakephp, express.js, etc.La mayor parte es gratis
- 18. Servidor, adentroA veces vas a tener que interactuar con bases de datosMySQL, 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í?InterpretarespuestasBrowser: muestra Documentos HTMLHTML: la estructuraCss: el estilo: diseño, colores, fuentes, etc.Browser: ejecuta cosas dinámicasJavascript, html5Silverlight, Flash, etc.
- 21. EjemploEl cliente pide http://www.catharted.infoInternet lo encuentra en 208.77.222.202
- 22. El servidor construye un html y lo devuelve
- 23. El browser lo muestraAplicando cssEjecutando javascript
- 24. Pero los unicornios mágicos no van a hacer tu app
- 25. Sumario: gente, tiempo, dineroRoles: vos podés ser todosProgramadores: lado servidor+lado clienteDiseñadores: css+html[5]Admins: servidor+base de datosTiempo: cada vez necesitás menosUn sitio grande, tres meses; uno pequeño, días.Dinero: si te las ingeniás, es gratis.Nombre: 10-30$/añoHosting: 0$ ó >=15$/mes
- 26. No es nada del otro mundo
- 27. StalkeameContactameProyectos opensource: http://github.com/lfborjasCorreo: me@lfborjas.comTwitter/Blipea: @lfborjasTumblelog: http://lfborjas.com/Facebook: http://www.facebook.com/lfborjas
- 28. ReferenciasBookmarks de lo hablado hoyhttp://www.delicious.com/lfborjas/barcamp3Esta presentación, en internerdhttp://www.slideshare.net/lfborjas
- 29. Anexos
- 30. Dinámica + Caso de EstudioHagamos una dinámica -necesitamos actoresCasos de estudio: http://www.catharted.info/Me costó 3$ en totalHecho en las madrugadas de tres díashttp://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 responderProgramar algo que responda dinámicamenteA veces, bases de datos.A veces, Diseñar documentos (html+css)A veces, Programar en el lado del cliente (js+html5)