sf-wdi-gaia/ajax-oop-refactor-lab

[javascript, oop, ajax, tdd, mocha, chai]

Ajax OOP Refactor Lab

Objectives
Refactor Existing Front End JavaScript into OOP
Reinforce OOP JavaScript concepts

In your last lab we worked did some test driven development to create a JSON api using Express. For this lab we are going to take the front end JavaScript we were given and refactor it into OOP.

Requirements

1. Inside of the document ready, we should declare

    var app = new App();

2. Methods can be called on app from inside the document ready,

  app.render();

but nothing should be defined in there!

3. Define all of your variables on App:

  function App(){
    this.baseUrl = '/api/todos';
    ...
  };

4. Attach all of your functions to App's prototype:

  App.prototype.render = function() {
    this.$todosList.empty();
    ...
  };

5. Get that much set up, and then when in doubt, run the code and debug errors one by one.
6. When you are finished you should be able to create, read, update and destroy todos on your app!

Resources

OOP in JS: What you need to know