Codemotion 2015 - Navega con el Piloto Automático con CasperJS
Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas
-
Upload
adolfo-sanz-de-diego -
Category
Technology
-
view
3.596 -
download
0
description
Transcript of Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas
![Page 1: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/1.jpg)
@asanzdiego @jorgeas80
Hackathones
de 0 a producción en 24 horas
![Page 2: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/2.jpg)
@asanzdiego @jorgeas80
¿Quienes somos?
![Page 3: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/3.jpg)
@asanzdiego @jorgeas80
Adolfo Sanz De Diego
Asesor. Formador. Desarrollador.
@asanzdiego
![Page 4: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/4.jpg)
@asanzdiego @jorgeas80
Desarrollador especializado en GIS.
@jorgeas80
Jorge Arévalo
![Page 5: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/5.jpg)
@asanzdiego @jorgeas80
HackathonLovers
Grupo para amantes de los hackathones.
@HackathonLovers
![Page 6: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/6.jpg)
@asanzdiego @jorgeas80
¿Qué es un hackathon?
![Page 7: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/7.jpg)
@asanzdiego @jorgeas80
Un concurso de programación
![Page 8: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/8.jpg)
@asanzdiego @jorgeas80
¿Y por qué debería ir a hackathones?
![Page 9: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/9.jpg)
@asanzdiego @jorgeas80
Divertirse Aprender Relacionarse
![Page 10: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/10.jpg)
@asanzdiego @jorgeas80
Pasos de un hackathon
1. Tormenta de ideas2. Creación de equipos3. Planificación4. División del trabajo5. Desarrollo6. Despliegue7. Demo
![Page 11: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/11.jpg)
@asanzdiego @jorgeas80
Paso 1: Tormenta de ideas
![Page 12: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/12.jpg)
@asanzdiego @jorgeas80
![Page 13: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/13.jpg)
@asanzdiego @jorgeas80
No son tu “tesoro”: ¡compártelas!
![Page 14: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/14.jpg)
@asanzdiego @jorgeas80
Paso 2: Creación de equipos
![Page 15: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/15.jpg)
@asanzdiego @jorgeas80
![Page 16: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/16.jpg)
@asanzdiego @jorgeas80
¡Juntate con quien te sientas a gusto!
![Page 17: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/17.jpg)
@asanzdiego @jorgeas80
Paso 3: Planificación
![Page 18: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/18.jpg)
@asanzdiego @jorgeas80
![Page 19: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/19.jpg)
@asanzdiego @jorgeas80
Ejemplo:“desarrollar transporte aéreo”
![Page 20: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/20.jpg)
@asanzdiego @jorgeas80
“Vamos a desarrollar el Concorde”
![Page 21: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/21.jpg)
@asanzdiego @jorgeas80
Resultado: motor a reacción.
![Page 22: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/22.jpg)
@asanzdiego @jorgeas80
¡ERROR!
![Page 23: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/23.jpg)
@asanzdiego @jorgeas80
“Vamos a desarrollar un ala delta”
![Page 24: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/24.jpg)
@asanzdiego @jorgeas80
Resultado: ultraligero
![Page 25: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/25.jpg)
@asanzdiego @jorgeas80
¡ACIERTO!
![Page 26: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/26.jpg)
@asanzdiego @jorgeas80
Paso 4: División del trabajo
![Page 27: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/27.jpg)
@asanzdiego @jorgeas80
![Page 28: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/28.jpg)
@asanzdiego @jorgeas80
back front design
![Page 29: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/29.jpg)
@asanzdiego @jorgeas80
Paso 5: Desarrollo
![Page 30: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/30.jpg)
@asanzdiego @jorgeas80
![Page 31: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/31.jpg)
@asanzdiego @jorgeas80
Lenguajes, herramientas, frameworks
Usa los que normalmente usas oaprovecha para aprender nuevos...
...pero no puedes malgastar tu tiempoconfigurando el entorno!!!
![Page 32: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/32.jpg)
@asanzdiego @jorgeas80
Algunos lenguajes habituales
![Page 33: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/33.jpg)
@asanzdiego @jorgeas80
Algunas herramientas habituales
![Page 34: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/34.jpg)
@asanzdiego @jorgeas80
Algunos frameworks habituales
![Page 35: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/35.jpg)
@asanzdiego @jorgeas80
Usa APIs REST para separar back/front
![Page 36: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/36.jpg)
@asanzdiego @jorgeas80
Usa APIs REST de terceros
![Page 37: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/37.jpg)
@asanzdiego @jorgeas80
Paso 6: Despliegue
![Page 38: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/38.jpg)
@asanzdiego @jorgeas80
![Page 39: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/39.jpg)
@asanzdiego @jorgeas80
IaaS, PaaS, SaaS
SaaS (Software as a Service)
-> PaaS (Platform as a Service) <-
IaaS (Infrastructure as a Service)
![Page 40: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/40.jpg)
@asanzdiego @jorgeas80
![Page 41: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/41.jpg)
@asanzdiego @jorgeas80
http://pelitweets.github.io
FRONTEND: pelitweets.com
![Page 42: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/42.jpg)
@asanzdiego @jorgeas80
http://pelitweets.herokuapp.com/api/
BACKEND: pelitweets.com
![Page 43: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/43.jpg)
@asanzdiego @jorgeas80
Paso 7: Demos
![Page 44: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/44.jpg)
@asanzdiego @jorgeas80
![Page 45: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/45.jpg)
@asanzdiego @jorgeas80
Ten un plan B por si Internet falla
![Page 46: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/46.jpg)
@asanzdiego @jorgeas80
Realiza unas bonitas slides
![Page 47: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/47.jpg)
@asanzdiego @jorgeas80
Conecta con el público
![Page 48: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/48.jpg)
@asanzdiego @jorgeas80
Créditos
● Imágenes:
○ http://en.wikipedia.org/wiki/File:Steve_Jobs_and_Bill_Gates_(522695099).jpg ○ http://en.wikipedia.org/wiki/File:British_Airways_Concorde_G-BOAC_03.jpg ○ http://en.wikipedia.org/wiki/File:Engine.f15.arp.750pix.jpg ○ http://en.wikipedia.org/wiki/File:Ala_delta_sobrevolando_la_Sierra_de_Villafranca.
JPG ○ http://en.wikipedia.org/wiki/File:Hardenstein_2014_-_Adventurers.jpg ○ http://en.wikipedia.org/wiki/File:Tuskegee_Airmen_presentation.jpg ○ http://mellisea.deviantart.com/art/Gollum-close-up-2-78083529 ○ http://flickr.com/photos/ter-burg/8812567121 ○ http://flickr.com/photos/nadinee/2582322082 ○ http://flickr.com/photos/sween/6272861967
● Iconos:
○ http://www.iconsdb.com/custom-color/talk-icon.html ○ http://www.iconsdb.com/custom-color/guestion-icon.html ○ http://www.iconsdb.com/custom-color/crying-icon.html ○ http://www.iconsdb.com/custom-color/cool-icon.html ○ http://www.iconsdb.com/custom-color/wink-icon.html ○ http://www.iconsdb.com/custom-color/brain-icon.html ○ http://www.iconsdb.com/custom-color/conference-icon.html ○ http://www.iconsdb.com/custom-color/planner-icon.html ○ http://www.iconsdb.com/custom-color/puzzle-icon.html ○ http://www.iconsdb.com/custom-color/notebook-icon.html ○ http://www.iconsdb.com/custom-color/cloud-3-icon.html ○ http://www.iconsdb.com/custom-color/server-icon.html ○ http://www.iconsdb.com/custom-color/arrow-11-icon.html ○ http://www.iconfinder.com/icons/199367/presentation_slide_icon ○ http://www.iconsdb.com/custom-color/database-5-icon.html
● Logos lenguajes:
○ http://en.wikipedia.org/wiki/File:HTML5_logo_and_wordmark.svg ○ http://en.wikipedia.org/wiki/File:Html5_css3_styling.svg ○ http://en.wikipedia.org/wiki/File:JavaScript-logo.png ○ http://en.wikipedia.org/wiki/File:Python.svg ○ http://en.wikipedia.org/wiki/File:Ruby_logo.png ○ http://en.wikipedia.org/wiki/File:Java_logo_and_wordmark.svg○ http://php.net/download-logos.php
● Logos herramientas:
○ http://en.wikipedia.org/wiki/File:Brackets_Icon.svg ○ http://en.wikipedia.org/wiki/File:Git-logo.svg ○ http://en.wikipedia.org/wiki/File:Mozilla_Firefox_logo_2013.svg ○ http://www.npmjs.org/static/img/npm.png ○ http://www.smartrabbit.co/wp-content/uploads/2014/09/yeoman.png ○ http://gulpjs.com/gulp-2x.png ○ http://bower.io/bower_logo.png
● Logos frameworks:
○ http://en.wikipedia.org/wiki/File:AngularJS_logo.svg ○ http://en.wikipedia.org/wiki/File:Boostrap_logo.svg ○ http://en.wikipedia.org/wiki/File:Ruby_on_Rails_logo.svg ○ http://en.wikipedia.org/wiki/File:Symfony2.svg ○ http://en.wikipedia.org/wiki/File:Django.png ○ http://www.meteor.com/meteor-logo.png ○ http://github.com/expressjs
● Logos APIS:
○ http://en.wikipedia.org/wiki/File:Google_Maps_Logo.png ○ http://en.wikipedia.org/wiki/File:Facebook_logo_(square).png ○ http://en.wikipedia.org/wiki/File:Twitter_bird_logo_2012.svg ○ http://en.wikipedia.org/wiki/File:TextalyticsLogo.png ○ http://en.wikipedia.org/wiki/File:The_Weather_Channel_logo_1996-2005.svg ○ http://en.wikipedia.org/wiki/File:YouTube-logo-seit-Dezember-2013.png ○ http://en.wikipedia.org/wiki/File:EBay_former_logo.svg ○ http://en.wikipedia.org/wiki/File:Flickr_logo.png○ http://en.wikipedia.org/wiki/File:Wikipedia-es-logo-black-on-white.png
![Page 49: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/49.jpg)
@asanzdiego @jorgeas80
Licencia
Esta obra tiene una licencia:CreativeCommons-Reconocimiento-CompartirIgual
![Page 50: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/50.jpg)
@asanzdiego @jorgeas80
¿Alguna pregunta?
![Page 51: Codemotion 2014 - Hackathones - de 0 a produccion en 24 horas](https://reader033.fdocuments.co/reader033/viewer/2022060202/559c1ce31a28ab0a158b46b1/html5/thumbnails/51.jpg)
@asanzdiego @jorgeas80
Nos vemos en el siguiente hackathon:http://hackathonlovers.com