GithubHelp home page GithubHelp logo

ponyexpress's Introduction

PonyExpress

En mejorandola tenemos un Backend de Django y Nodejs(Express + Socket.io) y queremos empezar a tener un stack de librerías similares en el FrontEnd. Pony Express será esta colección de librerías y módulos con las que desarrollaremos el Front-End en mejorando.la.

El interés del proyecto es tener un archivo o un folder que pongamos en nuestros proyecto y podamos empezar a desarrollar apliaciones con mucho javascript del lado del cliente de manera fácil y sencilla.

Por el momento no llevamos mucho, pero estamos seguros de un par de cosas.

  • jQuery: Queremos tener jQuery para manipular el DOM y hacer eventos.
  • Backbone: El tipo de información que manejamos en mejorando tiende a entrar perfectamente en Colecciones y Modelos al estilo de Backbone, por lo cual no hay que reinventar la rueda.
  • Neon: Es una librería que nos permite generar Clases y Modulos que reusaremos por nuestra aplicación.
  • CustomEventSuport: Es un módulo de Neon que nos permite hacer que todas nuestras clases tengan soporte para programar orientodos a eventos.
  • Plug/BackbonePlug: Es el primer módulo que desarrollamos para Pony Express y es un adaptador entre socket.io y una Clase de neon/Colleccion de backbone, con lo cual podemos hacer que nuestra aplicación tenga intereacciones tiempo real entre todos nuestros usuarios.

Vendrán mas Módulos y librerías a integrarse a este proyecto.

Intrucciones de uso

Lo primero que tenemos que hacer es inicializar PonyExpress

window.ponyExpress = new PonyExpress({
	    io : "http://localhost:3000"
});

PonyEspress necesitará como parámetro donde está tu servidor de Socket.IO e iniciará una conexión.

Con lo cual tu en cualquier momento prodrás ligar una Collection de backbone con información llegando de tu server de la siguiente manera. Todas las colleciones que tengas de Backbone que quieras pegar a PonyExpress requieren tener un nombre.

window.messagePlug  = new PonyExpress.BackbonePlug({
    collection : window.messageCollection
});

En tu servidor podrás mandar los siguientes tipos de mensajes "nombreDeTuCollection::create", "nombreDeTuCollection::update" "nombreDeTuCollection::remove".

Para checar un ejemplo de como usar PonyExpress para hacer un chat entra al folder de ejemplos instala las dependencias de Node y corre el server.

npm install
node server

Ve a http://localhost:3000 para un ejemplo sencillo sin usar Backbone y ve a http://localhost:3000/backbone para un ejemplo que incluye colecciones de backbone.

ponyexpress's People

Contributors

siedrix avatar bienvenidosaez avatar

Watchers

James Cloos avatar Wilfred Lemus 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.