21 Сен 2018

Дайджест свежих материалов из мира фронтенда от JSExpert (7 сентября — 21 сентября 2018)

Небольшая подборка с ссылками на интересные материалы из области фронтенда и около него за последних 2 недели (7 сентября — 21 сентября 2018)

JavaScript

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

Организация эффективного взаимодействия микросервисов

В последнее время микросервисные архитектуры пользуются определённой популярностью. От того, как взаимодействуют микросервисы, может зависеть производительность и масштабируемость решений, основанных на них. Это взаимодействие может быть синхронным или асинхронным. В статье, которую мы представляем вашему вниманию сегодня, рассматриваются синхронные методы взаимодействия микросервисов. А именно, речь пойдёт об исследовании двух технологий: HTTP/1.1 и gRPC. Автор материала предлагает взглянуть на код, необходимый для реализации взаимодействия микросервисов с использованием HTTP/1.1 и gRPC, провести замеры производительности, и выбрать технологию, которая позволяет организовать обмен данными между микросервисами наилучшим образом.

Функции высших порядков в JS: курс молодого бойца
Данная статья рассчитана на человека, делающего свои первые робкие шаги на тернистой тропе изучения JavaScript. Несмотря на то, что на дворе 2018 год, автор использует синтаксис ES5, дабы статья была понятной юным падаванам, и доступным языком рассказывает о функциях высшего порядка с лаконичными примерами.

HTML

Поле загрузки файлов, которое мы заслужили
Каждый начинающий разработчик сталкивался с этой проблемой, а именно с кастомизацией input[type=file] под свои нужды. Автор данной статьи на примере создания поля для загрузки файлов покажет вам, как правильно прятать input[type=file], настраивать фокус на объекте, у которого фокуса быть не может, обрабатывать события Drag-and-Drop и отправлять файлы через AJAX. А также познакомит вас с парой браузерных багов и путями их обхода. Статья написана для новичков, но в некоторых моментах может быть полезна и занимательна даже для матерых разработчиков.

CSS

Улучшенные эффекты с режимом смешивания фоновых слоев в CSS
Эта статья посвящена background-blend-mode, свойству, которое пользуется наиболее широкой поддержкой, и возможностям его использования для создания на своем сайте привлекательных фонов и фотоэффектов, которые когда-то были возможны только в Photoshop.

Новые (и старые) единицы измерения в CSS, о которых вы вряд ли слышали
В этой статье автор рассказывает о возможностях CSS, о которых вы, скорее всего, не слышали, а если и слышали, то вряд ли использовали — о единицах измерения. И нет, говорить будем не о «старых» единицах vw и vh, а о новых единицах — lh и rlh, vi и vb, ic и других.

Занимательное

Dracula Theme — универсальная тема оформления практически для всего
Давайте поговорим о наболевшем? Каждый день мы имеем дело с большим количеством разных текстовых редакторов и IDE, на различных операционных системах. И в каждом из них своё оформление, к которому нужно долго привыкать.
Автор данной статьи столкнулся именно с этой проблемой и нашёл интересное решение, а именно Dracula Theme, которую можно применить не только для IDE, но и для Терминала, Vimа, Telegramа и Slackа!

Непрерывный рост JSON
А вы задумывались, как появился JSON? Если нет, то эта статья расскажет вам о том, как и кто его изобрёл, с какими проблемами сталкивались разработчики на своём пути, о противостоянии JSON vs XML и о многом другом!