IIT Delhi 8th Aug– 11th Aug2013
Hacking 101
and everything else you need to know
to survive a hackday!
by Jithin Emmanuel
Hacking101 delhi 2013
What are hacks ?
What is HackU ?
What is a good hack?
Tips to survive a Hack Day
!!
“Altering a system to do what
you want it to do using what
is at your disposal”
hacking: v.
hacker: n.
A person who enjoys exploring the
details of programmable systems
and how to stretch their
capabilities
What is a Hack?
An innovative solution to a real
world problem; quick and dirty
workaround, yet effective.
Who is a hacker?
A hacker is a passionate, skilled
and creative technologist who
thrives on building innovative
solutions to real world problems.
Hacking101 delhi 2013
Wear the Hacker Badge with Pride!
Hackers are:
People like you and me.
Creative developers & designe
Love technology.
Love building things.
Come to events like this.
It’s a term of great respect!
Wear that badge with pride!
Hacking is nothing new
Ticketing hacks
Cooler hack
Hack as art
Medical hack
Life Hacks
Life Hacks
Life Hacks
Public Hacks
Systemic Hacks
Hacking in your hostel room
However, we are
looking for
software hacks
http://hacks.developer.yahoo.com
What is this
thing?
24 hours of un-interrupted,
unrestrained coding and
innovation
Talks for two days
Take something from idea to
prototype in a day
Hack
Get Help
Have Fun
Eat
Recharge
Hack
Fix
Demo
Win Prizes
and other stuff
Winners
2012
Delhi Winners 2012
Join us!
Got it!
So what’s a good hack?
A good hack starts with an idea…
http://www.flickr.com/photos/justinpoliachik/3893820201/
Scratch your own itch
Build something you will use yourself
Fix something you use every
day
Hacking101 delhi 2013
People look for inspiration or entertainment
Or try to tackle some larger issues
Hack for Good – Make the world
a better place
Think Politics
Green / Environment Hacks
Accessibility
Accessibility
Accessibility
Tools for activism and awareness
Accessibility
Tools for Religion
Where do I start?
To build a typical web
hack you need data,
access and an
interface
The web has lot of data around
http://developer.yahoo.com
http://developer.yahoo.com/everything.html
http://www.github.com/
Hacking101 delhi 2013
To access the data easily you can use
YQL
YQL is a SQL-Like
Language that lets
you …
… filter, combine, tweak data across
hundreds of Web Services.
http://developer.yahoo.com/yql/console
Data however is not enough.
You also need working
interfaces
Technologies are easy:
HTML
CSS
JavaScript
Making it work on all browsers and OS
is tricky
So, we have YUI!
http://developer.yahoo.com/yui
http://developer.yahoo.com/yui/grids/builder/
You do not want to write multiple
versions of same app for different
devices
So, we open sourced
http://developer.yahoo.com/cocktails/mojito/
15 HackU
survival tips
Scratch your own
itch!
Eric Raymond’s The
C a t h e d r a l a n d t h e
Bazaar: Every good
work of software starts by
scratching a developer’s
personal itch. To solve
an interesting problem,
start by finding a problem
that is interesting to you.
Know what’s happening
• Talks – 6:00pm to 11:00pm Thu/Fri
• Dinner – 8:00 pm Thu/Fri/Sat
• Hacking – 11:00am Saturday to 11:00am Sunday
• Submit your hack - 10am Sunday
• Hack Demos - 2pm Sunday
• Winners Announced - 6pm Sunday
http://facebook.com/hackuniversity
@hackuindia
Look up other hacks
http://hacks.developer.yahoo.com/
Get the right skills on your
team
Choose the right tools
developer.yahoo.com
developer.yahoo.com/everything.html
Source your data / content
YQL
BOSS
Fantasy Sports
Scrape Sites if you
need to
Tackle the hard problems first
Don’t be afraid to ask for help
Learn something new
Don’tconcentrateonyour
favoritetoys
http://www.flickr.com/photos/cristiano_betta/571879057/sizes/l/in/photostream/
Expect the unexpected!
http://www.flickr.com/photos/major_clanger/1488173116/sizes/l/in/photostream/
Be prepared for the worst!
Stay up all night
I am your friend!
Take a Break & have
fun
Practice your pitch
Make a memorable pitch!
http://careersuccess.typepad.com/my_weblog/2009/10/the-art-and-beauty-of-a-
wonderfully-crafted-elevator-speech---is--yours-memorable.html
Hacking101 delhi 2013
A good hack doesn’t need to be a big!http://1funny.com/big-lioness/
Don’t try to boil the ocean
Don’t slap on too many features
Hacking101 delhi 2013
Hacking101 delhi 2013
Find things that already work
Look under the hood
Fake
Bake
Make
Build
Presenting your hack
Do not show us slides about your hack
Powerpoint = Fail!
Instead show us what you have done
Technical glitches happen
Have a plan-B
• Record screencast
• Do not depend on internet
• Keep your stuff ready in browser
• Rehearse the demo with atleast one crew
member before hand
How we judge the hacks
• Solves a real problem
• Working Prototype
• Displays Creative Thinking, and push the
boundaries of what we’ve seen before
• Great User Experience
• Uses data or technology in a unique and
interesting way
• Uses technology or data from Yahoo!
• X-factor!
• Realistic that it was built in 24 hours
And once you are done
• Keep your hack live
• Show others what you have done
• Publish your code on github
• Join us and take it even further!
• developer.yahoo.com/blog
• @ydn on twitter
Where to host your hack?
Talk to us to host at http://www.hackyourworld.org
Hacks can be more
than just fun!
Hacking101 delhi 2013
http://public.yahoo.com/~filo/stanford/940520/bin/index.html
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Hacking101 delhi 2013
Innovation is not a skill
It is about wanting to
change what we have and be
ready to play
Realize your potential
The web is yours, go out and
play!
Social Media
• Follow @hackuindia for detailed
updates
• Follow @ydn for general updates
• #hackuindia (twitter)
• Hackuniversity at Facebook -
https://www.facebook.com/hackuniv
ersity
• http://hacks.developer.yahoo.com
Hack Resources
• http://developer.yahoo.com
• http://developer.yahoo.com/yql/console
• http://www.github.com
• http://hackyourworld.org/
• http://isithackday.com/hackday-toolbox/
• http://talks.php.net/show/hacku/
• http://hacks.developer.yahoo.com

More Related Content

PPTX
Hacking 101
PDF
Hacking 101
PDF
Hacking & everything you need to survice a hackday - Yahoo! Agency Hack Day N...
PDF
Innovating the Hacker Way
PDF
Hacking for Innovation - WPP, New York
PDF
A Responsive Process
PDF
No more excuses left - let's build great things - Christian Heilmann - Codemo...
PDF
VS Single Page App Design with AngularJS
Hacking 101
Hacking 101
Hacking & everything you need to survice a hackday - Yahoo! Agency Hack Day N...
Innovating the Hacker Way
Hacking for Innovation - WPP, New York
A Responsive Process
No more excuses left - let's build great things - Christian Heilmann - Codemo...
VS Single Page App Design with AngularJS

Viewers also liked (6)

PDF
Microsoft Data Science Technologies 201505
PDF
Microsoft Data Science Technologies 201608
PPTX
Create a Data Science Lab with Microsoft and Open Source tools
PPT
React js
KEY
Intro to Data Science for Enterprise Big Data
PDF
How to Become a Data Scientist
Microsoft Data Science Technologies 201505
Microsoft Data Science Technologies 201608
Create a Data Science Lab with Microsoft and Open Source tools
React js
Intro to Data Science for Enterprise Big Data
How to Become a Data Scientist

Similar to Hacking101 delhi 2013 (20)

PPTX
Hack 101 at IIT Kanpur
PPT
Welcome to University Hack Day @ IIT Chennai
KEY
Hacking != cracking (and everything else you need to know to survive a hackday)
PPT
2010 Fall Hack U
PPTX
Innovating the Hacker Way
PDF
What the hack?
PDF
Christian Heilmann: Yahoo Open Hack Day
PDF
Hacking for Innovation: IIT Kharagpur
PPTX
Yahoo! Publicis Hackday 2012 Intro
PPTX
Intro to Hackathons 101
PDF
Georgia Tech Hack Day
KEY
Hacku 2010 berkeley
PPTX
What the hack - Yahoo! Hack India Hyderabad 2013
PPTX
Yahoo! Hack India: Hyderabad 2013 | YDN & Hacking 101
KEY
Open Hack Taiwan 2012 - Hacking 101
PPT
2010 Fall Hack U intro presentation
PDF
Hacking For Innovation Delhi
PDF
Demystifying a Hackathon
PPTX
Hacking 101 - An Introduction to HackU at IIT Kanpur
PPTX
2011 HackU UCSD
Hack 101 at IIT Kanpur
Welcome to University Hack Day @ IIT Chennai
Hacking != cracking (and everything else you need to know to survive a hackday)
2010 Fall Hack U
Innovating the Hacker Way
What the hack?
Christian Heilmann: Yahoo Open Hack Day
Hacking for Innovation: IIT Kharagpur
Yahoo! Publicis Hackday 2012 Intro
Intro to Hackathons 101
Georgia Tech Hack Day
Hacku 2010 berkeley
What the hack - Yahoo! Hack India Hyderabad 2013
Yahoo! Hack India: Hyderabad 2013 | YDN & Hacking 101
Open Hack Taiwan 2012 - Hacking 101
2010 Fall Hack U intro presentation
Hacking For Innovation Delhi
Demystifying a Hackathon
Hacking 101 - An Introduction to HackU at IIT Kanpur
2011 HackU UCSD

Recently uploaded (20)

PDF
Hybrid model detection and classification of lung cancer
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
August Patch Tuesday
PDF
Architecture types and enterprise applications.pdf
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PDF
Unlock new opportunities with location data.pdf
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PDF
Hindi spoken digit analysis for native and non-native speakers
PPTX
Chapter 5: Probability Theory and Statistics
PPTX
Web Crawler for Trend Tracking Gen Z Insights.pptx
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PDF
Five Habits of High-Impact Board Members
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
WOOl fibre morphology and structure.pdf for textiles
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PDF
Getting started with AI Agents and Multi-Agent Systems
PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
A comparative study of natural language inference in Swahili using monolingua...
Hybrid model detection and classification of lung cancer
A review of recent deep learning applications in wood surface defect identifi...
August Patch Tuesday
Architecture types and enterprise applications.pdf
sustainability-14-14877-v2.pddhzftheheeeee
Unlock new opportunities with location data.pdf
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
Hindi spoken digit analysis for native and non-native speakers
Chapter 5: Probability Theory and Statistics
Web Crawler for Trend Tracking Gen Z Insights.pptx
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
Five Habits of High-Impact Board Members
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
WOOl fibre morphology and structure.pdf for textiles
Final SEM Unit 1 for mit wpu at pune .pptx
Getting started with AI Agents and Multi-Agent Systems
A novel scalable deep ensemble learning framework for big data classification...
A comparative study of natural language inference in Swahili using monolingua...

Hacking101 delhi 2013

Editor's Notes

  • #2: http://www.flickr.com/photos/biggleswadeblue/4504859104/http://en.wikipedia.org/wiki/101_(term)
  • #4: http://developer.yahoo.com/blogs/ydn/yahoo-hacku-iit-delhi-rocked-53859.htmlhttp://www.flickr.com/photos/14958213@N04/sets/72157631110771916/
  • #5: What hacking is not –Not the hacking which is prevalent in news – Yahoo got hackedhttp://news.cnet.com/8301-1009_3-57572212-83/online-note-service-evernote-latest-firm-to-get-hacked/
  • #6: Jargon File
  • #9: So what is a hacker?
  • #11: We all hackers!
  • #22: Clever way of solving something which you are passionate about.Not hacking into systems.
  • #34: Those who think they know know everything annoy those of us who do!
  • #41: Find solutions to the problems! Find something that always annoyed you with systems you use... ...and build a workaround. Every good work of software starts by scratching a developer’s personal itch. • To solve an interestin Every good work of software starts by scratching a developer’s personal itch. • To solve an interesting problem, start by finding a problem that is interesting to you.g problem, start by finding a problem that is interesting to you.
  • #42: Cricket extension
  • #43: Find solutions to the problems! Find something that always annoyed you with systems you use... ...and build a workaround. My fist hack – a script to process downloaded image zips
  • #44: Find solutions to the problems! Find something that always annoyed you with systems you use... ...and build a workaround.
  • #45: Find solutions to the problems! Find something that always annoyed you with systems you use... ...and build a workaround.
  • #47: I paid 100 Rs bribe
  • #48: How much time do your MP spends in parliament – how many questions he has asked
  • #49: Yahoo! Sunnyvale – Electricity usage for each building
  • #50: Accessible interfaces
  • #51: Accessible interfaces
  • #52: Accessible interfaces
  • #55: Reading docs
  • #56: Everything that yahoo does for developers is located. With documentations, code examples
  • #57: Search, Flickr, Geo, Placemaker, placefinder, Social, News, Finance, Mail, Messenger, Address Book, Maps, Anwsers
  • #58: Everything that yahoo does for developers is located. With documentations, code examples
  • #59: Youtube, Twitter, Facebook, Google, Amazon, eBay, Craigslist, Imdb, Last.fm
  • #60: Non CS Guys ?
  • #71: A JavaScript MVC framework for mobile applications, one of the Yahoo! Cocktails.Write an app that adapts to different devices. Not only in terms of presentation, but also in terms of computation i.e. some processing can be done on the server, or the client, up to you
  • #75: http://hacks.developer.yahoo.com/
  • #78: Identify the source of your content as the first step. YQL is a good start and can help with with almost all sources.http://jsfiddle.net/derek/Vjxt2/
  • #79: Talk about couple of hard problems ??Its better to identify blockers at an early stage of your hacking. For example if you need an API access which is critical to your hack and if it is not working atm, try to resolve it before moving towards non-critical areas of your hack. Because it might be too late if you try to post pone it.
  • #81: Come out of your comfort zone.
  • #82: Be ready to play with new technologies
  • #86: Caffeine
  • #87: Have proper breaks, if you all the work and end up too tired for the demo. Its not going to help anyone
  • #88: Do make sure that your practice the demo before hand. Have everything ready so that you can make use of the limited time.
  • #89: Do make sure that that way you present is catchy. A live demo with proper presentation helps a lot.
  • #90: Don’t try to solve everything in your hack.. Instead of Building something and put feature feature in it.. Concentrate on building one thing. 1 thing is enuf
  • #91: Hacks are not very complex. Lot of people think they have to finish the product in 24 hours! We have very cool building blocks todayUse them Play with new technologies
  • #92: Don’t try to solve everything in your hack.. Instead of Building something and put feature feature in it.. Concentrate on building one thing. 1 thing is enuf
  • #93: Don’t try to solve everything in your hack.. Instead of Building something and put feature feature in it.. Concentrate on building one thing. 1 thing is enuf
  • #94: Don’t try to solve everything in your hack.. Instead of Building something and put feature feature in it.. Concentrate on building one thing. 1 thing is enufConcentrate on one cool feature which can capture crew imagination.
  • #95: Don’t try to solve everything in your hack.. Instead of Building something and put feature feature in it.. Concentrate on building one thing. 1 thing is enuf
  • #96: Mashing up things that already work.
  • #97: Dig deep, understand the hard problems in your idea and solve them.
  • #102: No matter how good your hack is, it all depends on how you present it. Do register your hack at http://www.hackyourworld.org/hacku/A good description and screen cast will help us in setting up the right context before live demo.
  • #107: Y! is interested in hacks around digital media, advertising, personalization, big data, local, social, mobile…
  • #116: Chad Hurley, Steve Chen, and Jawed Karim
  • #118: Tom, Chris and PJ - http://37signals.com/svn/posts/2486-bootstrapped-profitable-proud-github
  • #120: Caterina Fake and Stewart Butterfield
  • #122: Kevin Systrom and Mike Krieger