Code Monkey home page Code Monkey logo

backbone's Introduction

Structuring your web apps with Backbone.js

This training kit has been developed for those who

  • Already have the basic knowledge of JavaScript & jQuery;
  • Who wants to write JavaScript in a structured/pattern way;

This training kit will teach you the basics of Backbone.js and introduction to advanced part;

Prerequisites arranged as per the priority

  • JavaScript, jQuery, Underscore.
  • Basic understanding of web development concepts like functional programming, templating etc.

Training kit includes below session

  • Ch 1 : Getting Started.

  • Ch 2 : Backbone Model.

  • Ch 3 : Backbone View, Events & Templates.

  • Ch 4 : Backbone Collection.

  • Ch 5 : Backbone Router.

  • Ch 6 : Application DEMO & Plugin examples.

  • For more information on Backbone's coding standards, plugins etc. Please visit Backbone's training kit Github Wiki documentation

How to use training kit examples

Clone the repository and start running the examples in your browser and browse the codes with ready commits or you can also experiment with the code online which is powered by JSFiddle.

Download this repository or Experiment online

Recommended text editor

You can used any text editor which ever you are comfortable with on any operating systems. But when it comes to JavaScript based project I personally recommend the following editors as per the priority.

  • Sublime Text 2 or above
  • Bracket
  • Notepad++
  • Microsoft Visual Studio
  • Adobe Dreamweaver

Development tools

Backbone Eye, [ Home Site | Git Repository ]
A Mozilla FIrefox - Firebug extension for debugging Backbone.js applications. A way to understand Backbone application behavior without wading through JavaScript code.
Backbone Debugger, [ Git Repository ]
A Google Chrome - Developer Tools extension for debugging Backbone.js applications. Displays in real-time all the application views, models, collections and routers, with detailed information such as handled jQuery events, model attributes, collection models, sync status, events triggered and more.
Nebula, [ Git Repository ]
An open source application skeleton for a typical Backbone web apps. You can use it to quickly bootstrap your Backbone web application projects.
Nebula-cli, [ Git Repository ]
Nebula-cli is a command line generator for Nebula. This tool will help to generate a walking application skeleton for a typical Backbone web apps. You can use it to quickly bootstrap your Backbone web application projects.
Boneloop, [ Git Repository ]
An open source enterprise edition of Nebula based upon Backbone + Marionette - A scalable and composite application architecture for Backbone.js. It provides a client-[server]-side stack for building enterprise grade HTML5/Marionette applications. It could be used with any server side like Node.js, Ruby, PHP, JEE, Spring etc. By default it's server side environment comes with Node.js - Loopback (StrongLoop) stack.

Contributors

Developed & maintained by author: Ashwin Hegde

We really appreciate all kind of feedback and contributions. Thanks for using and supporting this project: contributors

To request a feature or you find any typo errors, enhancements or questions; please feel free to post it on following link, or vote for the ones that are already registered.
Tracking: https://github.com/hegdeashwin/Backbone/issues

Visit the following link to know about Backbone's development code in detail.
Copyright & 2010-2013 Jeremy Ashkenas
Documentation: http://documentcloud.github.io/backbone/docs/backbone.html.

License

The MIT License (MIT)

Copyright (c) 2015 Ashwin Hegde

backbone's People

Contributors

hegdeashwin avatar mb-rpetty avatar geonrd avatar

Watchers

James Cloos avatar Peter Kaiser avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.