craigteegarden / ember-pittsburgh-meetup-code-scavenger-hunt

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Instructions

  • Form teams of 2-4 people
  • Complete each challenge using Ember's version of JSBin
  • cdnjs is extremely useful for including external js libraries in a jsbin

Challenges

  1. [2 points] create a computed property that can be set

modify this jsbin and implement the fullDate computed property

Solutions: - http://emberjs.jsbin.com/qofuboquheme/1/edit - http://emberjs.jsbin.com/xumeb/1/edit

  1. [3 points] Build an Ember component that displays a github users' avatar and name given a github username

example:

{{github-user username='wycats'}}

would display Yehuda's github avatar and name.

Solutions: - http://emberjs.jsbin.com/xoqag/3/edit

  1. [4 points] create a live preview markdown editor

    create an ember application that creates a live preview of markdown entered into a textarea

    Solutions:

  2. [5 points] Display a large list in a high performance manner

    • Ember can choke on rendering large lists
    • load this dataset
    • display the whole list in a way that renders quickly and has good scroll performance

    Solutions:

  3. [5 points] Create a simple API-based data viewer for Gratipay

    • display the paydays information in a table that can be sorted by clicking on the columns
    • Gratipay API endpoints: https://github.com/gratipay/gratipay.com#api
    • Bonus points [2 points]
      • persist the sorting when sending a link to the page to someone else

Solution: - http://emberjs.jsbin.com/guquxu/1/edit

Bonus Solution (using query params): - http://emberjs.jsbin.com/mipaha/1/edit

  1. [7 points] Add keyboard shortcuts to navigate between routes

About