Техника Помодоро 🍅 - техника управления временем, cамая популярная и рабочая методика в тайм-менеджменте. Техника предполагает разбиение задач на 25-минутные периоды, называемые «помидоры», сопровождаемые короткими перерывами.

Она состоит из следующих пунктов:
1. Определитесь с задачей, которую будете выполнять.
2. Поставьте помидор (таймер) на 25 минут.
3. Работайте, ни на что не отвлекаясь, пока таймер не прозвонит. Если что-то отвлекающее возникло у вас в голове, запишите это и немедленно возвращайтесь к работе.
4. Сделайте короткий перерыв (3-5 минут).
5. После каждого 4-го «помидора» сделайте длинный перерыв (15-30 минут).

После выполнения вы можете посмотреть, сколько помидоров ушло на одну задачу. Техника помогает сконцентрироваться на задаче.

Для удобства, можно скачать бесплатные приложения:
IOS: Flat Tomato
Android: Clear Focus

Gatsby - это бесплатная среда с открытым исходным кодом, основанная на React, которая помогает разработчикам создавать молниеносные веб-сайты и приложения.

Богатая экосистема плагинов для данных Gatsby позволяет создавать сайты с нужными вам данными из одного или нескольких источников: извлекать данные из handless CMS, сервисов SaaS, API, баз данных, вашей файловой системы с помощью GraphQL.

Gatsby.js - это генератор PWA (Progressive Web App). Вы получаете код и разделение данных из коробки. Gatsby загружает только основные HTML, CSS, данные и JavaScript, поэтому ваш сайт загружается максимально быстро.

#JS

Backbone.js - javascript фреймворк, который дает структуру веб-приложениям, предоставляя моделям привязку значения ключа и настраиваемые события, коллекции с богатым API перечислимых функций, представления с декларативной обработкой событий и соединяет все это с существующим API через интерфейс RESTful JSON.

#JS

Пришла пятница, а это значит - время смотреть что-то интересное.

Кибер (2015)
Драмы, Триллеры, Детективы

После того как мир опутала цифровая паутина и все мы стали частью глобальной сети, никто не может ничего гарантировать. Неизвестный хакер показал мировому сообществу, насколько незащищенными стали пароли, данные, личности, деньги, жизни… Его жалость к другим распалась на двоичный код и он этого не скрывает. Чтобы остановить кибер-террориста, который одним нажатием кнопки рушит судьбы миллионов людей, власти вынуждены идти на сделку с другим преступником.

КиноПоиск: 5.3
IMDB: 5.4

По версии кинокритиков - этот фильм очень недооценен.

CSS Grid Generator - мощный сервис, благодаря которому можно легко и быстро сгенерировать для своего проекта необходимую сетку на CSS Grid. Или использовать его как один из элементов обучения.

#Инструменты

Выберите правильный ответ ниже.

Draggable - легковесная JavaScript, модульная драг-и-дроп библиотека от Shopify. Она предлагает развитый функционал перетягивания с быстрым переупорядочиванием DOM, чистый API и доступную разметку. Она поставляется с дополнительными модулями, которые можно включить, чтобы добавить такие функции как сортировка и подкачка, а также другие утилиты.

#JS

Лучшее на канале за последнюю неделю

1) Периодическая таблица HTML
2) CSS Grid Generator - мощный сервис, благодаря которому можно легко и быстро сгенерировать для своего проекта необходимую сетку на CSS Grid
3) CSS3 Generator - инструмент для генерации кода CSS под множество предустановленных задач
4) Tabler Icons - набор иконок.
5) Видео курс по изучению платформы Node JS.

Всем успешной разработки!

#Лучшее

Lighthouse - это прекрасный инструмент с открытым исходным кодом, созданный Google. Он сообщает вам о важных аспектах ваших веб-страниц, таких как SEO (поисковая оптимизация), Performance (производительность), Accessibility (доступность), Best practises (лучшие подходы) и прочее.

Особенность Lighthouse — возможность использовать этот инструмент в разных формах. Самый популярный вариант — использование официального расширения для Google Chrome. Так же есть возможность использовать сервис прямо из панели разработчика браузера Chrome либо через веб-интерфейс.
Следует учитывать, что при использовании веб-интерфейса вам не придется ничего устанавливать, однако вам будет доступен не весь функционал.

#Инструменты

iziModal.js - современный плагин, который позволит Вам создавать красивые модальные окна с оригинальным дизайном. Всплывающие окна на jQuery можно настраивать с разными эффектами и разметкой. Есть готовые варианты для фрейма, формы, AJAX`a. Все, что необходимо — это подключить библиотеку и стили плагина. Библиотека имеет отличную документацию.

#jQuery

В этом курсе от Федора Васильева Вы узнаете что такое WordPress, отличия его от Joomla. Личный опыт в WordPress, на что нужно обращать внимания при выборе CMS движка для ведения своего проекта, бизнеса в интернете. А так же узнаете все нюансы при разработке сайта на Wordpress.

#Курсы

Lost Grid - это мощная сеточная система, встроенная в PostCSS, которая работает с любым препроцессором и даже с обычным CSS.

Эта система сеток на основе Stylus, работающая с использованием calc().

#CSS

Khroma — инструмент, который использует искусственный интеллект, чтобы узнать, какие цвета вам нравятся, и создает палитры на основе ваших предпочтений.

#Инструменты

Какими навыками должен владеть продвинутый программист не зависимо от языка программирования?

- Умение провести декомпозицию задачи и проектирует ее решение
- Адекватно оценивает затраты на выполнение задачи.
- Соблюдает принятые стандарты разработки.
- Обеспечивает требуемое качество, минимизируя затраты и риски.
- Выполняет тестирование и отладку кода
- Анализирует найденные дефекты и отклонения от графика.
- Знает основные и несколько дополнительных инструментов для ускорения разработки.

#Статьи

MetricsGraphics.js - это библиотека, построенная на основе D3, которая оптимизирована для визуализации и размещения данных временных рядов. Она предоставляет простой способ создания общих типов графики принципиальным, последовательным и гибким способом. В настоящее время библиотека поддерживает линейные графики, диаграммы рассеяния, гистограммы и таблицы данных, а также такие функции как базовая линейная регрессия.

#JS

Bulma - это бесплатный CSS-фреймворк с открытым исходным кодом, основанный на Flexbox и используемый более 200 000 разработчиков.

Основные особенности:
- Изначально ориентирован на mobile first
- Модульность. Просто импортируйте то, что вам необходимо
- Построен на Flexbox
- Открытый исходный код
- Простой, легко настраиваемый и не навязывающий реализации Javascript

#Framework #CSS

Owl Carousel 2 - плагин jQuery с сенсорным управлением на мобильных устройствах, позволяющий создать красивый адаптивный слайдер карусели.

Основные особенности:
- Более 60 вариантов настройки
- Поддержка Touch and Drag
- Полностью адаптивный
- Использует аппаратное ускорение с переходами CSS3 Translate3d
- Поддержка старых браузеров с CSS2
- Модульная структура

#jQuery