Dominion Enterprises _H@

Ken Collinsmetaskills.net

_H@<k@th0n_

Monday, September 12, 11

Who Am I Again?

?Monday, September 12, 11

Who Am I Again?

@MetaSkills


Who Am I Again?

@MetaSkills


Who Am I Again?

@MetaSkills


Who Am I Again?

@MetaSkills


Who Am I Again?

@MetaSkills

...


Sr. Software Engineer @ Decisiv



JavaScript



Blog @ MetaSkills.net


Freetime @ HomeMarks.com


Advocate @ 757rb.org


HTML5CSS3


Divitis

<div id="post"> <div id="header"> <span class="pubdate"> <span class="day">27</span> <span class="month">Dec</span> <span class="year">2010</span> </span> <h1>My New Blog</h1> </div> ... <div id="disqus_thread"> ... </div></div>


Semantic

<article id="post"> <header> <time pubdate datetime="2010-12-27T00:00:00-05:00"> <span class="day">27</span> <span class="month">Dec</span> <span class="year">2010</span> </time> <h1>My New Blog</h1> </header> ... <footer id="disqus_thread"> ... </footer></article>


Dive Into HTML5

http://diveintohtml5.org/semantics.html#new-elements




CSS3


CSS3Selectors


CSS3SelectorsBorders (images, radius, shadows)


CSS3SelectorsBorders (images, radius, shadows)Colors (rgba, hsla, opacity)


CSS3SelectorsBorders (images, radius, shadows)Colors (rgba, hsla, opacity)Text (wrap, overlay, shadows)


CSS3SelectorsBorders (images, radius, shadows)Colors (rgba, hsla, opacity)Text (wrap, overlay, shadows)Backgrounds (gradients, clip, origin)


CSS3SelectorsBorders (images, radius, shadows)Colors (rgba, hsla, opacity)Text (wrap, overlay, shadows)Backgrounds (gradients, clip, origin)Media Queries & Fonts


Transitions, Transforms, Animations


Transitions, Transforms, Animations


jQuery “Mobile”


Encapsulate Your JavaScript

http://metaskills.net/2011/09/06/how-do-you-encapsulate-your-javascript/




Leveraging API's In Ruby


Data Format (JSON & XML)


Data Format (JSON & XML)Always Use Object Notation


Data Format (JSON & XML){ "id":8, "email":"[email protected]", "posts":[ {"id":30, "title":"First Post", "body":"Some text..."}, {"id":73, "title":"Second Post", "body":"More text..."} ]}


mailto:[email protected]

mailto:[email protected]

<user> <id type="integer">8</id> <email>[email protected]</email> <posts type="array"> <post> <id type="integer">30</id> <title>First Post</title> <body>Some text...</body> </post> <post> <id type="integer">73</id> <title>Second Post</title> <body>More text...</body> </post> </posts></user>



Data Format (JSON & XML)Always Use Object NotationRails has #to_json and #to_xmlDefine #as_json for obj primitive.


Data Format (JSON & XML)Always Use Object NotationRails has #to_json and #to_xmlDefine #as_json for obj primitive.New objects using #from_json and #from_xml methods.


json = '{ "id":8, "email":"[email protected]", "posts":[ {"id":30, "title":"First Post", "body":"Some text..."}, {"id":73, "title":"Second Post", "body":"More text..."} ]}'

user = User.new.from_json(json)user.email # => [email protected] # => 2user.post.first.title # => "First Post"



Representation State Transfer

(REST)



(REST)CREATE READ UPDATE DELETE

DB

HTTP

INSERT SELECT UPDATE DELETE

POST GET PUT DELETE




DB

HTTP


POST GET PUT DELETE




DB

HTTP


POST GET PUT DELETE



(REST)GET /users {:controller=>"users", :action=>"index"}POST /users {:controller=>"users", :action=>"create"}GET /users/:id {:controller=>"users", :action=>"show"}PUT /users/:id {:controller=>"users", :action=>"update"} DELETE /users/:id {:controller=>"users", :action=>"destroy"}


HTTP Clients


HTTP Clients In Ruby


HTTP Clients In RubyMany choices!


HTTP Clients In RubyMany choices! Ruby’s core lib Net::HTTP looks more like wizardry vs idiomatic Ruby.


HTTP Clients In RubyMany choices! Ruby’s core lib Net::HTTP looks more like wizardry vs idiomatic Ruby.Research and pick one that works best for you.


HTTP Clients In Ruby

http://ruby-toolbox.com/categories/http_clients.html




Typhoeus

https://github.com/dbalatero/typhoeus

High Speed!Built On Top Of libcurlSimple RESTful RequestParallel RequestsMemoization & Caching




hydra = Typhoeus::Hydra.newrequest = Typhoeus::Request.new("http://localhost/posts/1.json")request.on_complete do |response| json = JSON.parse(response.body) post = Post.new.from_json(json) # Do crazy callback stuff...end

hydra.queue requesthydra.run # This is a blocking call that # returns once all requests are complete.

Typhoeus


SOAP


xml = Builder::XmlMarkup.new(:indent=>2)xml.user do xml.id 8, :type => 'integer' xml.email "[email protected]" xml.posts :type => 'array' do xml.post {...} endendxml.target! # => # <user> # <id type="integer">8</id> # <email>[email protected]</email> # <posts type="array"> # <post> # ... # </post> # </posts> # </user>

Pragmatic Use Of Builder

http://builder.rubyforge.org/


http://builder.rubyforge.org

http://builder.rubyforge.org

If You Embrace SOAP

http://savonrb.com/ https://github.com/unwire/handsoap

Savon Handsoap


http://savonrb.com

http://savonrb.com

https://github.com/unwire/handsoap

https://github.com/unwire/handsoap

Thanks!Ken Collins

metaskills.net


Dominion Enterprises _H@

Technology