#BonMot-Examples - Tutorials by Example
A set of examples for using BonMot. The examples range from simple to complex, and eventually to the very complex.
Try to go through them in-order. There are subtleties in each example that can make your Javascript experience much more fun as you pick-up on them.
While BonMot does not require Node, to run the examples you will.
Don't worry. It's easy.
##Install: To take advantage of these tutorials you'll need Node.js on your computer, and to have port 3000 available. To use, do the following:
- Install Node 6.2.1 or greater
- Clone/download this project
- Open a shell and cd into the project root directory
- Run the command npm install
- When the installation is finished run node app
- Open a browser and go to http://localhost:3000/index.html
##Examples:
items with * have not yet been written
- Two way data binding basics
- Control binding basics
- Reduce code complexity by leveraging BonMot's native binder.
- Modularized CSS with .unique
- Automagic Child-Views. Nested data. The basics.
- Child-Views - Swapping Models on the fly
- Child-Views - Handling nested Models with the same properties.
- Collections 1 - Automagic Lists of Views & Models.
- Collections 2 - Nepotism or Kali-Mah!!!? A slightly different approach to a control handler.
- Collections 3 - Creating, Deleting & Sorting Child-Views automatically
- Collections 4 - Pagination config & control
- Templating 1 - Skipping Child Views for display-only UI - Low cost, complex, live attributes
- *Advanced controls - different events (mouse over, etc)
- *GoodBye explicit render - Wiring up clean html
- *HTML - How you want it. HBS, Strings, custom functions
- * more to come....
##Ask Questions! BonMot is born of much experience, but it's also very new!
We're very interested in your feedback. If you want to know how to do something in BonMot, chances are other people do, too. We may be able to write up an example for you and everyone else. Don't hesitate to ask.