For the hands-on part of the talk, we're going to be sprucing up a Reddit subreddit browser I made earlier (building off github.com/timisbusy's previous Node Hands On module).
Looking at code without syntax highlighting is annoying. Spend a few minutes setting up your editor. Check out: http://stackoverflow.com/questions/4246024/coffeescript-editor-for-macos
Don't sweat it if you can't get your editor up and running. Just paste code into this link: http://pcsedit.appspot.com
Run "npm install" and then "node app.js". Navigate to http://127.0.0.1:3000 and confirm the subreddit browser works.
Familarize yourself with the _app.coffee code. If you've never worked with
CoffeeScript before, it'll likely be a little foreign. Check out the hints at
the top of the file. There is definitely coffee syntax the talk did not go over
so definitely check out http://www.coffeescript.org/ (and don't hesitate to
ask).
OK. Let's make some code changes. Search for (PROBLEM 3) in _app.coffee.
It should be around line 77.
OK, let's check out some object orientedness. We're going to take some
functionality inside _app.coffee and put it into our own class file.
Open up redditEntry.coffee, which has a skeleton class. Fill in the constructor and methods (getEntryObject,
isValid) and then plug this in to _app.coffee. Don't forget to require()
the file from _app.coffee.
Note: after this problem, the following should be replaced with calls to the
class:
# entryIsValid
# makeEntry and calls to it
# entryArray.push getEntryHtml entry for entry in entries should be modified
Change the sponsoredSubreddits to be an object. The keys should be 'original' and 'personal'. 'original's value should be the sponsoredSubreddit array as it exists now. Add your own array with your own favorite subreddits as the value for 'personal'. Then iterate through these objects (look on coffeescript.org for how to iterate through an object) and print the values out on the web page.