Backbone

Backbone.js is a JavaScript library with a RESTful JSON interface and is based on the model–view–controller application design paradigram. Backbone is known for being lightweight, as its only hard dependency is on one JavaScript library, Underscore.js, plus jQuery for use of the full library.

Installation

We need to downlaod Backbone/ Jquery/ and Underscore.js to run the bacbone frame work. After downlaod, we need to save files together in one drive.
There are three different links that we can download Jquery/Backbone and Underscore.js. For:
Bacbone site : https://backbonejs.org/
Jquery site : https://jquery.com/
Underscore site : https://underscorejs.org/

allUpdated

Welcome to Application

allUpdated

Application Design

There are 4 navigation bars which are:
Home for the main home page
University bar for the search for universities
Application bar for the Applications that applied, and we can edit and delete in this site
And Tutoring page for the explanation of the applicaiotn and detial of Backbone framework.

allUpdated

Downloading

We downloaded Backbone , Jquery and Underscore and save in the HTML folder.

allUpdated

Code part

There are two classes in the application. One is University class and Applicaiton.

allUpdated

You can use "var SearchRender = Backbone.View.extend" for search function. And there is also $(document).ready(function () You also can see in the picture.

allUpdated

The search bar can let student search universities that they are looking for , and with their major that they like.

allUpdated

There are also edit and delete funciton which allow applicaiotns go to the site edit and delete application that they already applied.

allUpdated

There are edit and delete button close next to the school that they added. So, students can edit and delete the school by just click on the button.

allUpdated

There is one university was delete from the list. It is Drexel University.

allUpdated

Conclusion

Bacbone is really nice and easy to code. It just need more framework to work with such as "Jquery and Underscore.js" it provides different types of building blocks like models, views, events, routers and collections for assembling client side web applications.

Thank you so much for visitng us. I hope you enjoy the tutorial.