A curated compilation of resources to master Backbone.js development.
Henrique Silvério HenriqueSilverio
🎯
HenriqueSilverio
/ Gruntfile.js
Created
April 25, 2014 23:24
Example using grunt-replace for busting cache.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| module.exports = function( grunt ) { | |
| var configs = { | |
| replace: { | |
| dist: { | |
| options: { | |
| patterns: [ | |
| { | |
| match: 'hash', |
HenriqueSilverio
/ Model.js
Created
July 3, 2014 16:15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Model = { | |
| inherited: function() {}, | |
| created: function() {}, | |
| prototype: { | |
| init: function() {}, | |
| }, | |
| create: function() { | |
| var object = Object.create(this); |
HenriqueSilverio
/ app.js
Last active
August 29, 2015 14:04
A very simple Backbone + Handlebars demo.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*-------------------------------------------------------------------------- | |
| * Models | |
| *--------------------------------------------------------------------------*/ | |
| var QuestionModel = Backbone.Model.extend({ | |
| defaults: { | |
| question: '', | |
| choices: [], | |
| answer: 0, | |
| userAnswer: null |
HenriqueSilverio
/ backbone-resources.md
Last active
November 17, 2017 12:23
Resources to learn Backbone.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var myCollection = Marionette.CollectionView.extend({ | |
| initialize: function() { | |
| this.listenTo( this.collection, 'request', function() { | |
| // show loading here | |
| }); | |
| this.listenTo( this.collection, 'reset', function() { | |
| // hide loading here | |
| }); | |
HenriqueSilverio
/ index.html
Last active
August 29, 2015 14:12
Sorting contacts (Backbone.Collection) by "First" and "Last" name.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Marionette.js</title> | |
| </head> | |
| <body> | |
| <div id="region-main"> | |
| <p>Static content</p> | |
| </div> |
HenriqueSilverio
/ main.js
Created
December 30, 2014 15:15
Resposta para dúvida no grupo JavaScript Brasil: https://www.facebook.com/groups/javascriptbrasil/permalink/759700814121614/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| requirejs.config({ | |
| paths: { | |
| 'jquery' : 'lib/jquery', | |
| 'jquery.ui.widget' : 'lib/jquery.ui.widget', | |
| 'jquery-iframe-transport' : 'lib/jquery.iframe-transport', | |
| 'jquery-fileupload' : 'lib/jquery.fileupload' | |
| } | |
| }); |
HenriqueSilverio
/ defaults.js
Created
May 1, 2015 18:02
Exemplo de função com valores default usando short-circuit.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // função | |
| var teste = function(obj) { | |
| obj.nome = obj.nome || 'João'; | |
| obj.idade = obj.idade || 20; | |
| console.log(obj); | |
| }; | |
| // utilizando | |
| teste({nome:'carlos'}); | |
| teste({nome:'Marcos', idade: 15}); |
HenriqueSilverio
/ centralize.css
Created
June 18, 2015 18:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Centraliza vertical e horizontal */ | |
| .center-absolute { | |
| position: relative; | |
| top: 50%; | |
| left: 50%; | |
| -webkit-transform: translate(-50%, -50%); | |
| -ms-transform: translate(-50%, -50%); | |
| transform: translate(-50%, -50%); | |
| } |
HenriqueSilverio
/ parseAttributes.js
Created
June 24, 2015 20:46
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * @return string Attributes as string. | |
| */ | |
| function parseAttributes(attributes) { | |
| var str = ''; | |
| var attr; | |
| for(attr in attributes) { | |
| if(attributes.hasOwnProperty(attr)) { | |
| str += ' ' + attr + '="' + attributes[attr] + '"'; |