Туду лист что это
Советы по составлению списка дел
В предыдущей статье, посвященной составлению списка дел, мы определили два основных типа to-do-листов и дали их основные характеристики. Теперь же остановимся на более частных деталях, которые помогут сделать список дел как для рационала, так и для иррационала еще более эффективным. Заметим, что эти советы пригодятся вне зависимости от того, пользуетесь ли вы «бумажными» планировщиками, специальными программами или просто перечисляете дела на клочке листка.
1. Когда составлять to-do-лист
По словам некоторых специалистов по тайм-менеджменту, составлять списки дел лучше накануне: вечером наметить список на день, в воскресенье – на неделю. Некоторые же советуют начинать день с планирования. Первый способ хорош тем, что вечером вы еще в работе, помните все задачи, даже небольшие, и понимаете, что важно сделать в первую очередь. Плюс к тому составление списка может стать неким ритуалом, завершающим день и помогающим отключиться от работы. В свою очередь, внесение записей в to-do-лист с утра поможет плавно войти в работу, вспомнить, на чем закончился вчерашний день, и само по себе станет мотивацией к дальнейшей плодотворной деятельности. Вообще же, конкретное время составления списка дел зависит от особенностей работы, вашего характера и других переменных. Главное, найти время, когда этот процесс подарит вам максимальную эффективность. Также всегда стоит быть готовым к тому, что список, возможно, придется адаптировать под сваливающиеся внезапные задачи.
2. Найдите правильное время
Чтобы реализовать свой план максимально эффективно, учитывайте свои внутренние биологические часы. Например, если вы сова, вы можете запланировать уборку в квартире на 7 утра. Но велика вероятность, что, когда будильник прозвенит в данное время, вы решите, что у вас и так достаточно прибрано и лучше побольше поспать. Точно так же и жаворонкам не стоит откладывать составление отчета до полуночи. После обеда вас часто клонит в сон? Учитывайте и это.
Не забывайте о конкретных особенностях текущего дня. Если на полдень у вас назначено важное совещание, возможно, до этого мероприятия не стоит планировать ничего требующего большой сосредоточенности – ведь скорее всего, вы будете мыслями уже там и не сможете уделить текущим заданиям должного внимания.
3. Рассчитывайте время
Проблема, с которой чаще всего сталкиваются те, кто составляет списки дел, – незнание, сколько в действительности занимает выполнение того или иного задания. Обычно нам свойственно преувеличивать собственные возможности, кроме того, мы ориентируется на идеальные обстоятельства, которые в жизни встречаются далеко не всегда. Эти факторы приводят к тому, что на ту задачку, которую, как нам казалось, уйдет 1,5 часа, уходят все три. Поэтому для начала несколько раз засеките время, сколько вы тратите на те или иные типовые задачи, чтобы подходить к процессу планирования максимально эффективно и рационально. С другой стороны, не оставляйте на задачи слишком много времени – согласно закону Паркинсона, все, что вы выделите, уйдет на данное дело.
4. Оставляйте лакуны
Длина стандартного рабочего дня определена как 8 часов, однако это не значит, что планировать дела нужно на них все. Во-первых, практически все мы во время работы отвлекаемся на другие дела, в том числе на то, чтобы заварить чайку, рассказать коллеге новости по проекту (или из жизни соседки), «на минуточку зайти в соцсеть, только проверить сообщения» и т.д. и т.п. Плюс к тому в течение дня у вас наверняка могут возникать срочные вопросы и задачи, которые по отдельности, вполне вероятно, и не занимают много времени (например, помочь коллеге совладать с компьютерной программой), однако в сумме могут отъесть ту иную часть рабочего дня. Поэтому при планировании обязательно оставляйте самому себе пространство для маневра. Конечно, данный принцип актуален не только для рабочего, но и для бытового распределения времени. Среди специалистов по тайм-менеджменту встречается мнение, что планировать стоит только 60%, а 40% оставлять нетронутыми.
5. Записывайте задачи правильно
Не стоит заносить в список большие задачи, выполнение которых изначально рассчитано на долгое время (особенно если речь идет о масштабных проектах). В таких случаях стоит воспользоваться приемом «Раздели (съешь) слона» – большая задача разбивается на небольшие конкретные подзадачи, которые и заносятся в список дел. У этих конкретных задач должна быть конкретная цель, по их выполнении у вас на руках будет конкретный результат, а выполнить такую задачу предлагается за конкретное же время.
Следование данному приему позволяет достичь нескольких целей. Во-первых, слишком большие задачи, у которых пока не видно ни конца ни края, психологически пугают, и вам, возможно, вообще не захочется к ним приступать. Во-вторых, в случае со столь обтекаемыми делами сложно понять, сколько времени уйдет на них, а значит – сколько времени отводить на другие дела. Это не только помешает составить структурированный план на день, но и может стать причиной, что вы недооцените время на выполнение данного дела и под конец окажетесь в ситуации крайнего цейтнота. В-третьих, велика вероятность, что столь большая задача будет кочевать из одного списка дел на день в другой и в итоге будет восприниматься просто как семантический шум. В-четвертых, для многих выполнение дел из списка – отличная мотивация. Таким образом, завершение небольших конкретных дел повысит мотивацию и поможет эффективнее справиться с остальными пунктами to-do-листа.
Итак, заносите в список актуальных только текущие задачи, а для стратегических планов заведите отдельный список.
6. Следуйте списку
Составлять списки дел можно по разным причинам. Если вы записываете задачки, чтобы просто не забыть, вполне логично пробегаться по нему глазами только время от времени, чтобы освежить содержимое в памяти. Если же вы используете список, чтобы рационализировать время, обращайтесь к нему чаще, стараясь концентрироваться только на указанных задачах и стремясь к тому, чтобы выполнять их в запланированные временные рамки. В то же время не забывайте о пластичности – не все и не всегда целесообразно делать строго по порядку. Если вы сделали за 50 минут задачу, на которую отводился час, а следующим пунктом в списке значится встреча, назначенная на определенное время, не сидите сложа руки — пробежавшись по списку, вы наверняка найдете что-то коротенькое дело, что можно выполнить до начала встречи.
С другой стороны, если вы не чувствуете, что в данный момент эффективность по той задаче, которая стоит в списке следующей, будет невысокой, лучше пропустите ее (если у вас есть такая возможность) и займитесь тем, что вы сможете выполнить более успешность. Таким образом, важно не просто прямо следовать списку, но и проявлять определенную пластичность.
7. Используйте список для самомотивации
Список дел, в котором осталось много невыполненных пунктов, способен ударить по вашим самооценке, энтузиазму, мотивации. И это еще одна причина, почему подходить его составлению стоит максимально реалистично – в таком случае будет меньше разочарований, от того что в день не смогли выполнить план за неделю. С другой стороны – точно так же список в целом и вычеркивание из него каждого дела в частности может становится источником мотивации и побуждать к дальнейшей успешной работе. Не забывайте об этом, составляя to-do-лист.
Почему to-do list неэффективен
Редактор направления Истории
Большинство из нас составляют списки дел, но они только напрягают и не учитывают множество факторов.
Согласно данным компании iDoneThis, почти две трети профессионалов составляют списки дел, но 41 % всех пунктов фактически никогда не выполняются. На самом деле, более половины людей, составляющих список на день, выполняют эти дела в тот же день.
Хоть списки дел и популярны, они все же могут сбить вас с правильного пути, говорит Кевин Круз, автор книги «15 секретов тайм-менеджмента, которые знают успешные люди».
«Вы действительно думаете, что Ричард Брэнсон и Билл Гейтс писали длинные списки дел и расставляли их по приоритетам вроде A1, A2, B1, B2?, — спрашивает он. — Список дел убивает ваши важные задачи».
В своем исследовании наиболее прогрессивных методов тайм-менеджмента и личной эффективности Круз пообщался с более чем 200 миллиардерами, олимпийскими призерами, студентами-отличниками и предпринимателями и попросил их дать лучший совет. «Ни один из них не упомянул составление списка дел», — говорит он.
Все потому, что списки дел, как правило, имеют три основные проблемы:
Что делать вместо этого:
Круз обнаружил, что большинство успешных людей живут и работают по своему календарю. Ключом к успеху является использование трех приемов, которые превращают ваш календарь в эффективный план на день:
«Проясните для себя жизненные и карьерные цели и заранее запланируйте время только для этого», — говорит он. Например, вы могли бы каждый день уделять два часа с утра работе над стратегией своего будущего или другому проекту, который будет двигать вас вперед. Отключите электронную почту, переключите телефон в режим полета и сосредоточьтесь на абсолютной продуктивности.
Ваш календарь должен также включать временные блоки для занятия спортом, вечерних тусовок или других вещей, относящихся к вашим основным жизненным ценностям. Круз также рекомендует резервировать время на менее важные дела, которые вам бы хотелось закончить, но отвести им ограниченное количество времени. Например, принимать звонки в течение часа каждую неделю.
«Ультрапродуктивные люди тратят именно столько времени, сколько необходимо, — говорит он. — Генеральный директор Yahoo Марисса Майер известна тем, что на совещания с коллегами у нее уходит примерно 5 минут. Когда ваш стандартный интервал составит 15 минут, вы автоматически обнаружите, что можете уместить больше задач в рамки каждого дня».
То, что запланировано, делается на самом деле. «Когда вы вынуждены выбирать определенный день и время, у вас все будет получаться на постоянной основе без лишних нервов», — говорит Круз.
Он признает, что в начале может быть трудно оценить, сколько времени потребуется для задачи, но с опытом вам станет легче придерживаться расписания. Круз также рекомендует запланировать некоторое время в качестве буферного, например, отвести на обеденный перерыв больше, чем нужно на самом деле, или на завершение работы в конце дня.
Могут возникать непредвиденные ситуации, например звонок из школы о том, что вашему ребенку нездоровится, и его нужно забрать, — говорит он. «А если ничего не случится, вы сможете использовать время, чтобы сосредоточиться, отдохнуть или обдумать творческие планы».
Qooxdoo. Разрабатываем TODO List
На сегодняшний день существует великое множество javascript фреймворков, по многим из них написаны горы документации. Я хотел бы остановиться на фреймворке, который, по неизвестной мне причине, не пользуется особой популярностью у российских разработчиков.
Фреймворк называется qooxdoo. Произносится «куксду» (кому удобнее английская транстрипция: [‘kuksdu:]).
На Хабре было несколько попыток написать про этот фреймворк, но все они свелись к новостям о выходе новой версии или к парам абзацев в статьях типа «смотрите каких фреймворков понаписали». Я несколько лет работаю с qooxdoo и мне хотелось бы восполнить этот пробел.
Вкратце о том, что это за зверь и с чем его едят. Больше всего фреймворк «похож» на ExtJS. Слово «похож» не совсем корректное, в данном случае, но я затрудняюсь подобрать более подходящее. Разработка проекта началась в недрах компании 1&1 Internet AG. Первая публичная версия 0.1 вышла в 2005 году. Текущая актуальная версия 4.1, про нее и будем вести речь. Некоторые моменты позволяют мне сказать, что разработчики вдохновлялись Qt при создании своего детища. Основная изначальная задумка разработчиков дать возможность разрабатывать веб приложения людям без знания HTML, CSS и DOM модели. С помощью qooxdoo это возможно. Новичок, которому требуется написать, например, админку в виде single page application (далее SPA) и который не знает ни одного HTML тега, а про CSS вообще никогда не слышал, действительно, сможет это сделать. Это не означает, что знания HTML, CSS и DOM модели вдруг резко стали не нужны. Просто, поначалу, можно обойтись без них. Что будет особенно интересно, например, разработчикам десктопных приложений, которым потребовалось что-то сделать в вебе.
В конце статьи вы можете найти немного полезных ссылок. В частности, там есть ссылки на разнообразные демо и примеры реального использования фреймворка в продакшене.
Просто так рассказывать о фреймворке скушно и неинтересно. К тому же, разработчики это уже и так сделали. Поэтому я решил сделать какой-нибудь простенький пример для демонстрации возможностей фреймворка. Многие знают о проекте http://todomvc.com/. Вот и мы с вами сделаем что-то максимально похожее с использованием qooxdoo. Справедливости ради, разработчики уже сделали демо todo листа, но это не совсем то, что нам нужно.
Следует оговориться, что рассматриваться будет именно SPA (Desktop в терминологии qooxdoo). Для начала необходимо загрузить qooxdoo sdk. Сделать это можно по этой ссылке. SDK содержит ряд утилит, которые позволяют сгенерировать шаблон приложения и собрать отладочную и релизную версию, собрать автоматическую докуентацию, туты и т.д. Ознакомиться с документацией по тулчейну можно тут.
Для создания шаблона приложения мы запустим:
После этой операции мы получим следующий каркас приложения:
Приложение сгенерируется не пустым. Оно будет иметь кнопку, по нажатию на которую будет выводиться alert.
Основной файл Application.js будет содержать следующий код:
Для того, чтобы увидеть задумку авторов, нам нужно будет собрать дебажную или продакшн версию приложения.
Первый вариант получится, если перейти в папку проекта и запустить:
второй можно получить после запуска:
После этого грузим в браузере соответствующий index.html файл и видим вот такую картинку:
На кнопку можно нажимать, а можно не нажимать. Можно грабить корованы. На этом возможности приложения заканчиваются. Чуда не случилось, дальше придется писать код, чем мы, собственно, и займемся.
Для нетерпеливых сразу даю ссылку на github с готовым вариантом, с которым можно играться. Для того, чтобы получилось, кроме исходников с гитхаба необходимо скачать SDK и прописать в файле config.json корректный путь «QOOXDOO_PATH». После чего необходимо собрать требуемую версию, как описано выше.
Ну а мы рассмотрим процесс создания приложения последовательно, в его естественном виде.
Для начала мы создадим заготовку для виджета окна для нашего todo листа и безжалостно удалим из Application.js все что там нам нагенерировал генератор. Получится у нас следущее.
После сборки мы увидим вот такую красоту:
Пора наполнить ее смыслом. Нам будут необходимы следующие элементы: тулбар, запись todo листа и элемент добавления записи в лист. Запись todo листа является повторяющимся элементом, оформим его в виде отдельного виджета. Тулбар и элемент добавления записи в лист можно сделать как отдельными виджетами, что позволит их использовать повторно, так и частью Window. Тулбар сделаем отдельным виджетом, а элемент добавления записи оставим частью Window, чтобы показать, что можно и так и так. Сделаем все вышеописанное и наполним виджеты жизнью.
На этом этапе мы получили вполне себе функционально законченное приложение. Есть только один нюанс, оно страшно, как атомная война:
Попробуем привести его к пристойному виду. Оговорюсь сразу, дизайнер из меня, как из козла балерина, поэтому задача максимум для меня добиться, чтобы наш todo лист выглядел просто аккуратно, без изысков.
За внешний вид приложения в qooxdoo отвечают темы. Фреймворк поставляется с 4 темами. Темы можно расширять, переписывать и т.д. Тема в qooxdoo имеет 5 составляющих и определяется таким образом:
Подробнее про темы можно почитать тут.
Итак, сделаем следующие изменения:
После этого наш TODO лист будет выглядеть так:
На этом пока можно закончить. Я не затронул огромное количество вопросов, но это просто невозмозможно в рамках одной статьи. Хотелось познакомить с фреймворком на примере небольшой задачи, как можно меньше углубляясь в детали. Подробнее можно почитать по приведенным ссылкам. Обо всех ошибках и опечатках прошу писать в личку. Спасибо за внимание.
Что такое TODO листы и почему они нужны каждому?
Жизнь скоротечна, и часто случается такое, что за свою короткую жизнь мы не успеваем сделать то, что задумали. Время – это самая ценная драгоценность, которая только у нас есть. Поэтому очень важно научиться правильно им распоряжаться, так, чтобы ни одна секунда не пропала бесследно.
Разумеется, организовать свое время очень сложно, нередко нам приходится прибегать к помощи органайзеров и листов «TODO», или в переводе на русский «Что сделать». Согласитесь, бумага это уже устаревший способ ведения своих дел, сейчас в моде электронные варианты. А перейдя по ссылке вы сможете купить ручку Паркер.
Электронный лист «TODO» может стать незаменимым помощником в организации Ваших дел. На бумаге невозможно поместить все то, что Вам надо записать. Тем более бумага имеет свойство портиться и рваться, да и не каждому под силу вести свои списки в чистом виде. Обычно приходится много-много раз перезаписывать одну и ту же мысль. Электронные листы «TODO» избавят Вас от этого.
Сам по себе список «TODO» – незаменимая вещь. Может, Вы сами того и не замечая, активно используете их в своей жизнедеятельности. Например, список покупок – тот же лист «TODO», или, например, список долгов и экзаменов на учебе. Ведь все это необходимо сделать/сдать, а значит и это тоже список «TODO».
Наверняка, у Вас бывали моменты в жизни, когда на Вас наваливалась куча дел и вы что-то забывали сделать. Пришли с работы или учебы домой, а «милые» домочадцы начинают загружать Вас делами. «В выходные сходи в магазин, посмотри новый миксер», «В пятницу должен зайти Витя, занести инструменты», «В среду нужно съездить в паспортный стол» и т.д. Запомнить все это невозможно, поэтому никак нельзя обойтись без «TODO» листов.
Ведение такого ежедневника не будет хлопотным, тем более в электронном виде. В Интернете уйма сервисов, которые представляют эту услугу в online виде и абсолютно бесплатно. Обычно, они имеют интеграцию с телефоном, так что где бы Вы ни были, Ваш лист «TODO» всегда с Вами.
Многие электронные «TODO» листы имеют множество дополнительных полезных функций, например встроенный калькулятор расходов, автоматический подсчет времени, календарь и т.д. С такой вещью Вы успеете съездить и сходить во все необходимые места!
Жизнь современного человека – сплошная круговерть. Чтобы не затеряться в ней нам просто необходимо вести свой «TODO» лист. После того, как Вы записали все, что нужно, Вам остается только не забывать поглядывать в него. Встали с утра, заглянули в список и сразу поняли, что, куда и зачем надо.
Создание 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 переписать весь код с использованием функций этой библиотеки.