Download

Download Development Version OR
<script src="http://jsblocks.com/blocks/0.3.4/blocks.js"></script>
Download Production Version OR
<script src="//cdn.jsdelivr.net/blocks/0.3.4/blocks.min.js"></script>

Example Projects

Download one of the fully featured project examples showing different levels of functionality

TodoMVC

Implementation of the famous TodoMVC application. Some of the things you could expect to learn from the project are:

  • Two-way data binding
  • MVC (Model-View-Collection)
  • Create/Read/Update/Delete operations
  • Filtering
  • Routing & History
  • HTML5 Local Storage
Explore

Full Stack

Implementation of single-page application containing full set of features and pages. Some of the things you could expect to learn from the project are:

  • Server-side rendering
  • Loading data remotely
  • Sorting, Filtering, Paging
  • Lazy loading of resources
  • Validation
  • Routing & History
Explore

Boilerplate Project

Download the boilerplate project in order to easily get started with your own application.
The project will help you get good initial folder and file structure with scripts and placeholders for your code so you could get started with the development right away

Explore

Custom build

Modules let you extract only parts of the entire jsblocks framework. This is useful when you don't need a particular functionality or you want to use another solution

DownloadModule Name

blocks.query

The core of the jsblocks framework. Executes data-query attributes and syncs observables

blocks.mvc

Structures your application by adding MVC(Model-View-Collection) architecture

jsvalue

The utility library that works with data. Often you could decide to use Underscore or Lodash instead

CDN

<!-- development -->
<script src="http://jsblocks.com/blocks/0.3.4/blocks.js"></script>

NPM

npm install blocks

<!-- development -->
<script src="node_modules/blocks/blocks.js"></script>

Bower

bower install blocks

<!-- development -->
<script src="bower_components/blocks/dist/blocks.js"></script>
Download Development Version

CDN

<!-- production -->
<script src="//cdn.jsdelivr.net/blocks/0.3.4/blocks.min.js"></script>

NPM

npm install blocks

<!-- production -->
<script src="node_modules/blocks/blocks.min.js"></script>

Bower

bower install blocks

<!-- production -->
<script src="bower_components/blocks/dist/blocks.min.js"></script>
Download Production Version