Giter VIP home page Giter VIP logo

puzzle's Introduction

Puzzle

Puzzle is a simple "framework" that i wrote to see how difficult it is to make a front-end framework from scratch

Add new Pieces of Puzzle

// 'Test' is the Piece name 
// That's what we will use to create new instance or add this piece as a dependencies
Puzzle.add('Test',{
  // here come some functions
  // these functions will be add in the prototype
  customTestFunction : function(){
    console.log('Do nothing')
    return this;
  }
},[]);

Puzzle.add('Foo',{
  initialize : function(){
    // We add Test piece as de dependency
    // We can use customTestFunction inside our Foo Ojbect
    this.customTestFunction();
    return this;
  }
  // This is where we set dependencies
},['Test']);

Use these Pieces

//Now we can use Pieces we just create
Puzzle.create('Foo',{
  //properties of the Foo object
  foo : 'bar'
  //this array define witch method we are using right away after creating our Foo object
},['initialize']);

Puzzle.core, Puzzle.view, Puzzle.ajax

I already create some basic Piece If you want to see how they work, please clone this repository and open index.html in your browser

#Contributing This is my first ever opensource project, i have no idea what i'm doing. But if you like what you see, please contact me!

##Testing I don't know how to write test... If you want to help me doing testing, please contact me!

puzzle's People

Contributors

dimdimbe avatar

Watchers

 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.