code-for-coffee

{{!-- view-table-row-template --}}
<tr>
{{#each column}}
    <td>{{this}}</td>
{{/each}}
</tr>
{{!-- end view-table-row-template --}}

code-for-coffee

// individual row
App.Models.TableRow = Backbone.Model.extend({

    referenceSelf: function() {
        return this;
    },

    initialize: function() {

        var self = this.referenceSelf(),

code-for-coffee

<audio id="kablam!">
    <source src="/assets/kablam.mp3" type="audio/mpeg">
</audio>
    
<button id="playSoundBtn">Kablam!</button>

code-for-coffee

Button Cloud Example ('-' * 20)

A Pen by James on CodePen.

License.

code-for-coffee

<form action="/api/photo" method="post"></form>
  <h3>Upload Image</h3>
  <input type="file" name="image" class="mui-form-control">
  <button class="mui-btn mui-btn-primary mui-btn-raised">My Button</button>
</form>

code-for-coffee

<script type="text/javascript">
    $(document).ready(function(event) {
        // select our input DOM element with a type of file
        var fileInput = $('input[type="file"]')[0];

        // select our form, too
        var form = $('form')[0];

        // prevent our form from submitting via POSTBACK
        $(form).on('submit', function(event) {

code-for-coffee

/**
 * convertToBase64
 * @param binaryData: Input data from an <input type="file">
 */
function convertToBase64(binaryData) {
    // use a FileReader
    // https://developer.mozilla.org/en-US/docs/Web/API/FileReader
    var reader = new FileReader();
    reader.onload = function (event) {
        // try to read whatever file has been 'readAsDataURL'

code-for-coffee

// prevent our form from submitting via POSTBACK
$(form).on('submit', function(event) {
    event.preventDefault();
    var fileAsBase64 = convertToBase64($(fileInput).prop('files')[0])
    // now, you can sent your file over via an $ajax call!

});

code-for-coffee

## Diagram a Database

- Owners HAVE MANY Pets
- Pets HAVE ONE Owner
- Pets and Owners have ONE Home

- Owners have:
    - ID (int) as Primary Key
    - Name (string)
    - PetID (int) as Foreign Key

code-for-coffee

## Diagram a Database

- Owners HAVE MANY Pets
- Pets HAVE ONE Owner
- Pets and Owners have ONE Home

- Owners have:
    - ID (int) as Primary Key
    - Name (string)
    - PetID (int) as Foreign Key