10 fun projects to improve your coding skills

ten fun projects to improve your hacking skills.

railswaycon 2010 berlin.

[email protected]://jan.krutisch.de

Donnerstag, 3. Juni 2010

mailto:[email protected]


http://jan.krutisch.de


http://www.cashbits.de/


http://www.cashbits.de

http://www.cashbits.de

http://Donnerstag, 3. Juni 2010

http://www.flickr.com/photos/ppdigital/2054989998/Donnerstag, 3. Juni 2010

http://www.flickr.com/photos/ppdigital/2054989998/

http://www.flickr.com/photos/ppdigital/2054989998/

http://http://http://http://http://


Theory:


You need more than one hammer.

Frank Vincentz


10 projects.


none done.


(hey, I‘m just a speaker)


okay,some similarities.


There will be badges.

See http://jan.krutisch.de/en/fun_projects/


http://jan.krutisch.de/en/fun_projects/


Project #1: TworldCup‣ Quest‣ Build a web application that shows twitter „matches“

alongside the real WoldCup matches.

‣ Skillset‣ Alternative Database approaches (NoSQL)‣ Simple Data mining‣ Twitter API usage

http://www.sxc.hu/browse.phtml?f=profile&l=vxdigitalDonnerstag, 3. Juni 2010

http://www.sxc.hu/browse.phtml?f=profile&l=vxdigital

http://www.sxc.hu/browse.phtml?f=profile&l=vxdigital

Project #1: TworldCup

‣ Proposed technology stack‣ Ruby, Sinatra, Twitter-Gem, CouchDB.

‣ Achievements‣ NoSQL-Badge‣ Twitter-API-Badge


Project #2: Hackday

‣ Quest‣ Participate in a Hackday, RailsRumble or any other

24-48 hour long coding challenge

‣ Skillset‣ Planning and execution under extreme time constraints‣ Knowing your phyiscal boundaries‣ Less is more

http://www.flickr.com/photos/russss/




Project #2: Hackday

‣ Proposed technology stack‣ Caffeine, Sleeping Bag, Paper, Rock, Scissors

‣ Achievements‣ Hackday-Badge‣ Endurance-Badge


Project #3: RetroJS‣ Quest‣ Recreate the first video game you ever played in HTML5

and Javascript.

‣ Skillset‣ HTML5, Canvas, SVG, Audio element‣ Advanced Javascript, Javascript libraries‣ Event driven designs


Project #3: RetroJS

‣ Proposed technology stack‣ HTML, Javascript, maybe jquery.

‣ Achievements‣ DHTML-Badge‣ Javscript-Badge‣ Event-Driven-Badge


Project #4: Texas Estimate‘em‣ Quest‣ Build an application to remotely play planning poker

using WebSockets

‣ Skillset‣ HTML5, Javascript‣ Websockets‣ Realtime applications

http://www.flickr.com/people/81203773@N00




Project #4: Texas Estimate‘em‣ Proposed technology stack‣ node.js, HTML, Javascript (jquery)

‣ Achievements‣ Realtime-Badge‣ Node-Badge‣ Agile-Badge


Project #5: SoundTest‣ Quest‣ Create an Autotest plugin (or a CI-Server plugin) that

sonically signals the quality of your code using PD.

‣ Skillset‣ Sound processing. OpenSoundControl‣ Graphical stream programming using PureData‣ Autotest extensions.

http://www.flickr.com/people/mahalie/




Project #5: SoundTest

‣ Proposed technology stack‣ Ruby scripts, OSC library, PureData.

‣ Achievements‣ Graphical-Programming-Badge‣ Test-Signalling-Badge‣ Music-Badge


Project #6: Dashboard

‣ Quest‣ Build a large dashboard displaying important metrics

(Whatever that means to you) using HTML, SVG and Redis

‣ Skillset‣ Graphics design‣ Using a Key value store‣ Data aquisition and aggregation with Redis


Project #6: Dashboard

‣ Proposed technology stack‣ Sinatra, Redis, Raphael.js

‣ Achievements‣ Dashboard-Badge‣ Design-Badge‣ DataMunger-Badge


Project #7: Back to the Desktop‣ Quest‣ Build a desktop application that controls an aspect of

one of your rails web applications

‣ Skillset‣ Desktop UI design‣ Desktop development‣ API design


Project #7:Back to the Desktop‣ Proposed technology stack‣ Rails, MacRuby/hotcocoa or QTRuby, RubyFX etc.

‣ Achievements‣ Desktop-Badge‣ API-Badge


Project #8: Rube Tweetberg‣ Quest‣ Build a Rube Goldberg machine that starts or that‘s

started by a tweet or other forms of electronic messaging.

‣ Skillset‣ Build stuff. ‣ Create physical in/output for computer.

http://picasaweb.google.com/manilikecheese




Project #8:Rube Tweetberg‣ Proposed technology stack‣ threads, duct tape, marbles, inclined planes, USB

devices

‣ Achievements‣ Handicraft-Badge‣ Physical-I/O-Badge‣ Patience-Badge


Project #9: BuildLight

‣ Quest‣ Build a hardware representation (e.g. stoplight) of your

build status.

‣ Skillset‣ basic electronics and eventually soldering‣ Interfacing Hardware‣ Build/CI server extension

http://commons.wikimedia.org/wiki/User:Bidgee




Project #9: BuildLight

‣ Proposed technology stack‣ #{buildserver}, Arduino, Relais, Stop light, etc.

‣ Achievements‣ Signalling-Badge‣ Arduino-Badge‣ CodeQuality-Badge


Project #X: TouchySubject‣ Quest‣ Build something with a multitouch/tangible interface

‣ Skillset‣ New interface paradigms‣ Multi-User interactivity

http://www.flickr.com/people/aide/Donnerstag, 3. Juni 2010

http://www.flickr.com/people/aide/

http://www.flickr.com/people/aide/

Project #X: TouchySubject‣ Proposed technology stack‣ iPad, iPhone, Android, Reactable, whatever

‣ Achievements‣ Multitouch-Badge‣ Tangible-UI-Badge


questions? ideas?

See http://jan.krutisch.de/en/fun_projects/




Moi‣ [email protected]‣ http://jan.krutisch.de/‣ http://github.com/halfbyte/‣ http://twitter.com/halfbyte‣ http://www.mindmatters.de/






http://github.com/halfbyte/

http://github.com/halfbyte/

http://twitter.com/halfbyte

http://twitter.com/halfbyte

http://www.mindmatters.de

http://www.mindmatters.de

10 fun projects to improve your coding skills

Technology

Transcript of 10 fun projects to improve your coding skills