Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Feb 12 04:37
    tbranyen closed #279
  • Dec 15 2017 19:29
    tbranyen commented #279
  • Dec 14 2017 20:28
    mylastore commented #279
  • Dec 14 2017 20:12
    mylastore commented #279
  • Dec 14 2017 19:19
    tbranyen commented #279
  • Dec 13 2017 22:48
    mylastore opened #279
  • Jul 09 2017 21:47

    tbranyen on master

    Fix build (compare)

  • Jun 07 2017 08:21
    tbranyen closed #276
  • Jun 07 2017 08:21
    tbranyen commented #276
  • Jun 07 2017 08:21
    tbranyen commented #271
  • Jun 07 2017 08:21
    tbranyen closed #271
  • Jun 07 2017 08:21
    tbranyen closed #277
  • Jun 07 2017 08:21
    tbranyen commented #277
  • Jun 07 2017 08:20
    p01000 commented #275
  • Jun 07 2017 08:20
    tbranyen closed #275
  • Jun 07 2017 08:20
    tbranyen commented #275
  • Jun 07 2017 08:14

    tbranyen on master

    Update README badge URLS (compare)

  • Jun 07 2017 08:11
    tbranyen commented #275
  • Jun 07 2017 08:11

    tbranyen on master

    Use combynify 4.0 to fix window… (compare)

  • Jun 07 2017 08:03
    tbranyen commented #275
s3c0nDD
@s3c0nDD
f*ck windows
so nice to have chat like this thought
though*
Tim Branyen
@tbranyen
yeah, i really like it
Okay cool, lemme know if you end up trying this one again
s3c0nDD
@s3c0nDD
linux doesnt really help
here i print u what i get

user1@user1-VirtualBox ~/WebstormProjects/backbonejs-app $ npm start

backbone-boilerplate@2.0.0 start /home/user1/WebstormProjects/backbonejs-app
grunt

Running "jshint:development" (jshint) task
Warning: Path must be a string. Received null Use --force to continue.

Aborted due to warnings.

npm ERR! Linux 3.19.0-32-generic
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! node v6.2.0
npm ERR! npm v3.8.9
npm ERR! code ELIFECYCLE
npm ERR! backbone-boilerplate@2.0.0 start: grunt
npm ERR! Exit status 3
npm ERR!
npm ERR! Failed at the backbone-boilerplate@2.0.0 start script 'grunt'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the backbone-boilerplate package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! grunt
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs backbone-boilerplate
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls backbone-boilerplate
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/user1/WebstormProjects/backbonejs-app/npm-debug.log

Tim Branyen
@tbranyen
Looks like you never ran npm install
Oh wait, nevermind I see the actual error up top
How did you get that backbonejs-app?
git clone https://github.com/tbranyen/backbone-boilerplate backbonejs-app ?
s3c0nDD
@s3c0nDD
and later mv your-folder backbonejs-app
yes
Tim Branyen
@tbranyen
Ohh this is Node 6.2.0
I haven't tested in that
That's mad new
s3c0nDD
@s3c0nDD
so i should reinstall to v4?
Tim Branyen
@tbranyen
I would try v4 and see if you still hit that issue
s3c0nDD
@s3c0nDD
ok i jhave node 4.4.5
i deleted node-mopdules and "npm install"
s3c0nDD
@s3c0nDD
YAY

user1@user1-VirtualBox ~/WebstormProjects/backbonejs-app $ npm start

backbone-boilerplate@2.0.0 start /home/user1/WebstormProjects/backbonejs-app
grunt

Running "jshint:development" (jshint) task

5 files lint free.

Running "browserify:development" (browserify) task

Bundle dist/source.js created.

Running "browserify:testing" (browserify) task

Bundle dist/test-runner.js created.

Running "connect:development" (connect) task
Started connect web server on http://localhost:8000

Running "watch" task
Waiting...

is there any good tutorial which U know and can send a link to backbone in stack with your boilerplate?

for now ill be reading this: http://backbonejs.org/#Getting-started

but after ill sleep cause there is middle of the night here. thanks for helping v much. so your boilerplate doesnt go well on windows or with node v6 as i just expereicned

s3c0nDD
@s3c0nDD
but on windows is propably because of bad configuration on my installation. so u should bother only about node v6
Tim Branyen
@tbranyen
I haven't really maintained it. It should be pretty trivial to debug though. Maybe take a shot at it since you're using it 😃
My guess is we need to update the dependencies
s3c0nDD
@s3c0nDD
oh im total noob, and im just learned all that ecosystem of JS programming in your boilerplate, so better not :satisfied:
now ill try to modyfi your index to fit my need and im curious how much time it'll take me to do it :D
s3c0nDD
@s3c0nDD
i just realised u use something called "layoutmanager" and not "normal" views and models.... i think your boilerplate is overwhelming me...
if i want to do a simple list with checkboxes what should i do, where should i start from in your boilerplate? where your app "starts"?
s3c0nDD
@s3c0nDD

maybe ill rewrirte my question.
i have to do simple app.

  1. i want to have a model which describe "file" and has field "filename" f.e. file.txt or something.rar
  2. and i want to perform some basic CRUD operation on collection of that models
  3. collections should be shown as list with checkboxes and the harder part here are only checkboxes behaviour.

so where should i make "file" model and "files" collection model, and how include html view containing list to this boilerplate??

  1. files should be mocked - how to do it? simple way ofc
  1. not 1. *
four not one*
s3c0nDD
@s3c0nDD
and q. for boilerplate: why "sample-controler" seem to be NEVER fired? it has "<h1>Testing this out</h1>" in its html view but i never saw it anywhere seeing how boilerplate site seems working in browser...
s3c0nDD
@s3c0nDD
how can i for example make an instance of "sample component" in home.js? how can i then show sample-component's html in my page?
Tim Branyen
@tbranyen
Hold up! LayoutManager is completely optional, nothing in the boilerplate says you need to use it. But it's well documented and very easy to get started with if you read the docs :)
This boilerplate isn't supposed to be a tutorial FYI. I'd recommend doing some reading up on Backbone and how it works
This is just a set of sane defaults with some example code gluing it all together
s3c0nDD
@s3c0nDD
thanks for responding, but that "glue"s of eveything just overwhelmed me. im starting from 0 only with HTML/CSS/JS/Backbone/Bootstrap and maybe some grunt to automate builds. i spent 2 days analyzing code of boilerplate and 1000examples, and i'm too weak in JS dev to do work in so much "eveything" enviroment :))
oh and ill use jquery also
Tim Branyen
@tbranyen
I'd just focus on making a single view and bind events to that, if you end up needing another view use the ES6 modules to pull one in
var ApplicationView = Backbone.View.extend({
  events: {
    'click div': 'alert'
  },

  alert(ev) {
    window.alert('Clicked');
  },

  render() {
     this.$el.html(`
       <div>Click me</div>
     `);
  }
});
Then if you wanted to add a nested view:
import MySubView from './my-sub-view';

var ApplicationView = Backbone.View.extend({
  events: {
    'click div': 'alert'
  },

  alert(ev) {
    window.alert('Clicked');
  },

  render() {
     this.$el.html(`
       <div>Click me</div>
       <span class="nested"></span>
     `);

     this.$('.nested').empty().append(
       new MySubView().render().$el
     );

     return this;
  }
});
That parent/child makes a tree and you could build an entire UI just from that combination
alborq
@alborq
Hello someone is here ?
Tim Branyen
@tbranyen
Hi @alborq whats up?
Sorry, I don't get notifications on my phone for this chat