Todolist jQuery
|
We have included a blank HTML, CSS and JS file for you to get started with a basic project structure. In your index.html file include Bootstrap's CSS and add a script tag to include your todo.js file. Review the items we covered in the lecture. There are a few ways to do this project but some of the methods you might think about using include: Your To Do List app can look and function however you'd like. However, we'd like to see the below features supported. You can view our example version at http://rcacademy.github.io/todolist. You can check these out if you want to see examples and potential solutions. Please try to do these yourself before you see how we have built them. https://www.youtube.com/watch?v=gC3_jolCphM https://www.youtube.com/watch?v=ihD5SEVz6es ⚠️ The audio at the end of this one got messed up. Will upload a new version ASAP. https://www.youtube.com/watch?v=N2KzqB7I8o0 Page 2We have included a blank HTML, CSS and JS file for you to get started with a basic project structure. In your index.html file include Bootstrap's CSS and add a script tag to include your todo.js file. Review the items we covered in the lecture. There are a few ways to do this project but some of the methods you might think about using include: Your To Do List app can look and function however you'd like. However, we'd like to see the below features supported. You can view our example version at http://rcacademy.github.io/todolist. You can check these out if you want to see examples and potential solutions. Please try to do these yourself before you see how we have built them. https://www.youtube.com/watch?v=gC3_jolCphM https://www.youtube.com/watch?v=ihD5SEVz6es ⚠️ The audio at the end of this one got messed up. Will upload a new version ASAP. https://www.youtube.com/watch?v=N2KzqB7I8o0
Below is the css for above html code :- .wrapper{ padding: 25px; width: 350px; margin: 0 auto; margin-top: 40px; background: white; border-radius: 5px; } input{ padding: 5px 30px ; } #btn{ display: inline-block; background-color:#28ADE5; color:#000; border-radius: 6px; text-align:center; margin-top:3px; padding: 5px 20px; } #btn:hover{ cursor: pointer; } ol {padding-left: 20px;} ol li {padding: 5px;color:#000;} .cross_line{text-decoration: line-through;} li:hover{ cursor: pointer; }Working demo:- https://jsfiddle.net/0a5z4rcj/2/
Page 2Page 3Page 4Page 5Page 6Page 7Page 8Page 9Page 10Page 11Page 12Page 13Page 14Page 15Page 16Page 17Page 18Page 19Page 20Page 21Page 22Page 23Page 24Page 25Page 26
All the Free jQuery Plugins about 'todo list' are listed here.  12/27/2017 - Other - 9533 Views LobiList is a simple, powerful, ajax-enabled jQuery todo list management plugin that uses jQuery UI for drag and drop support and Bootstrap for list styles & action icons. 09/14/2016 - Other - 9706 Views A minimal, lightweight, jQuery based to-do list and task manager web application that allows to store data locally within the user's browser using HTML5 local storage. 06/05/2016 - Other - 3083 Views Just another jQuery based todo list web app used to manage your task list that all the items will automatically be saved onto cookies in your browser. 07/20/2015 - Other - 9235 Views A very simple todo list web app built with jQuery and Bootstrap 3 that has the ability to persist the tasks with Html5 local storage. 03/11/2015 - Mobile - 9220 Views Editable Listview is a jQuery & jQuery mobile plugin which allows you add, remove and edit items from a collapsible list view. 12/23/2014 - Other - 6609 Views Todolist is a really simple jQuery plugin to create a responsive & animated todo list component on your web page, styling with jQuery UI. 10/13/2014 - Other - 5676 Views Just another task manager (todo list) web application built on top of jQuery, CSS3, Html5 and Bootstrap 3. 09/20/2014 - Other - 6027 Views A stylish jQuery, Html5, and Bootstrap based todo list app which allows you to add, remove, delete tasks in 3 states (New, In Progress and Archived). 09/14/2014 - Other - 7169 Views listrr is a minimal jQuery & jQuery UI based plugin to create a stylish responsive card-style task manager for Todo List/Wish List/Shopping List web apps. 09/01/2014 - Other - 4503 Views An animated and flat designed to-do list app built on top of jQuery, animate.css and CSS3 transitions 08/16/2014 - Other - 3392 Views A simple responsive to-do list manager built with jQuery that allows you to add, check, delete tasks with ease. 05/01/2014 - Other - 8259 Views Task-List is a task management plugin that makes it easy to manage your task lists or To-do lists with Html5 localStorage support. 03/05/2014 - Other - 8572 Views A super lightweight jQuery widget to create a shopping list on your web page that you can add, remove, and checked the items. 02/21/2014 - Other - 5582 Views Yet another To-Do list manager powered by jQuery and jQuery UI that supports drag and drop, datepicker and has the ability to save the list data to client side using Html5 localStorage. 02/18/2014 - Other - 25023 Views Yet another simple To-Do list web app built on top of jQuery and Bootstrap 3 that helps you keep track of the things you have to do. 01/14/2014 - Other - 15672 Views A simple, lightweight plugin for creating a To-do list (task manager) widget that allows your visitors to keep track of the things they have to do on your website. |
