What is the conservation task?

How can one make a JavaScript Task manager (todo list)?

  • The interface should comprise of a form that allows you to enter data related to a task and the task should then be added to a task list contained in a table. The form should contain the following input fields: Description Task Priority – using a select list Due Date – recommended that you use the date input type so that the calendar helper will display on browsers like Chrome. The tasks should be displayed using a table structure. The table should have a header with the following heading: Task Id Task Description Task Priority – represented by a number from 1 to 3 with 1 being the highest priority Due Date – the date that the task is due. The interface should support the following features: It should be possible to delete a task using a delete button at the end of the row. If a column header is clicked on, the list of tasks should be sorted by the column clicked on. For example, it the column for priority is clicked on, the tasks should be sorted by priority.

  • Answer:

    TodoMVC is a starting point - and will help you choose a JavaScript MVC framework. http://addyosmani.github.com/todomvc/

Miguel Paraz at Quora Visit the source

Was this solution helpful to you?

Other answers

Take a look at the Backbone.js JavaScript MVC framework. Not only is it a great MVC framework that'll help you design and implement a solution (design patterns and code management are something that JavaScript cries out for) but one of the example projects that comes with the framework is called ToDo. Whilst being slightly more basic than what you're after, ToDo is "almost" a perfect basis to learn the framework with a view to expanding it to the full monty that you describe in your question. I think, provided you have a reasonable amount of experience using vanilla JavaScript (ie pure JavaScript rather than something like jquery) you can pick up Backbone.js in an afternoon. Don't get me wrong, it'll take a fair while longer to get proficient but it's a remarkably easy framework to pick up. A word of advice, plan your project well in advance. As with any language, refactoring later on can be a real pain in the ass! Particularly as you're learning the framework at the same time. Good luck!

Chris Gilbert

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.