kernicPanel
Follow
21.7K views | +0 today
kernicPanel
JavaScript, Node Js, Git, Vim, and more…
Curated by Nicolas Clerc
Your new post is loading...
Your new post is loading...
Scooped by Nicolas Clerc
Scoop.it!

NodeCellar: Sample Application with Backbone.js, Twitter Bootstrap, Node.js, Express, and MongoDB

In my previous post, I shared my recent experience building a RESTful API with Node.js, MongoDB, and Express.


In this post, I’m sharing the client application that uses that RESTful API. The Node Cellar application allows you to manage (retrieve, create, update, delete) the wines in a wine cellar database.

more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Backbone has made me a better programmer | Float Left

Johnny Megahan ☕@johnmegahan
the more i use backbone.js, the more i love it. probably because the more I use it the better I get at real javascript, not a framework.

I saw Jeremy Ashkenas retweet this and it really struck a chord with me. I started playing with Backbone about a year ago and have since used it on large and small projects at work and for fun.

 

These last two weeks I have been refactoring some JavaScript on StickyGram and I was really surprised at the state of the code I had written not all that long ago. I have been rewriting it to use a number of design patterns that I have (somewhat) inadvertently picked up from Backbone (and underscore).

more...
No comment yet.
Rescooped by Nicolas Clerc from Apprendre Node JS
Scoop.it!

Développer une application web en quelques minutes (+démo) | Atinux

Développer une application web en quelques minutes (+démo) | Atinux | kernicPanel | Scoop.it

Explication sur comment développer rapidement une application web en utilisant un module node.js qui créer un environnement de travail en quelques secondes.


Via Sébastien Chopin
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Building a Text-Based UI with Backbone and Charm

Building a Text-Based UI with Backbone and Charm | kernicPanel | Scoop.it
I recently rewrote a text-based user interface using Backbone, and as far as I know, that is a framework. This is story of how that all went down
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

James Newbery: Testing your Backbone from the outside-in

A look at some strategies, tools and techniques for creating an 'outside-in' approach to testing and developing rich JavaScript applications, with an emphasis on Backbone.js.
In the world of dynamic, asynchronous, real-time client-server applications, testing is hard.
Fortunately, we already have the tools available to create full suites of functional, integration and unit tests, and use behavioural-driven design techniques to tease out a working implementation from the starting point of users' needs.

more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Backbone UI

Backbone UI provides a simple way to represent your Backbone Models and Collections as UI components. The need to shuffle data in and out of your UI is replaced with simple data binding techniques. All components are skinnable with CSS, and will render consistently accross browsers. The source is hosted on github with an MIT license.

more...
No comment yet.
Rescooped by Nicolas Clerc from mongodb-node
Scoop.it!

TodosMVC with Backbone.js, Node.js and MongoDB

This demo was written to illustrate how a server-side JavaScript solution could be applied to the TodosMVC application. I used Underscore.js, Backbone.js, Node.js, Express, Jade, Stylus, Mongoose and MongoDB.


Via nodejs-code
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

blog.mklog.fr .::. Un petit pattern pubsub avec Backbone

Un petit article pour présenter un petit pattern pubsub que j'expérimente et affine sur plusieurs applications Backbone. Pour l'instant, j'en suis très satisfait et m'a aidé sur plusieurs points.

 

more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Tutorial: a full Backbone.Marionette application (part 1) | Bridging the geek-suit divide

In previous posts, I introduced you to Backbone.Marionette which provides many niceties to help you build complex Backbone.js apps. We’ll cover more advanced topics here, such as Backbone.History, modal windows, organizing code into sub applications, and more. The resulting app can bee seen live here. Let’s get started!
more...
No comment yet.
Rescooped by Nicolas Clerc from javascript.js
Scoop.it!

Single-Page CRUD Application with Backbone.js and Twitter Bootstrap

Single-Page CRUD Application with Backbone.js and Twitter Bootstrap | kernicPanel | Scoop.it

A few weeks weeks ago, I posted a first Backbone.js and Twitter Bootstrap sample application. While interesting, “Employee Directory” is a read-only application. As such, it doesn’t show off the full power of Backbone’s models or the coolness of some of Bootstrap’s data entry features such as forms, validation, etc.


Via NodeJS-News.com
more...
No comment yet.
Rescooped by Nicolas Clerc from nodeJS and Web APIs
Scoop.it!

Basic Node.js and Backbone.js application I

This is the first post of a serie where I gonna explain how to build a simple application based in Node.js and Backbone.js. The idea behind this post is trying to use as many technologies as we ca...

Via Srdjan Strbanovic
more...
No comment yet.
Rescooped by Nicolas Clerc from javascript.js
Scoop.it!

Single Page Web Apps with Backbone.js - SendHub

Single Page Web Apps with Backbone.js About a month ago, we decided that we needed to give the front-end of sendhub.com a face-lift. The site looked a bit dated, and it just didn’t feel as snappy as...

Via NodeJS-News.com
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Backbone patterns

Here, I try to document the good practices that our team has learned along the way building Backbone applications.

more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Testing Backbone + RequireJS Applications with Jasmine | Simple Thoughts

Testing Backbone + RequireJS Applications with Jasmine | Simple Thoughts | kernicPanel | Scoop.it
In my previous post, I covered the structure of a Backbone.js application using RequireJS.
The next thing (or if you are a TDD fan, the first thing) we do is to run some tests on it.
According to Coda Hale:

Writing tests for your code may not reduce the number of bugs, but it will make fixing the bugs you inevitably find easier.

Obviously, we can take advantage of the AMD architecture, to help us write modular tests (or “specs” in the BDD language).
To get a better sense of the challenges and different approaches in unit testing, I wrote the exact same tests three times using three different testing frameworks: Jasmine, Mocha and QUnit.

more...
No comment yet.
Rescooped by Nicolas Clerc from javascript node.js
Scoop.it!

DailyJS: Backbone.js: Internals Summary

Over the last month we’ve looked at Backbone’s internals in detail. This post summarises these findings.

To recap, here’s a list of all the parts in Backbone.js: Hacker’s Guide:

Part 1: Setup, Events, Models
Part 2: Constructor, Inheritance, Collections, Chainable API
Part 3: Router, History, Views
Part 4: Inheritance, Sync


Via Mikael Bourges-Sevenier
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Step by step from jQuery to Backbone

I've seen many struggle when they first meet Backbone.js. In this blog post I will gradually refactor a bit of code from how I used to write JavaScript before, into proper Backbone.js code using models, collections, views and events. Hopefully this process will give you a firm understanding of the core abstractions in Backbone.js.

more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

DailyJS: Backbone.js: Hacker's Guide

There’s no denying the popularity and impact that Backbone.js (License: MIT, GitHub: documentcloud / backbone) by Jeremy Ashkenas and DocumentCloud has made. Although the documentation and examples are excellent, I thought it would be interesting to review the code on a more technical level. Hopefully this will give readers a deeper understanding of Backbone, and as the MVC series progresses these code reviews should prove useful in accurately comparing the many competing frameworks.

Follow me on a guided tour through Backbone’s source to really learn how it works and what it provides.
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Testing your Backbone from the outside-in // Speaker Deck

In the world of dynamic, asynchronous, real-time client-server applications, testing is hard. Fortunately, we already have the tools available to create full suites of acceptance, integration and unit tests, and use behaviour-driven design (BDD) methodologies to tease out a working implementation from the starting point of users' needs.

more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Backbonification - Migrating NewsBlur From DOM Spaghetti to Backbone.js // Speaker Deck

Backbonification - Migrating NewsBlur From DOM Spaghetti to Backbone.js // Speaker Deck | kernicPanel | Scoop.it
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Application frameworks on top of Backbone.js. Talk at apps.berlin.js // Speaker Deck

more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

BDD Testing with Jasmine, node.js and socket.io

Over the last couple of weeks I have been working on a new real-time web architecture for mobile: backbone-live based on the Tic-Tac-Node game example. This week will be publishing backbone-live experimental version to the npm. In putting this library together, the Loku team wanted to take a Behavior Drive Development (BDD) approach from start-to-finish in building up this framework.
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

vim-backbone

vim-backbone - Collection of Backbone VIM snippets and templates - A VIM plugin to help me generate my client-side MVC...
more...
No comment yet.
Rescooped by Nicolas Clerc from javascript.js
Scoop.it!

Tic Tac Node (Part III) – Putting it all together node.js + socket.io + backbone.js

In the first two parts i and ii of this series, I put together an initial model for node.js multiplayer tic-tac-toe game then bolted in a backbone.js controller framework, which allows clients to Backbone.Model.sync model states to backing server.

Via NodeJS-News.com
more...
No comment yet.
Rescooped by Nicolas Clerc from Apprendre Node JS
Scoop.it!

Backbone.js : le fonctionnement des modèles | Atinux

Backbone.js : le fonctionnement des modèles | Atinux | kernicPanel | Scoop.it

Apprenez à maitrisier Backbone.js en commençant à comprendre le fonctionnement des modèles dans Backbone avec ce tutoriel.


Via Sébastien Chopin
more...
No comment yet.
Scooped by Nicolas Clerc
Scoop.it!

Unit Testing Backbone.js Apps With QUnit And SinonJS

QUnit is a powerful JavaScript test suite written by jQuery team member Jörn Zaefferer and used by many large open-source projects (such as jQuery and Backbone.js) to test their code. It’s both capable of testing standard JavaScript code in the browser as well as code on the server-side (where environments supported include Rhino, V8 and SpiderMonkey). This makes it a robust solution for a large number of use-cases.

more...
No comment yet.