Интересное видео о фулстеках

Кто такой фулстек программист, какие стеки бывают, каким фул-стеком "лучше" быть. О перспективах фулстек разработки. Веб фулстек, мобильный фулстек, кроссплатформенная разработка.

Смотреть видео

#video

Секреты и уловки JavaScript

В этой статье вы увидите несколько секретов и уловок JavaScript. По факту эти техники сохранят вам кучу времени. Возможно большинство из них вам уже знакомо, возможно некоторые нет. Но в любом случае, они будут вам крайне полезны.

Читать статью

#article #js #tips

JavaScript-фреймворк Express взлетает на волне популярности Node.js. Сейчас это один из самых трендовых инструментов веб-разработки. Его используют крупные компании Accenture, IBM и Uber, а также другие фреймворки, например, Kraken, Sails и Loopback.

Express позиционируется как минималистичный, быстрый и очень гибкий фреймворк. Он предоставляет все необходимые возможности, при этом активно используя все преимущества и мощность Node.js. Поддерживает REST API.

Возможно, самый большой недостаток Express, особенно для начинающих, – слишком большая гибкость. Одну и ту же вещь можно сделать по-разному.

Демо | GitHub

#js #node #rest

Что такое WebAssembly

WebAssembly (WASM) — новый бинарный формат, позволяющий запускать код в браузере. Вы наверняка слышали, что WebAssembly очень быстрый. Но что это значит, и что это за технология в целом? Ответы на эти и другие вопросы в статье.

Читать статью

#article #js #wasm

Turntable.js — библиотека, которая позволяет из нескольких картинок сделать одну модель, которую можно вращать. Плюсы этой библиотеки в том, что она легковесная, отзывчивая, легка в установке и настройке.

С Turntable.js вы можете легко создать классные вращающие демки 3D объектов путём размещения большого массива изображений в on-hover слайдер. Это позволяет пользователям быстро пройти через весь набор изображений, создавая эффект Flipbook и демонстрацию продукта со всех сторон.

Демо | GitHub

#js #JQuery #3d

Что такое JAMstack и как с ним работать

Все больше и больше оборотов набирает довольно новый и нетрадиционный подход в создании сайтов — JAMstack.

Для начала давайте разберемся, что такое JAMStack, с чем его едят и почему он «превосходит» традиционные web-сайты. Подробнее в статье.

Читать статью

#article #js #jamstack

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 #noscript

За прошлый год популярность Koa выросла, хотя кажется, что уровень удовлетворения разработчиков этим фреймворком не изменился, ведь Express по-прежнему лидирует. Однако посмотрев на графики других бэкенд-фреймворков (например, Meteor), можно сказать, что дела Koa неплохие - и могут быть еще лучше.

Этот новый веб-фреймворк, который набрал более 24 тысяч звезд на GitHub, был создан той же командой, что и Express, как менее громоздкая, более выразительная и надежная платформа для веб-приложений и API. Используя средства асинхронного программирования, Koa позволяет отказаться от callback-функций и в разы эффективнее обрабатывать ошибки. В ядре Koa не проводится сборка промежуточного программного обеспечения. Этот фреймворк имеет набор первоклассных методик, которые делают написание серверов быстрым и приятным занятием.

Демо | GitHub

#js #framework #API

Как работает CSS Flexbox

Модуль flexbox позволяет решать следующие задачи:
— располагать элементы в одном из четырех направлений: слева направо, справа налево, сверху вниз или снизу вверх;
— переопределять порядок отображения элементов;
— автоматически определять размеры элементов таким образом, чтобы они вписывались в доступное пространство;
— решать проблему с горизонтальным и вертикальным центрированием.

И многое друго. В статье подробно и с примерами описано, как пользоваться flexbox.

Читать статью

#article #css #flex

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

Демо | GitHub

#js #SVG

ItemSlide.js — простой и красивый сенсорный слайдер-карусель.

Инструмент можно настраивать под любые экраны — как удобную "бегущую" строку, так и широкоформатный слайдер.

Демо | GitHub

#js #library #jquery

Вирусы на сайтах

Одной из наиболее опасных угроз для современных сайтов являются вирусы. Обнаружив вредоносный код на страницах сайта, поисковые системы добавляют к сниппету в выдаче специальную отметку, рекомендующую пользователю не переходить по ссылке.

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

Читать статью

#article #security

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

Демо | GitHub

#react #library #ux

Интересные новые функции в ES2018

Включая оператор spread в объектах, оператор rest, асинхронную итерацию и многое другое.

Читать статью

#article #js #es2018

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

Демо | GitHub

#library #angular

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

Демо | GitHub

#js #nav #slider

Да, это npx, а не npm — объясняем разницу

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

Читать статью

#article #js #npm

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

Демо | GitHub

#js #library #graphic #d3

PivotTable.js — одна из самых популярных опенсорсных сводных таблиц в сети. Она хорошо известна своей встроенной визуализацией тепловой карты, статистическими агрегациями и драгндроп-функциями.

PivotTable.js предлагает уйму возможностей настройки, но использовать сторонние плагины все равно придется, например, для экспорта в Excel или PDF. Таким образом, потребуется время, чтобы подогнать данный инструмент к требованиям проекта. Но есть и плюс – возможность экспортировать сетку в TSV “из коробки”.

Если вам нужно интегрировать PivotTabl в другие библиотеки, доступны связки для D3, C3, Plotly и Google.

Демо | GitHub

#library #js #table

5 трендов UI/UX-дизайна в 2020 году

Сегодня почти каждый, кто работает с ПК слышал о UI/UX-дизайне. Они так тесно связаны, что иногда грань между понятиями размывается. Поэтому обычно проектированием интерфейсов занимается один дизайнер и его профессия пишется через слеш.

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

Читать статью

#article #design #trends