284 lines
13 KiB
HTML
284 lines
13 KiB
HTML
<h1 id="awesome-marionette.js-awesome">Awesome Marionette.js <a
|
||
href="https://github.com/sindresorhus/awesome"><img
|
||
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<blockquote>
|
||
<p>A list of resources for marionette.js</p>
|
||
</blockquote>
|
||
<h2 id="general">General</h2>
|
||
<ul>
|
||
<li><a href="http://marionettejs.com/">Official site</a></li>
|
||
<li><a href="https://github.com/marionettejs/backbone.marionette">Github
|
||
repository</a></li>
|
||
<li><a
|
||
href="http://marionettejs.com/annotated-src/backbone.marionette">Annotated
|
||
source</a></li>
|
||
<li><a href="http://blog.marionettejs.com/">Marionette.js Blog</a></li>
|
||
<li><a
|
||
href="http://stackoverflow.com/questions/tagged/marionette">StackOverflow</a>
|
||
- Tagged questions</li>
|
||
<li><a href="https://gitter.im/marionettejs/backbone.marionette">Gitter
|
||
chat</a></li>
|
||
<li><a
|
||
href="https://github.com/marionettejs/marionette.inspector">Marionette
|
||
Inspector</a></li>
|
||
<li><a href="https://github.com/mrichard/generator-marionette">Yeoman
|
||
generator for Marionette.js</a></li>
|
||
<li><a href="https://github.com/denar90/marionette-cli">Marionette
|
||
CLI</a></li>
|
||
<li><a
|
||
href="https://atom.io/packages/atom-marionettejs-cli">MarionetteJS CLI
|
||
package for atom</a></li>
|
||
</ul>
|
||
<h2 id="tutorials-and-articles">Tutorials and articles</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.smashingmagazine.com/2013/02/introduction-backbone-marionette/">A
|
||
Thorough Introduction To Backbone.Marionette Part 1:
|
||
Application</a></li>
|
||
<li><a
|
||
href="https://www.smashingmagazine.com/2013/04/thorough-introduction-backbone-marionette-part-2-modules/">A
|
||
Thorough Introduction To Backbone.Marionette Part 2: Modules</a></li>
|
||
<li><a
|
||
href="https://www.smashingmagazine.com/2014/06/thorough-introduction-backbone-marionette-part-3/">A
|
||
Thorough Introduction To Backbone.Marionette Part 3: Views</a></li>
|
||
<li><a
|
||
href="http://davidsulc.com/blog/2012/05/06/tutorial-a-full-backbone-marionette-application-part-1/">A
|
||
Simple Backbone.Marionette tutorial: Application. Simple List</a></li>
|
||
<li><a
|
||
href="http://davidsulc.com/blog/2012/04/22/a-simple-backbone-marionette-tutorial-part-2/">A
|
||
Simple Backbone.Marionette tutorial: Application with
|
||
Interactions</a></li>
|
||
<li><a
|
||
href="http://www.artandlogic.com/blog/2013/03/a-visual-guide-to-marionette-js-views/">A
|
||
Visual Guide To Marionette.js Views</a> by Matt Bajoras</li>
|
||
<li><a
|
||
href="http://www.artandlogic.com/blog/2013/06/representing-marionette-js-views-with-state/">Representing
|
||
Marionette.js Views With State</a> by Matt Bajoras</li>
|
||
<li><a
|
||
href="http://benmccormick.org/2014/12/02/the-case-for-marionette-js/">The
|
||
Case for Marionette.js</a></li>
|
||
<li><a
|
||
href="http://benmccormick.org/2014/12/10/marionette-explained-connecting-your-data-to-your-views/">Connecting
|
||
Data to Your Views</a></li>
|
||
<li><a
|
||
href="http://benmccormick.org/2014/12/22/building-complex-layouts-with-marionette-js/">Building
|
||
Complex Layouts with Marionette.js</a></li>
|
||
<li><a
|
||
href="http://benmccormick.org/2015/01/05/marionette-view-life-cycles/">The
|
||
Life of a Marionette View</a></li>
|
||
<li><a
|
||
href="http://benmccormick.org/2015/01/26/backbone-radio/">Building
|
||
Modular Web Apps with Backbone.Radio</a></li>
|
||
<li><a href="http://habrahabr.ru/post/207730/">From Backbone.js to
|
||
Marionette.js (Russian)</a> - by Mahnunchik</li>
|
||
<li><a
|
||
href="https://spin.atomicobject.com/2014/09/11/marionette-behaviors-overview/">Marionette.js
|
||
Behaviors, Part 1: The Basics</a></li>
|
||
<li><a
|
||
href="https://spin.atomicobject.com/2014/09/12/testing-marionette-js-behaviors/">Marionette.js
|
||
Behaviors, Part 2: Testing Behaviors</a></li>
|
||
<li><a
|
||
href="http://authenticff.com/journal/building-large-scale-backbone-marionette-applications">Things
|
||
I Learned from Building a Large Scale Backbone + Marionette
|
||
Application</a> by Ian Williams</li>
|
||
<li><a
|
||
href="http://cloudandcode.tumblr.com/post/98671637921/design-rules-in-a-backbone-marionette-app">Design
|
||
Rules in a Backbone-Marionette App</a></li>
|
||
<li><a
|
||
href="http://cloudandcode.tumblr.com/post/98265035816/a-short-primer-on-marionette-js">A
|
||
Short Primer on Marionette.js</a></li>
|
||
<li><a
|
||
href="http://scm.io/blog/hack/2014/09/backbone-marionette/">Pimping
|
||
Backbone with Marionette</a> by Tom Herold</li>
|
||
<li><a
|
||
href="http://spin.atomicobject.com/2013/11/25/forms-marionette-js-backbone/">Handling
|
||
Forms with Marionette.js</a> by Al Scott</li>
|
||
<li><a
|
||
href="http://blog.mojotech.com/nested-views-in-backbone-marionette/">Nested
|
||
Views in Backbone.Marionette</a> by Sam Saccone</li>
|
||
<li><a
|
||
href="http://blog.mojotech.com/dry-up-your-views-in-backbone-marionette/">DRY
|
||
up Your Views in Backbone Marionette</a> by Sam Saccone</li>
|
||
<li><a
|
||
href="http://tech.kinja.com/strengthening-our-backbone-with-marionette-part-i-1583630931">Strengthening
|
||
Our Backbone with Marionette (Part I)</a></li>
|
||
<li><a
|
||
href="http://davidsulc.com/blog/2013/02/03/tutorial-nested-views-using-backbone-marionettes-compositeview/">Tutorial:
|
||
Nested Views Using Backbone Marionette’s CompositeView</a> bu David
|
||
Sulc</li>
|
||
<li><a
|
||
href="http://blog.jeremyfairbank.com/javascript/components-with-backbone-js-and-marionette-js/">Components
|
||
with Backbone.js and Marionette.js</a> by Jeremy Fairbank</li>
|
||
<li><a
|
||
href="http://lostechies.com/derickbailey/2012/03/22/managing-layouts-and-nested-views-with-backbone-marionette/">Managing
|
||
Layouts and Nested Views with Backbone.Marionette</a> by Derick
|
||
Bailey</li>
|
||
<li><a
|
||
href="http://lostechies.com/derickbailey/2012/04/03/revisiting-the-backbone-event-aggregator-lessons-learned/">Revisiting
|
||
the Backbone Event Aggregator: Lessons Learned</a> by Derick Bailey</li>
|
||
<li><a
|
||
href="http://lostechies.com/derickbailey/2012/06/13/why-should-i-use-backbone-marionette-instead-of-%E2%80%A6/">Why
|
||
Should I Use Backbone.Marionette Instead of … ?</a> by Derick
|
||
Bailey</li>
|
||
<li><a
|
||
href="http://blog.jeremyfairbank.com/javascript/polymer-web-components-with-marionette-js/">Polymer
|
||
Web Components with Marionette.js</a> by Jeremy Fairbank</li>
|
||
<li><a
|
||
href="http://iamnotarealprogrammer.com/flux-architecture-in-a-backbone-and-marionette-app/">Building
|
||
a Marionette App with Flux Architecture</a> by Kurtis Kemple</li>
|
||
<li><a
|
||
href="http://benmccormick.org/2015/05/25/marionette-service-service-objects-for-marionette/">Marionette-Service:
|
||
Service Objects for Marionette</a> by Ben McCormick</li>
|
||
<li><a
|
||
href="https://www.safaribooksonline.com/blog/2015/11/24/refactoring-javascript-microservice-backbone-marionette/">Refactoring
|
||
a JavaScript Application to Use Microservices: What We Learned with
|
||
Backbone and Marionette</a> by Pasha Craydon</li>
|
||
<li><a
|
||
href="https://docs.google.com/presentation/d/1jy9SXyr6ZjbY7lOSKN8QraH96-vR7mnAo0ePvzDb8uc/pub?start=false&loop=false&delayms=3000&slide=id.p">SEO-Enabling
|
||
Your Marionette App</a></li>
|
||
</ul>
|
||
<h2 id="books">Books</h2>
|
||
<ul>
|
||
<li><a href="https://leanpub.com/building-backbone-plugins">Building
|
||
Backbone Plugins</a> by Derick Bailey and Jerome Gravel-Niquet</li>
|
||
<li><a
|
||
href="https://leanpub.com/marionette-gentle-introduction">Backbone.Marionette.js:
|
||
A Gentle Introduction</a> by David Sulc</li>
|
||
<li><a
|
||
href="https://leanpub.com/structuring-backbone-with-requirejs-and-marionette">Structuring
|
||
Backbone Code with RequireJS and Marionette Modules</a> by David
|
||
Sulc</li>
|
||
<li><a href="https://leanpub.com/marionetteexpose">Marionette Exposé</a>
|
||
by Jack Killilea</li>
|
||
<li><a
|
||
href="https://leanpub.com/marionette-serious-progression">Backbone.Marionette.js:
|
||
A Serious Progression</a> by David Sulc</li>
|
||
<li><a href="http://www.amazon.com/dp/1783284250/">Getting Started with
|
||
Backbone Marionette</a> by Raymundo Armendariz and Arturo Soto</li>
|
||
<li><a
|
||
href="https://www.gitbook.com/book/marionette/marionette-guides/details">Marionette
|
||
Guides</a></li>
|
||
<li><a
|
||
href="https://shop.smashingmagazine.com/products/better-backbone-applications-with-marionettejs">Better
|
||
Backbone Applications with MarionetteJS</a></li>
|
||
</ul>
|
||
<h2 id="videos">Videos</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.youtube.com/channel/UC6dVRPnSACav2AYB5XG7BZw">Dancing
|
||
with Marionette</a> - Youtube channel</li>
|
||
<li><a href="https://www.youtube.com/watch?v=VERQEr-bVTs">Backbone.js
|
||
with Derick Bailey</a> by Derick Bailey</li>
|
||
<li><a href="https://www.youtube.com/watch?v=qWr7x9wk6_c">The Tools and
|
||
Patterns for Building Large-Scale Backbone Applications</a> by Brian
|
||
Mann</li>
|
||
<li><a href="https://www.youtube.com/watch?v=KT31H3Ayliw">Episode 03 of
|
||
BackboneRails Screencast</a> by Brian Mann</li>
|
||
<li><a href="https://www.youtube.com/watch?v=4K4JKtAGPu4">Backbone
|
||
Marionette and Require.js</a> by Daniel Cousineau</li>
|
||
<li><a href="https://www.youtube.com/watch?v=fZJMF4SOKm4">Backbone’s
|
||
Rarely Enough: An Introduction to Backbone Marionette</a> by Len
|
||
Smith</li>
|
||
<li><a href="http://www.youtube.com/watch?v=0o2whtCJw8I">Unsuck Your
|
||
Backbone</a> by Amy Palamountain</li>
|
||
<li><a href="https://www.youtube.com/watch?v=PrQSpdWkN6Q">Building
|
||
Modular and Component Driven Architecture in Backbone.js and
|
||
Marionette.js</a> by Jeremy Fairbank <a
|
||
href="http://presentboldly.com/jfairbank/modular-and-component-driven-architecture-in-marionettejs/">Slides</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=EvQnntaqVdE&index=13&list=PLlgxAbM67lYIGw8DnANC7VgREbzJRQged">Marionette:
|
||
The Backbone Framework from BackboneConf 2014</a> by James Smith</li>
|
||
<li><a href="https://www.youtube.com/watch?v=7yZKsgKxziw">Building
|
||
Beautiful Apps with Marionette</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=CTr-tTwRH3o">Nesting Your
|
||
Views in Marionette</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=6wvAswHkarE">Marionette
|
||
Behaviors</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=2b1G3TdlQEU">Backbone.Wreqr</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=jbGm3mJXh_s">Jason Laster -
|
||
Backbone Under the Magnifying Glass Tools for Exploring and Debugging
|
||
Your Apps</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=7bGWuyuLK_4">Browserify +
|
||
Marionette = Better Apps</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=75d0odmbu38">Using DevTools
|
||
for Marionette Debugging</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=F32QhaHFn1k">Routing Made
|
||
Better</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=FCUS6RrhRtI">View and
|
||
Application State</a></li>
|
||
</ul>
|
||
<h2 id="examples-and-boilerplates">Examples and boilerplates</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/BoilerplateMVC/Marionette-Require-Boilerplate">Marionette
|
||
Require Boilerplate</a></li>
|
||
<li><a
|
||
href="https://github.com/dmytroyarmak/marionette-contact-manager">Marionette
|
||
Contact Manager</a> - Continuation of development “Backbone Contact
|
||
Manager” but using Marionette.js</li>
|
||
<li><a
|
||
href="https://github.com/jroeckle/Marionette-Require-Gulpjs-Boilerplate">Marionette,
|
||
Require, and Gulp.js Boilerplate</a> - A Lightweight boilerplate
|
||
originally project based off “Marionette Require Boilerplate”, with
|
||
Gulp.js integration instead of Grunt.js</li>
|
||
<li><a
|
||
href="https://github.com/ajaxray/marionette-boilerplate">MarionetteJS +
|
||
RequireJS + Twitter Bootstrap</a> - Let’s start the dance! This
|
||
boilerplate is a ready setup for starting your next awesome javascript
|
||
app in minutes</li>
|
||
<li><a
|
||
href="https://github.com/davidsulc/marionette-gentle-introduction">Marionette
|
||
Gentle Introduction</a></li>
|
||
<li><a
|
||
href="https://github.com/thejameskyle/marionette-wires">Marionette
|
||
Wires</a></li>
|
||
<li><a
|
||
href="https://github.com/MarionetteLabs/marionette-cookbook">Marionette
|
||
Cookbook</a></li>
|
||
<li><a
|
||
href="https://github.com/denar90/brunch-with-marionettejs">MarionetteJS
|
||
+ Brunch + Babel/ES6</a></li>
|
||
<li><a href="https://github.com/jmeas/gistbook">A Place to Write About
|
||
Technical Subjects on the Web</a></li>
|
||
<li><a href="https://github.com/samccone/edit.sx-frontend">The Front End
|
||
App for edit.sx</a></li>
|
||
<li><a
|
||
href="https://github.com/MeoMix/StreamusChromeExtension">Streamus</a></li>
|
||
<li><a
|
||
href="https://github.com/marionettejs/marionette-integrations">Marionette-Integrations</a>
|
||
- example marionette apps using several different asset management
|
||
tools</li>
|
||
<li><a href="https://github.com/abiee/es6-marionette">ES6 Marionette
|
||
Project</a></li>
|
||
<li><a
|
||
href="https://github.com/tastejs/todomvc/tree/master/examples/backbone_marionette">Todo
|
||
List</a> - TodoMVC example</li>
|
||
<li><a
|
||
href="https://github.com/alexpsi/webpack-marionette">Webpack-Marionette</a>
|
||
A small boilerplate introducing webpack and es6 features to a
|
||
Marionette/Backbone application, contains a sample CRUD application of
|
||
an editable Cookbook.</li>
|
||
</ul>
|
||
<h2 id="libraries">Libraries</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/Squareknot/marionette.state">Marionette
|
||
State</a></li>
|
||
<li><a href="https://github.com/tiagorg/marionette-vdom">Marionette
|
||
Virtual Dom</a></li>
|
||
<li><a href="https://github.com/viverae/marionette.formview">Marionette
|
||
Form View</a></li>
|
||
<li><a href="https://github.com/Betterment/backbone.blazer">A Better
|
||
Router for Backbone and Marionette Applications</a></li>
|
||
<li><a
|
||
href="https://github.com/RoundingWellOS/marionette.toolkit">Marionette.Toolkit</a>
|
||
- A collection of opinionated Backbone.Marionette extensions for large
|
||
scale application architecture.</li>
|
||
<li><a href="https://github.com/BedeGaming/orchestra">Orchestra</a> -
|
||
Client-side app orchestration framework</li>
|
||
</ul>
|
||
<p><a
|
||
href="https://github.com/sadcitizen/awesome-marionette">marionette.md
|
||
Github</a></p>
|