Embed Size (px)
DESCRIPTION
HackU Technical kickoff talk at UCSD in San Diego, CA (2011)
Citation preview
What the Hack ?!Welcome to Hack U 2011
@rmsguhan
Subram
Hello San Diego
2
Hack U @ UCSD – April 5 – 8, 2011
Hack ??
3
“Exploring the details of programmable systems and how to stretch their
capabilities”
4
- Glossary of hacker slang
It can be a lot of fun to play with code and
create new experiences
5
Hacking is a good thing
Cracking is Evil !!
6
Hack Day !
7
An invitation to innovate is a great motivator
8
24 hours of un-interrupted, un-managed
coding unleashed …
9
… surprising things can happen !
10
Hack day
Open hack Day
University hack day
We talk !
You Hack !
You present !
Your hack & You win!
There will be food !
Are there any rules ?
Max of 4 per team
24 hours of hacking(prior work is ok, but not during the demo )
!registered == !demoing
http://developer.yahoo.com/hacku/register/
Any technology
software or hardware hack
working demos preferable
Remember its all about innovation, fun &
creativity
Great, but where do I start ??
“A single idea from the human mind can build
cities. An idea can transform the world and
rewrite all the rules ”- Agent Cobb, “Inception” 2010
Choose something that bothers you,
something you would like changed …
26
… that one thing that you wished someone
invented
27
… your research might need a radical insight ..
28
… think for the good of mankind.
29
Build fast
pro
du
ct
pro
toty
pe
Fake it till you make it
Divide and conquer
If all else fails, do something to bring out a
laugh
Some hack winners
HackDemocracy: yahoo.summerhilldesign.com
InsiderTrades: insidertrades.org
Rural area twitter
Demo strategy
Elevator pitch “you have 3 minutes”
Rehearse if you have time
What if you win ??
iPads, iPods, Gift cards, trophies, yahoo swag
bags
Bragging Rights !!
You make it, its yours !
We are not responsible for the awesomeness and/or mayhem you create.
You own your intellectual property
Lets talk tech
Today
Introduction to YQL & YUI
Jonathan LeBlanc@jcleblanc
Tomorrow
Using Javascript Well
Guest Lecture by Douglas Crockford
API Brain Jam @
12:00 pm April 6th 2011
Full Schedulehttp://developer.yahoo.com/hacku/ucsd.html
Register http://developer.yahoo.com/hacku/register
Follow us @hacku
Tags
#hacku2011 #ucsd
Innovation knows no limits
55
56
Photo Credits
http://www.flickr.com/photos/chad/http://www.flickr.com/photos/equanimity/http://www.flickr.com/photos/70883693@N00/http://www.flickr.com/photos/draket/
57
58
59
SELECT * FROM Internet Building Queries and Stuff
60
61
SELECT myColumn, myTitle
FROM myTable
WHERE myColumn = 'value'
AND myTitle = 'title'
LIMIT 3 OFFSET 10
Skills you May Already Have
Is YQL a Database?
NO!
65
YQL Test ConsoleAvailable At: http://developer.yahoo.com/yql/console
Don’t Reinvent the Wheel
Getting Started
<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-
min.js"></script>
Step 1: Include Global JS
YUI().use(’module1', ’module2', function(Y) { //module1 is available //module2 is available});
Step 2: Create YUI Global Object
DOM Manipulation
YUI().use('node', function(Y) { var node1 = Y.one('#myNode'); var node2 = Y.all('#myNode li');
nodeID = node1.get('id'); node1.set('innerHTML', 'new content'); node2.addClass('bar');});
Handling Events
YUI().use('node', function(Y) { Y.one('#demo').on('click', function(e) { alert('event: ' + e.type + ' target: ' + e.target.get('tagName')); });});
Making YQL Requests
YUI().use('yql', function(Y) { new Y.yql(’SHOW Tables', function(r){ r.query; //the result r.error; //the error message });});
Cross-Domain Requests
YUI().use("io-xdr", function(Y) { var xdrCfg = { src:'io.swf' }; Y.io.transport(xdrCfg);
var cfg = { use: 'flash', //use flash transport data: 'foo=bar&baz=boo' //data to transfer timeout: 3000, //transfer timeout };
var GlobalEventHandler = { success: function(id, o, args) { var data = o.responseText; }};
Y.on('io:success', GlobalEventHandler.complete, this); var request = Y.io(uri, cfg);});
Need Something Else? Get it from the Gallery
http://yuilibrary.com/gallery/
This Presentatonhttp://www.slideshare.net/jcleblanc
YQL Documentationhttp://developer.yahoo.com/yql
YUI Documentationhttp://developer.yahoo.com/yui
Contact MeTwitter: @jcleblanc
