I am Joshua Johanan and this is a blog about writing code

An idea that I have had for awhile is a RunKeeper like application that runs completely in the browser. This is not due to any inherit issues with the RunKeeper application, just more of a proof-of-concept. HTML 5 makes this easy. We can save old runs and run without an Internet connection making it almost a native app. The only phone I have tested this with is an iPhone 4S as that is the only phone I have access to.

I will show how to deal with paged data and some other tricks Paged Facebook Data Let’s use photos for example. To see what would be returned for an API call to /me/photos we will use the Graph API explorer. You will see that there are two top level keys data and paging. Inside of data is all the information about each photo. In the lofPictureView I loop through the photos adding them to the page

I have been using Google Music ever since I was able to get an account. I have already synced all the my music to it. It works great in my browser. I have one issue though. This: It becomes just another tab in my browser. It could even be just another tab in just another instance of Chrome. This is a pain. A song I don’t like comes up and I want to go to the next or my phone rings and I need to pause the song.

Finally we are getting to the backbone of this app Backbone Backbone is a javascript library that creates an MVC(Model, View, Controller) structure. Earlier I said this was not a great tutorial and that is because we are only using the view and controller portions of backbone. The model is coming from Facebook. We probably could abstract this out and create a backbone model for Facebook, but I chose just to use the Facebook API directly.

This part will cover setting up the Facebook SDK, initializing the SDK, and getting users authenticated. Facebook SDK setup We covered this in the last post, but I will touch on it again. We are going to use XFBML. Facebook used to have FBML, but they have deprecated this. We use XFBML to create the login button. If you look at Facebook’s Social Plugins you will see that you can implement many of them through the javascript SDK and XFBML.

It uses javascript and only javascript Setup your Facebook App First thing you will need to do is to create an app through Facebook. Start at the Facebook Developers site. There will be a button to create a new app. A modal window will popup. Fill this out. You may have to play with the App namespace to find something that isn’t taken. You now will have to fill out the App Domain and Site URL.

What would a browser look like on the NES? The canvas element Canvas is a new element that was part of HTML5. Canvas opens a lot of doors in HTML5 and there are a lot of amazing examples of what is possible with the canvas element, but we are only using a small portion of it’s capabilities. We can add a canvas to a web page very easily <pre class="brush: xml; title: ; notranslate" title=""><canvas id="myCanvas" width="500" height="500">Fallback content</canvas> We can now manipulate it with Javascript.

This is a screencast of the Facebook SDK in Zend Framework tutorial

I am a programmer that currently lives in South Bend, IN. I currently work writing applications in .Net. I am now going to focus on Python and speficially Django. After trying many different web application frameworks, I have found this to be the one that fits best with my style. My hopes with this blog is that I will be able learn from the many talented people on the Internet and hopefully someone out there can learn from me.

It doesn’t matter if use Zend or not, you can follow along and use the code in your project as well. Setup Zend Framework First thing to do is download the latest version of Zend Framework. It is a free download, but you will have to create an account. If you don’t use Zend Framework (ZF from here on out) you really should. It is very extensible and versatile. I won’t continue to try and sell you on ZF (and most likely you already are using it).