WebDEV

5 трендов UI/UX-дизайна в 2020 году Сегодня почти каждый, кто работает с ПК слышал о UI/UX-дизайне. Они так тесно связаны, что иногда грань между понятиями размывается. Поэтому обычно проектированием интерфейсов занимается один дизайнер и его профессия пишется через слеш. Поговорим о них и о совершенно новых тенденциях в дизайне, которые будут нас радовать в ближайшее время. Читать статью #article #design #trends

PivotTable.js — одна из самых популярных опенсорсных сводных таблиц в сети. Она хорошо известна своей встроенной визуализацией тепловой карты, статистическими агрегациями и драгндроп-функциями. PivotTable.js предлагает уйму возможностей настройки, но использовать сторонние плагины все равно придется, например, для экспорта в Excel или PDF. Таким образом, потребуется время, чтобы подогнать данный инструмент к требованиям проекта. Но есть и плюс – возможность экспортировать сетку в TSV “из коробки”. Если вам нужно интегрировать PivotTabl в другие библиотеки, доступны связки для D3, C3, Plotly и Google. Демо | GitHub #library #js #table

C3.js — это библиотека для создания диаграмм, которые можно применять в веб-приложениях. Библиотека предоставляет открытые классы для каждого элемента, так что можно настроить функционал и внешний вид полностью “под себя”. Она также предоставляет различные API и колбеки для получения доступа к состоянию диаграммы. С их помощью можно обновить диаграмму даже после того, как она отрендерится. Демо | GitHub #js #library #graphic #d3

Да, это npx, а не npm — объясняем разницу Недавно, когда я начала изучать React, я увидел, что многие люди (включая меня) запутались, увидев npx вместо известного всем npm. Объясняем различия. Читать статью #article #js #npm

Wheelnav.js (Wheel navigation JavaScript library) — библиотека на основе SVG для создания анимированного навигационного меню. Она позволяет создавать округлые, табулированные и многие другие форматы меню навигации. Библиотека включает в себя предопределенные CSS-классы, а также поддерживает data-атрибуты HTML5. Демо | GitHub #js #nav #slider

Prime NG — это библиотека, включающая в себя обширный набор из более чем 70-ти компонентов пользовательского интерфейса. При этом здесь доступны разные виды их стилизации, например — Material Design и Flat Design. У Prime NG примерно 3.3 тысячи звёзд на GitHub, ей пользуются такие компании, как eBay, Fox, и многие другие. Всё это говорит о том, что данная библиотека достойна внимания тех, кто ищет подходящий набор компонентов для своего проекта. Демо | GitHub #library #angular

Интересные новые функции в ES2018 Включая оператор spread в объектах, оператор rest, асинхронную итерацию и многое другое. Читать статью #article #js #es2018

Material Components Web — это библиотека, которая разработана командой инженеров и UX-дизайнеров из Google. Входящие в неё компоненты позволяют организовать рабочий процесс, на выходе которого можно ожидать появления привлекательных и функциональных веб-проектов. Эта библиотека заменила библиотеку react-mdl (которая теперь признана устаревшей) и набрала уже около 7 тысяч звёзд на GitHub. Демо | GitHub #react #library #ux

​​У Skillbox стартует масштабная программа профессиональной подготовки с гарантированным трудоустройством "Frontend-разработчик" Этот курс подойдет как новичкам в веб-разработке, так и разработчикам с базовым уровнем. Вы освовите престижную, востребованную и высокооплачиваемую профессию. Вас научат писать чистый код и создавать структурированные проекты с нуля. Практика В сторону занудные лекции — на курсе вы будете кодить, кодить и еще раз кодить. Освоите верстку, HTML, CSS, JavaScript. Поработаете с Web API. Познакомитесь c React, Angular и Vue. После прохождения курса вы получите диплом frontend-разработчика. После прохождения всей программы вы сможете претендовать на звание Middle Developer и гарантированное трудоустройство, с которым поможет Skillbox. Регистрируйтесь сейчас и получите новогоднюю скидку -50%!

Вирусы на сайтах Одной из наиболее опасных угроз для современных сайтов являются вирусы. Обнаружив вредоносный код на страницах сайта, поисковые системы добавляют к сниппету в выдаче специальную отметку, рекомендующую пользователю не переходить по ссылке. Администратору ресурса приходится серьезно поработать, чтобы удалить вирусы и вернуть сайт в исходное состояние. Но даже после этого на восстановление посещаемости и репутации проекта требуется некоторое время. Поэтому лучше сразу приложить определенные усилия, чтобы обезопасить свой сайт от заражения. Читать статью #article #security

ItemSlide.js — простой и красивый сенсорный слайдер-карусель. Инструмент можно настраивать под любые экраны — как удобную "бегущую" строку, так и широкоформатный слайдер. Демо | GitHub #js #library #jquery

Зацените тупые программистские задачи, анекдоты, алгоритмические головоломки и прочие технарские кайфы в изложении для простых людей! Подписывайтесь на «Код»: https://t.me/thecodemedia

Vivus.js — это легкий класс JavaScript (без зависимостей), который позволяет вам создавать крутую SVG анимацию, придавая им ей, который вы рисуете. Доступно множество различных SVG анимаций, а также возможность создать собственный скрипт для рисования SVG любым удобным для вас способом. SVG анимация выглядит потрясающе с Vivus.js! Демо | GitHub #js #SVG

Как работает CSS Flexbox Модуль flexbox позволяет решать следующие задачи: — располагать элементы в одном из четырех направлений: слева направо, справа налево, сверху вниз или снизу вверх; — переопределять порядок отображения элементов; — автоматически определять размеры элементов таким образом, чтобы они вписывались в доступное пространство; — решать проблему с горизонтальным и вертикальным центрированием. И многое друго. В статье подробно и с примерами описано, как пользоваться flexbox. Читать статью #article #css #flex

Добро пожаловать в ад, сисадмин! Beginning dump of physical memory. Оно само! Physical memory dump complete. Я нажала и все пропало! Contact your system administrator of technical support group for further assistance. Пробейся сквозь круги офиса и получи целую гору призов от Kaspersky SpaceLab в новой игре "Ад сисадмина".

За прошлый год популярность Koa выросла, хотя кажется, что уровень удовлетворения разработчиков этим фреймворком не изменился, ведь Express по-прежнему лидирует. Однако посмотрев на графики других бэкенд-фреймворков (например, Meteor), можно сказать, что дела Koa неплохие - и могут быть еще лучше. Этот новый веб-фреймворк, который набрал более 24 тысяч звезд на GitHub, был создан той же командой, что и Express, как менее громоздкая, более выразительная и надежная платформа для веб-приложений и API. Используя средства асинхронного программирования, Koa позволяет отказаться от callback-функций и в разы эффективнее обрабатывать ошибки. В ядре Koa не проводится сборка промежуточного программного обеспечения. Этот фреймворк имеет набор первоклассных методик, которые делают написание серверов быстрым и приятным занятием. Демо | GitHub #js #framework #API

Попрактикуемся? За 4 дня напишем свою фриланс биржу с блекджеком 🎰 и шавухами 🌯 на чистом JavaScript! Программа воркшопа 👀 Познакомимся с основами JavaScript. Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими. Узнаем как работать с селекторами, в особенности классами: добавлять, удалять и проверять наличие классов. Поработаем с объектами, массивами и LocalStorage. Разберемся как отлавливать события и перебирать массивы разными способами. Все это будем писать на современном стандарте. Переходи по ссылке и получи приглашение👇 https://telegram.me/gloacademy_bot?start=5df3fcacd0c359000f2428a4

GraphicsJS — это мощная графическая JavaScript-библиотека с открытым исходным кодом, основанная на технологии SVG (VML для старых версий IE). Давайте рассмотрим, чем эта библиотека хороша и выделяется среди прочих. Во-первых, GraphicsJS весит совсем немного и обладает очень гибким JavaScript API. Она предоставляет богатые возможности для форматирования текста, а также виртуальный DOM – независимый от специфики HTML DOM в разных браузерах. Во-вторых, в отличие от других продуктов AnyChart – JavaScript-библиотек для построения графиков – GraphicsJS бесплатна для использования как в коммерческих, так и в некоммерческих целях. В-третьих, GraphicsJS обладает кросс-браузерной совместимостью, включая поддержку Internet Explorer 6.0+, Safari 3.0+, Firefox 3.0+, Opera 9.5+. В старых версиях IE библиотека использует VML, во всех остальных браузерах – SVG. Наконец, GraphicsJS позволяет эффективно комбинировать графику и анимацию. Демо | GitHub #js #svg

Хотите прокачать скиллы в области веб-разработки или обучиться с нуля, не тратя много денег? В этом декабре онлайн-университет от Mail.ru Group дает скидку на профессию веб-разработчика до 70 тысяч рублей. Вместе с кураторами GeekBrains вы поработаете над реальными проектами, изучите основы JavaScript, верстку PHP и получите целых полтора года опыта для вашего резюме. А еще — получите сертификат об успешном прохождении обучения, свидетельство установленного образца и гарантированное трудоустройство по новой специальности! Бронируйте участие на курсе, пока есть места! Акция действует до 16 декабря 2019 года. Подробная программа, стоимость и условия по ссылке: https://bit.ly/36m7iVp

Что такое JAMstack и как с ним работать Все больше и больше оборотов набирает довольно новый и нетрадиционный подход в создании сайтов — JAMstack. Для начала давайте разберемся, что такое JAMStack, с чем его едят и почему он «превосходит» традиционные web-сайты. Подробнее в статье. Читать статью #article #js #jamstack