что такое todo list
Просто todo-list
Хочу предложить Вашему вниманию небольшой todo-list.
Я писал его для себя и мне он нравится. Возможно, он окажется полезным кому-то еще.
Собственно, вот: www.8-ball.ru/todo.html
Недавно попался на глаза топик об очень простом сервисе для ведения списков дел. «Он настолько прост, что не требует регистрации» ©
Вот оно — то, что я искал! — была первая моя мысль. Но оказалось не совсем так: капча при входе, цветовые метки, куча вариантов сортировки, ненужные названия для списков дел и т.д. Сервис, конечно, очень приятный, но, имхо, ни разу не простой.
Вторая мысль была: я же давно хотел написать свой маленький todo-list, в котором есть все, что мне нужно. Так почему же другие его пишут, а я до сих пор не сделал этого?
Собственно, за 1 час была написана первая версия, содержащая основной функционал. На следующий день еще за 1 час были написаны стили и сохранение списка между посещениями странички.
Сейчас мой список дел умеет:
— добавлять дела в список и помечать их выполненными;
— можно сортировать дела, перетаскивая их мышью;
— между посещениями страницы список сохраняется в куках.
Чего нет (и не будет):
— редактирования элементов списка (всегда можно удалить элемент и создать новый);
— цветовых меток (если список небольшой, то цветовые метки не нужны; если большой — это совсем другая история);
— серверной части (все хранится в куках на Вашем компьютере и никуда не передается);
— регистрации;
В планах:
— сделать css для печати;
— разместить на страничке небольшое описание.
Буду рад, если мой маленький список принесет кому-то пользу.
Спасибо!
Создание Todo List на чистом JavaScript
В этой статье попрактикуемся на чистом на JavaScript на примере создания программы «Списка дел (Todo List)». При написании кода будем использовать современный синтаксис, но также сделаем так чтобы он работал в старых браузерах, включая Internet Explorer 11.
Что такое Todo List?
Todo List – это список дел, которые вам нужно выполнить или того, что вы хотите сделать.
Традиционно их пишут на листке бумаги и организовывают в порядке приоритета. При выполнении задачи, её обычно вычеркивают из списка.
Но такой список можно вести не только на листке бумаги, но и в электронном виде, например, браузере.
Исходные коды SimpleTodoList
SimpleTodoList – это название проекта, который мы создадим в рамках данной статьи для ведения списка задач. Напишем его он на HTML, CSS и чистом JavaScript.
Пошаговый процесс его создания приведён в следующем разделе этой статьи, а в этом его демо и исходные коды.
Исходные коды SimpleTodoList расположены в соответствующей папки проекта «ui-components» на GitHub.
Состоит SimpleTodoList из 3 файлов: «index.html» (вёрстки), «simple-todo-list.css» (стилей) и «simple-todo-list.js» (скрипта).
SimpleTodoList использует localStorage для хранения задач. Это позволяет при повторном открытии этой страницы или её обновлении считывать данные с веб-хранилища и на их основе воссоздавать последнее состояние списка.
Сохранение данных в хранилище происходит всякий раз, когда изменяется состояния этого списка. Это необходимо для того, чтобы в localStorage всегда находились актуальные сведения.
Описание процесса создания SimpleTodoList
Разработку SimpleTodoList выполним за 5 шагов.
Шаг 1. Создание файловой структуры
Файловая структура проекта:
Шаг 2. Добавление в index.html базовой структуры
Откроем «index.html», добавим в него базовую разметку, а также подключим файлы со стилями и JavaScript.
Шаг 3. Выполнение разметки самого todo
Разметим блок todo:
Скриншот того, что у нас вышло:
HTML-код самой задачи:
Значение атрибута data-todo-state будет определять состояние задачи:
Шаг 4. Написание стилей
Написать стили можно по-разному. Пример того, что получилось:
Конечный CSS код можно посмотреть на GitHub.
Разберём некоторые интересные моменты в этом коде.
2. Скрытие кнопок для задач, которые не должны показываться для определённых состояний, осуществляется следующим образом:
Шаг 5. Напишем JavaScript
Написание кода начнём с создания объекта todo :
Он нужен только для того, чтобы лучше организовать наш код и не создавать кучу отдельных функций.
Поместим в todo следующие методы:
Он выполняет следующие вещи:
Когда мы указываем в качестве обработчика функцию или метод объекта, то нужно просто передать ссылку, а не вызов.
Метод create() очень простой, он будет просто возвращать HTML код самой задачи с указанным текстом:
update() используется в качестве обработчика:
action вызывается, когда происходит событие click на документе:
В коде e.target – это элемент, по которому кликнули. Так как нам нужны не любые клики, а только по определённым элементам, то используем следующие условия:
Последнее что нужно сделать чтобы Todo работал это вызвать init :
Преобразование JavaScript для запуска в Internet Explorer 11
1. Выполним транспилирование, т.е. преобразуем исходный синтаксис в такой, который понимают старые браузеры, включая Internet Explorer 11.
Для этого воспользуемся онлайн инструментом Babel REPL:
2. Выполним полифилинг, т.е. добавим эти недостающие методы к старым браузерам путем предоставления им собственной версии.
Задачи
1. Добавить возможность создавать задачу при нажатии Enter.
2. Переписать код так, чтобы в localStorage сохранялись задачи не в виде кода HTML, а в формате массива объектов:
3. Внести в код возможность сортировки задач посредством перетаскивания (drag и drop).
4. Добавить всплывающие сообщения для информирования пользователя при выполнении действий над задачами.
5. Для любителей jQuery переписать весь код с использованием функций этой библиотеки.
Microsoft To Do
Лучшее приложение для составления списков, которое пригодится вам и на работе, и на отдыхе
Умело планируйте свой день
Настройтесь на успех с помощью функции “Мой день”, которая предоставляет интеллектуальные персонализированные рекомендации по обновлению ежедневных и еженедельных списков. Располагая классическим приложением Microsoft To Do и его мобильной версией, вы легко будете справляться с задачами в течение всего дня.
Управляйте своим списком дел в Интернете
Приложение для управления задачами, способное работать на разных платформах, обеспечит вам доступ к списку задач, где бы вы ни находились. Дома вы можете пользоваться классическим приложением, а в дороге — его мобильной версией. В любом случае ваш день будет четко организован.
Легко делитесь информацией
Поддерживайте контакт с родными, близкими и коллегами, обмениваясь с ними списками дел в Интернете.
Упрощайте управление задачами
Разбивайте задачи на простые шаги, устанавливайте сроки и настраивайте напоминания для ежедневного контрольного списка, чтобы следить за осуществлением поставленных целей.
Готовы успевать больше с Microsoft 365?
Другие возможности Microsoft To Do
Интеграция с задачами из Outlook
Чтобы объединить все ваши дела в одном приложении, мы интегрировали To Do с задачами из Outlook.
Доступ из любой точки мира
Microsoft To Do — это бесплатное решение, информация в котором синхронизируется на iPhone, устройствах с Android и Windows, а также с веб-приложением. 1
Вопросы и ответы
Его главная цель — предоставить вам список приоритетных задач, благодаря которому вы ничего не забудете и сможете эффективно спланировать свой день, чтобы выполнить все намеченное к назначенному сроку. Правильно организованный список дел избавит вас от тревог и обеспечит четкое представление о том, что вам нужно сделать.
Список дел важен тем, что позволяет упорядочить ваши задачи и обязательства. Правильно организованный список облегчает управление задачами и позволяет вам сосредоточиться на том, чем вы заняты в настоящий момент.
Лучше всего составлять список дел ежедневно, либо накануне вечером, либо прямо с утра. Самое большое преимущество правильно организованного списка дел — это ваше душевное спокойствие, поскольку у вас будет четкий план действий. Качество сна заметно улучшается, если вы отправляетесь в кровать, четко зная, чем будете заниматься завтра. Если же вы прямо с утра составляете список дел, то ваш день будет успешным и плодотворным.
Важно, чтобы список был простым и понятным. Если вы ставите себе невозможные задачи, то только добавляете стресса. Лучше, если в вашем списке будет максимум три пункта. Если же нужно больше, то пусть в нем будет всего одна большая задача, остальные должны быть мелкими или средними, легкими для выполнения.
Лучше всего для этого использовать приложения для составления списков дел типа Microsoft To Do. Microsoft To Do позволяет без труда создавать и синхронизировать списки дел на нескольких устройствах, чтобы они были доступны как на компьютере, так и на телефоне или планшете.
2Chang
Когда дела наваливаются так, что и не разгрести, человек начинает «перегреваться», это еще называют «сгорел на работе». В попытках выполнить рабочие задачи и совместить это с личными делами и обязанностями, люди подвергаются сильным стрессам, которые только усиливаются, если в круговороте дел было забыто нечто действительно важное! Грамотно расставить приоритеты помогает техника To-Do List, или по-простому – список задач. Правильно составленный, этот список помогает завершать действительно важные дела, отслеживать «хвосты» и чувствовать себя полноценным и продуктивным. Так как же правильно составлять To-Do List?
Мозговой штурм
Для начала стоит определиться со средством составления пресловутого списка. Если Вы целый день не выпускаете смартфон из рук, то именно он станет Вашим помощником в этом деле. Использовать можно как встроенные заметки, так и специализированные программы. Некоторые из этих программ даже синхронизируют Ваш список задач на компьютере и смартфоне (например, Wunderlist, Any Do, Microsoft One Note и другие). Если же Вам претит постоянно глазеть на экраны, то Вы можете составлять To-Do List по старинке, с помощью ручки и бумаги. Главное, чтобы само составление списка не выводило Вас из себя, иначе все будет бесполезно!
Выбрав способ создания, Вы должны внести в Ваш список задач все, что Вы планируете сделать: от принятия душа до презентации на следующей неделе и подарка маме на день рождения через три месяца! Разумеется, эти задачи различаются по своей природе, важности и времени, которое на них придется потратить. Не беспокойтесь о сортировке и маркировке этих задач, к этому вопросу мы подойдем чуть позже, а пока просто запишите все Ваши дела и желания. Таким образом, Вы освободите свою голову от этих вопросов и будете уверены, что ничего не забыли! Этот длиннющий список, даже не отсортированный, мы будем считать основным.
Далее следует разгрузить Ваш список задач, делегировав из него все, что можно перепоручить, другим людям. Не бойтесь просить помощи, это очень важно, если Вы «зашиваетесь» по времени и не успеваете сделать все. В таких ситуациях человек обычно распыляется на мелкие дела, попросту забывая о более важных.
Приводим список задач в порядок
Создайте категории в своем основном To-Do списке, например, «Рабочие задачи» и «Домашние дела». Когда Вы раскидаете Ваш список задач по категориям, Вам станет намного проще концентрироваться на каждой из них. И не забывайте, что каждая из этих категорий должна быть на виду в свое время: не имеет смысла размышлять над списком домашних дел, пока Вы сидите в офисе и выполняете рабочие задачи! Чтобы стать более продуктивным, отгородитесь от внешнего шума и сконцентрируйтесь на списке тех задач, которые наиболее актуальны в данный момент времени.
Составляйте список задач на текущий день из основного, а когда составите – отложите основной список в сторону. Это просто: забивая свою голову будущими проблемами, Вы не даете уму спокойно решать сегодняшние! Таким образом, Вы перестанете чувствовать свою непродуктивность относительно задач, которые Вам только предстоит решать в обозримом будущем. Будьте реалистами: ближайшие 24 часа стоит посвятить задачам, которые можно решить за этот промежуток времени. Причем, желательно, чтобы таких задач на день было не больше десяти, а еще лучше – пяти. Если Вы не знаете, с какой задачи начать, вообразите свой день вплоть до момента, когда ложитесь спать и выберите задачу, которую точно хотели бы завершить до этого времени. Она и будет возглавлять список задач на сегодня!
Заложите время на выполнение каждой задачи из текущего списка. Но будьте реалистичными при этом: если Вы заложите слишком мало времени на какую-либо из задач, к Вам снова вернутся негативные чувства непродуктивности и потерянного времени, а вместе с ними и стресс! Здраво обдумайте, сколько времени займет выполнение каждой задачи из списка, и планируйте день, исходя из этого. Не забывайте вставлять перерывы по 15-20 минут между задачами. Мозг должен отдыхать, чтобы эффективно переключаться между делами!
Может прозвучать как излишество, но Ваш список задач должен выглядеть аккуратно и эстетично. Это поможет Вам избавиться от напряжения, когда Вы в него заглядываете, и поменять отношение этому важному элементу Вашей жизни. Важно, чтобы список своим видом мотивировал Вас!
Почувствуйте ответственность
Пропишите временные рамки в Ваш основной список задач. Это поможет Вам отслеживать все задачи, необходимые для включения в сегодняшний To-Do List, и не пропустить ни одной! Составляя ежедневный список, обязательно пробегитесь по основному с датами, чтобы не упустить задачи, дедлайн которых уже близок! Если у Вас нет определенного решения по времени выполнения какой-либо задачи, просто представьте, когда бы Вы хотели ее выполнить и укажите эту дату в основном списке. Ни одна задача не должна остаться без своего дедлайна. Если Вы не ставите этих целей, то некоторые задачи так и останутся висеть в неопределенности!
Разместите свой список задач так, чтобы он был всегда на виду. Бессмысленно создавать список, который лежит в ящике стола и в итоге просто забывается. To-Do List – средство мотивации, и всегда должен быть под рукой или перед глазами: в смартфоне на главном экране, на рабочем столе, на стене перед Вашим рабочим местом, или на зеркале в ванной, например.
Покажите кому-нибудь свой список задач. Это могут быть родители, друзья, коллеги, вторая половинка, любой человек, который может проверить Вас на выполнение задач из этого списка. Согласитесь, неловко выглядеть безответственным из-за невыполненной задачи из списка? Этот простой шаг будет мотивировать Вас на выполнение всего текущего списка. Вам не нужна сиделка, да и вряд ли кто-то согласится ею быть! Но очень важно, чтобы в Вашей жизни был человек, перед которым Вы чувствуете ответственность!
Заключение
Понятие To-Do List появилось совсем недавно, однако же, на деле, это старый добрый список задач. Человеку сложно удержать в своем внимании сразу множество дел, он становится продуктивней, когда подходит к решению каждой задачи отдельно. Пользуясь данным руководством, Вы быстро научитесь составлять список задач, который Вы захотите выполнить целиком. Вы станете продуктивней, раскованней и свободней!
Почему to-do list неэффективен
Редактор направления Истории
Большинство из нас составляют списки дел, но они только напрягают и не учитывают множество факторов.
Согласно данным компании iDoneThis, почти две трети профессионалов составляют списки дел, но 41 % всех пунктов фактически никогда не выполняются. На самом деле, более половины людей, составляющих список на день, выполняют эти дела в тот же день.
Хоть списки дел и популярны, они все же могут сбить вас с правильного пути, говорит Кевин Круз, автор книги «15 секретов тайм-менеджмента, которые знают успешные люди».
«Вы действительно думаете, что Ричард Брэнсон и Билл Гейтс писали длинные списки дел и расставляли их по приоритетам вроде A1, A2, B1, B2?, — спрашивает он. — Список дел убивает ваши важные задачи».
В своем исследовании наиболее прогрессивных методов тайм-менеджмента и личной эффективности Круз пообщался с более чем 200 миллиардерами, олимпийскими призерами, студентами-отличниками и предпринимателями и попросил их дать лучший совет. «Ни один из них не упомянул составление списка дел», — говорит он.
Все потому, что списки дел, как правило, имеют три основные проблемы:
Что делать вместо этого:
Круз обнаружил, что большинство успешных людей живут и работают по своему календарю. Ключом к успеху является использование трех приемов, которые превращают ваш календарь в эффективный план на день:
«Проясните для себя жизненные и карьерные цели и заранее запланируйте время только для этого», — говорит он. Например, вы могли бы каждый день уделять два часа с утра работе над стратегией своего будущего или другому проекту, который будет двигать вас вперед. Отключите электронную почту, переключите телефон в режим полета и сосредоточьтесь на абсолютной продуктивности.
Ваш календарь должен также включать временные блоки для занятия спортом, вечерних тусовок или других вещей, относящихся к вашим основным жизненным ценностям. Круз также рекомендует резервировать время на менее важные дела, которые вам бы хотелось закончить, но отвести им ограниченное количество времени. Например, принимать звонки в течение часа каждую неделю.
«Ультрапродуктивные люди тратят именно столько времени, сколько необходимо, — говорит он. — Генеральный директор Yahoo Марисса Майер известна тем, что на совещания с коллегами у нее уходит примерно 5 минут. Когда ваш стандартный интервал составит 15 минут, вы автоматически обнаружите, что можете уместить больше задач в рамки каждого дня».
То, что запланировано, делается на самом деле. «Когда вы вынуждены выбирать определенный день и время, у вас все будет получаться на постоянной основе без лишних нервов», — говорит Круз.
Он признает, что в начале может быть трудно оценить, сколько времени потребуется для задачи, но с опытом вам станет легче придерживаться расписания. Круз также рекомендует запланировать некоторое время в качестве буферного, например, отвести на обеденный перерыв больше, чем нужно на самом деле, или на завершение работы в конце дня.
Могут возникать непредвиденные ситуации, например звонок из школы о том, что вашему ребенку нездоровится, и его нужно забрать, — говорит он. «А если ничего не случится, вы сможете использовать время, чтобы сосредоточиться, отдохнуть или обдумать творческие планы».