CodeRoll | Frontend

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

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

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

Lost Grid - это мощная сеточная система, встроенная в PostCSS, которая работает с любым препроцессором и даже с обычным CSS. Эта система сеток на основе Stylus, работающая с использованием calc(). #CSS

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

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

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

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

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

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

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

Пришла пятница, а это значит - время смотреть что-то интересное. Кибер (2015) Драмы, Триллеры, Детективы После того как мир опутала цифровая паутина и все мы стали частью глобальной сети, никто не может ничего гарантировать. Неизвестный хакер показал мировому сообществу, насколько незащищенными стали пароли, данные, личности, деньги, жизни… Его жалость к другим распалась на двоичный код и он этого не скрывает. Чтобы остановить кибер-террориста, который одним нажатием кнопки рушит судьбы миллионов людей, власти вынуждены идти на сделку с другим преступником. КиноПоиск: 5.3 IMDB: 5.4 По версии кинокритиков - этот фильм очень недооценен.

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

Gatsby - это бесплатная среда с открытым исходным кодом, основанная на React, которая помогает разработчикам создавать молниеносные веб-сайты и приложения. Богатая экосистема плагинов для данных Gatsby позволяет создавать сайты с нужными вам данными из одного или нескольких источников: извлекать данные из handless CMS, сервисов SaaS, API, баз данных, вашей файловой системы с помощью GraphQL. Gatsby.js - это генератор PWA (Progressive Web App). Вы получаете код и разделение данных из коробки. Gatsby загружает только основные HTML, CSS, данные и JavaScript, поэтому ваш сайт загружается максимально быстро. #JS

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

CSS3 Generator Специальный инструмент для генерации кода CSS под множество предустановленных задач. Для его использования нужно зайти на сайт и нажать на «выбрать что-нибудь». После этого появляется плитка с разными функциями, после клика на которые появляются новые поля взаимодействия. Чтобы вернуться в стартовое меню, нужно нажать на значок в правом углу синей панели. #Инструменты

Can I Use - если вы когда-нибудь интересовались совместимостью с неким браузером каким-нибудь свойством СSS, псевдоэлементом, форматом изображения, это значит, что вам пригодится сервис Can I Use. Он содержит постоянно обновляемые сведения о том, какие технологии поддерживают настольные и мобильные браузеры. Расшифровка поддержки в виде цветовой схемы: 1. Зеленый - поддерживается 2. Красный - Не поддерживается 3. Салатовый - Частичная поддержка 4. Серый - Поддержка неизвестна #Инструменты