Skip to content

Instantly share code, notes, and snippets.

View bmelton's full-sized avatar
💭
I may be slow to respond.

Barry Melton bmelton

💭
I may be slow to respond.
25 followers · 1 following
  • Annapolis, MD
View GitHub Profile
@bmelton
bmelton / barebones.html
Created April 5, 2012 18:06
A Gentle Introduction to Ember - Part 1
<!doctype html>
<head>
<title>Ember test</title>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/ember.min.js"></script>
</head>
<body>
<h1>Ember Test</h1>
</body>
</html>
@bmelton
bmelton / gist:2312964
Created April 5, 2012 18:17
Handlebars w/ Ember - Simple
<script type="text/x-handlebars">
Hello, <b>{{MyApp.name}}</b>
</script>
@bmelton
bmelton / gist:2313013
Created April 5, 2012 18:22
Ember - handlebars intro
<!doctype html>
<head>
<title>Ember test</title>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/ember.min.js"></script>
</head>
<body>
<script type="text/x-handlebars">
<img src="{{ Example.logo }}"><br />
<h1>{{ Example.name }}</h1>
@bmelton
bmelton / gist:2313467
Created April 5, 2012 19:33
A Gentle Introduction to Ember - Wrapup
<!doctype html>
<head>
<title>Ember test</title>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/ember.min.js"></script>
</head>
<body>
<script type="text/x-handlebars">
<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
@bmelton
bmelton / gist:2320971
Created April 6, 2012 15:53
A Gentle Introduction to Ember - First Controller
Example.populate = Ember.ArrayController.create({
getTweets: function() {
var self = this;
var url = "http://search.twitter.com/search.json?callback=?&q=%23EmberJS";
$.getJSON(url, function(data) {
for (var i = 0; i < data.results.length; i++) {
console.log(data.results[i]);
};
})
}
@bmelton
bmelton / gist:2321027
Created April 6, 2012 16:07
A Gentle Introduction to Ember - Application.ready()
Example = Ember.Application.create({
name: "Example Application",
logo: "http://sympodial.com/images/logo.png",
ready: function() {
Example.populate.getTweets();
}
});
@bmelton
bmelton / gist:2322031
Created April 6, 2012 18:49
A Gentle Introduction to Ember - addItem
addItem: function(item) {
this.pushObject(item);
},
@bmelton
bmelton / gist:2324195
Created April 7, 2012 00:17
A Gentle Introduction to Ember - parsing IDs
<!doctype html>
<head>
<title>Ember test</title>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/ember.min.js"></script>
</head>
<body>
<script type="text/x-handlebars">
<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
<h1>{{ Example.name }}</h1>
@bmelton
bmelton / gist:2340717
Created April 9, 2012 01:24
A Gentle Introduction to Ember - Adding a textbox
<!doctype html>
<head>
<title>Ember test</title>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/ember.min.js"></script>
</head>
<body>
<script type="text/x-handlebars">
<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
<h1>{{ Example.name }}</h1>
@bmelton
bmelton / gist:2340852
Created April 9, 2012 02:11
A Gentle Introduction to Ember - Adding a textbox to View
<script type="text/x-handlebars">
<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
<h1>{{ Example.name }}</h1>
{{view Example.ChangeQuery id="new-todo" placeholder="#EmberJS"}}
{{#view Example.LoopingView id="looping-view" }}
{{#each Example.populate}}
<li>{{ from_user_name }} - {{ text }}!</li>
{{/each}}