For Web — фронтенд, дизайн, программирование

Никогда такого не было, и вот опять: популярный npm-пакет event-stream скомпрометирован, предположительные цели атаки — криптопроекты, использующие copay → https://github.com/dominictarr/event-stream/issues/116 В event-stream был добавлен вредоносный пакет flatmap-stream@0.1.1. Проверьте свои проекты на его отсутствие с помощью команды npm ls event-stream flatmap-stream.

Инженеры 1Password о том, как они добавили в свой блог поддержку тёмной темы → https://blog.1password.com/from-dark-to-light-and-back-again/

Зачем и как использовать WebP-изображения в вебе, объяснение Ире Адеринокун → https://bitsofco.de/why-and-how-to-use-webp-images-today/

Руководство Красимира Цонева по разработке простой JavaScript-песочницы с поддержкой модулей и автоматической транспиляцией кода → http://krasimirtsonev.com/blog/article/build-your-own-interactive-javascript-playground

🎧 Свежие подкасты Frontend Weekend №80, в гостях Гордей Левченко: о переезде в Казахстан и развитии frontend-сообщества в Астане → https://soundcloud.com/frontend-weekend/fw-80 «Девшахта» №58: UFADEVCONF, состояние Node.js в 2018 году → https://soundcloud.com/devschacht/nightly-58 «Новости 512» от CSSSR №30: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/news512_030

Как подойти к оптимизации веб-перформанса: Джереми Кит с описанием последовательного подхода, применяемого в Clearleft → https://clearleft.com/posts/a-framework-for-web-performance

Сравнение реализации одного и того же веб-компонента на библиотеках Polymer, Stencil и Nutmeg и с нуля без библиотек → https://bendyworks.com/blog/tale-of-four-components

Подробный часовой обзор архитектуры и внутреннего устройства Jest от его разработчиков → https://youtu.be/3YDiloj8_d0

Let’s build Express, серия статей по реализации фреймворка Express с нуля для лучшего понимания его внутреннего устройства → https://github.com/antsmartian/lets-build-express

Как избежать громоздкого и скучного описания задачи, но не потерять смысл? Ксения Ильиных из Контура о своём опыте описания сложной задачи в виде комикса → https://medium.com/p/ca1f1d676536

Как браузер превращает стили в пиксели: подробнейший рассказ о стадиях процесса отрисовки и о том, что на каждой из них происходит под капотом браузера → https://alistapart.com/article/braces-to-pixels

Какие ошибки часто совершаются при работе с денежными значениями в JavaScript и как их избежать → https://frontstuff.io/how-to-handle-monetary-values-in-javascript

Что такое вебхуки, для чего они применяются, как их использовать и какие инструменты могут в этом помочь → https://snipcart.com/blog/what-are-webhooks-explained-example

Вам не нужны PWA и AMP, чтобы делать быстрые сайты: Никита Прокопов о вреде повсеместного внедрения и переоценённости модных технологий → http://tonsky.me/blog/pwa/

jsx-pragmatic, библиотека от инженеров PayPal для использования JSX-шаблонов без Реакта с возможностью рендеринга в строку, DOM или что угодно другое с помощью кастомных рендереров → https://github.com/krakenjs/jsx-pragmatic

Как связать локально разрабатываемые NPM-пакеты и приложения, зависящие от них → https://medium.com/p/7375b6219557

[Вакансия, удалёнка, фултайм 2—3 месяца → парт-тайм] Fullstack-разработчик в coinmonitor.io (Python/Flask, JavaScript/jQuery) Задaчи, которые придётся решать: — разобраться с существующим кодом бэкенда и фронтенда; — натянуть на сайт готовую вёрстку (SCSS, JS, jQuery); — работать над бэкендом: оптимизировать работу воркеров celery, разобраться с производительностью базы данных, регулярно добавлять новый функционал; — работать над фронтендом клиентской и административной части. Трeбования: — уверенное знание Flask; — умение готовить Celery и оптимизировать производительность задач; — отличное знание MongoDB, умение профилировать запросы, находить узкие места; — опыт рабoты с Redis; — отличное знание JavaScript/jQuery и CSS/SCSS; — опыт написания юнит-тестов; — знание git, умение решать merge-конфликты через CLI; — опыт рaботы с Linux от полутора лет. От вас: опыт в вышeуказанных требoваниях и готовность пройти тeстoвое зaдaние. Ссылка на GitHub с примерами кода будет огромным плюсом. Уcлoвия: фултайм на 2—3 месяца, удаленно. Затем поддержка сервиса парт-тайм: реализация новых функций, реагирование на инциденты. Заработная плата 100—120 тысяч рублей в месяц в зависимости от навыков. P. S. В работе со студиями не заинтересованы, нужен человек в команду, который будет лично отвечать за качество выполненной работы. Пишите @Shockfish.

Какие возможности перед разработчиком открывают абстрактные синтаксические деревья и как ими воспользоваться в JavaScript, расшифровка и запись доклада Кирилла Черкашина из Google → https://habr.com/p/428628/

React → Phoenix = Profit Как инженеры thoughtbot минимизировали количество клиентского кода, упростили тестирование и привлекли больше контрибьюторов в проект, отказавшись от Реакта в пользу классического подхода к рендерингу шаблонов на сервере → https://robots.thoughtbot.com/how-we-replaced-react-with-phoenix

Зачем браузеры загружают таблицы стилей с недействительными медиавыражениями? Объяснение Томаса Штайнера → https://blog.tomayac.com/2018/11/08/why-browsers-download-stylesheets-with-non-matching-media-queries-180513