WebDEV

Отдохнули на праздниках? Теперь пора провести время с пользой и написать свой Aliexpress на JavaScript! За 4 дня самостоятельно напишете свой аналог АлиЭкспресс. Поработаете с JS, DOM API, Fetch API, AJAX, json-server, VSCode. Подробнее о том, что будем изучать и использовать 👀 — Познакомимся с основами JavaScript и ES6 — Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими (скрывать, отображать, создавать новые) — Узнаем как работать с селекторами в особенности классами: добавлять, удалять и проверять наличие классов — Поработаем с объектами, массивами и cookie — Познакомимся с технологией fetch и научимся получать данные с сервера — Узнаем как отлавливать события и перебирать массивы разными способами Будет отдельный чат с кураторами и другими участниками, которые помогут быстрее усвоить материал. Переходите по ссылке и получите приглашение👇 https://telegram.me/gloacademy_bot?start=5e1b71d1b70fb20012737d51

Правильный ответ: код выведет сначала "undefined", а потом "5" Код выполнится без ошибок. Первый alert выведет сообщение "undefined", а второй - "5".

Выберите правильный ответ 👇 #test

Buefy — это библиотека, которая представляет собой набор компонентов, построенных с использованием возможностей Vue и Bulma. На GitHub она собрала около 7 тысяч звёзд, компоненты, которые можно в ней обнаружить, подходят, без дополнительных усилий со стороны разработчика, для создания приложений, использующих отзывчивый дизайн. Хотя компонентов в этой библиотеке не так уж и много, она, определённо, достойна внимания. Демо | GitHub #js #library #vue #bulma

UIkit — это легкий и модульный фреймворк для разработки быстрых и мощных веб-интерфейсов. Он поставляется с широким спектром многоразовых и сочетающихся компонентов. Все UIkit классы с уникальными именами, поэтому они не будут мешать работе других конструкций и расширений, которые используются совместно не вызывая ошибок. Начальные размеры стартуют с 55Kb (js – 33Kb / css – 22Kb). Демо | GitHub #css #framework #ui

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

7 популярных трендов типографики в веб-дизайне сайтов в 2020 году В настоящее типографика стала неотъемлемым элементом веб-дизайна. В этой статье мы рассмотрим актуальные для данного направления тенденции дизайна, что появились в 2019 и уверенно идут в 2020 год. Читать статью #article #design #typography

Spectre.css — лёгкий, отзывчивый и современный CSS фреймворк для ускоренной и расширяемой разработки. Spectre предоставляет базовые стили для шрифтового оформления и элементов, адаптивную систему макетов на основе Flexbox, а также чистые компоненты и утилиты CSS. Особенности: лёгкий (~ 10 КБ в сжатом виде); эстетически приятные компоненты и цветовая палитра; интуитивно понятный синтаксис; гибкость: JS не требуется. Демо | GitHub #css #framework

Clarity — это опенсорсная система дизайна, созданная VMware. Она представляет собой комбинацию из реализации рекомендаций по UX-дизайну, HTML/CSS фреймворка и компонентов для Angular. Clarity даёт разработчику обширный набор высокопроизводительных компонентов с привязкой данных. Демо | GitHub #library #angular #ux #design

Цифровое золото — канал от создателя собственной криптовалюты. Вы узнаете о всех технологиях, что стоят за криптой, и с какими трудностями может столкнуться разработчик. Никаких спекуляций и обещаний золотых гор, только самые интересные технические особенности криптовалют. Подписывайтесь - @coinreview

Svelte — это малоизвестный, но очень перспективный фреймворк. Ключевая особенность Svelte — очень маленький размер файла благодаря более короткому коду. Задумка Svelte в том, что он является лишь инструментов для создания кода. После создания приложения оно может существовать отдельно от Svelte. Фреймворк будет применяться только в случае внесения правок. Благодаря этому конечный размер файла получается значительно меньше. При этом, повышается скорость работы программного обеспечения, поскольку ему нужно обрабатывать меньше информации. Демо | GitHub #framework #react #js #ractive

Numeral.js — это библиотека для удобного форматирования чисел. Numeral.js позволяет задавать число знаков после запятой, символы-разделители для дробной части и групп разрядов, формат представления валют, процентов, времени, аббревиатуры для миллионов, миллиардов, мегабайтов и т.п. Кроме того, можно восстанавливать числовые значения из существующего строкового представления. Библиотека распространяется под лицензией MIT. Numeral работает в браузерах и под Node.js. Демо | GitHub #library #js #nodejs

Как правильно создать страницу ошибки 404 Каждый из нас сталкивался с 404-й ошибкой на сайте и такую страницу хотелось покинуть как можно скорее. Но некоторые компании, интернет-магазины, медиа создают страницы с 404 ответом сервера, которые срочно добавляешь в закладки. Давайте поговорим о том, как добиться такого эффекта и «выжать» из 404 максимум. Читать статью #article #error

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

Поздравляем всех программистов с Новым Годом! Достигайте новых вершин. Желаем вам расти, развиваться и видеть говнокод только на нашем канале Говнокод. Читайте в новом году наш новый проект: Daily Coding — это платформа (канал + сайт), которая научит вас программировать лучше и эффективнее. 🥳

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