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

Реализуем доступный кастомный select: пошаговое руководство Джули Гранди → https://24ways.org/2019/making-a-better-custom-select-element/

Важные материалы второй половины ноября: диаграммы состояний, фронтенд в GitLab, дизайн-система Airbnb, состояние спецификаций CSS, Deno, Redux Toolkit, ES-модули в Node.js → https://forwebdev.ru/digest/2019-11-30

Используете меню-гамбургер? Попробуйте ссылки-сосиски! Брэдли Тонт предлагает простую альтернативу привычному паттерну → https://uglyduck.ca/hamburger-menu-alternative/

[Вакансия, релокация на Пхукет] Тебе еще не надоело переживать пятую ОРВИ за месяц в этот беспощадный ноябрь? Переезжай к нам, поднимем тебе иммунитет и расскажем, как совмещать приятное с полезным 🙂 Aviasales приглашает самых-самых фронтенд-разработчиков в лучший офис Земли в команду, которая занимается главным, что у нас есть — системой поиска авиабилетов. Что предстоит будущему фронту Aviasales: — делать поисковые сервисы на самых прогрессивных технологиях: React, TypeScript, Jest, Storybook; — придумывать и реализовывать новые фичи, которыми будут пользоваться миллионы людей; — развиваться, делиться опытом и привносить свой свежий взгляд; — всегда быть на острие технологий, следить за трендами разработки и применять их. Мы даём полную свободу творчества и поощряем эксперименты. С тебя: — опыт во фронтенде от трёх лет, знание JavaScript, CSS, React, Jest, TypeScript; — наличие кейсов, про которые не стыдно рассказать; — искреннее желание сделать Aviasales еще круче; — уметь отстаивать свою точку зрения и спокойно воспринимать критику; — понимать юмор и получать удовольствие от жизни. Что с нас: — оплата перелета, проживания, ДМС и аренда байка на первое время; — райская жизнь на тропическом острове; — заработная плата в долларах США; — ежеквартальные премии; — занятия английским, компенсация спорта; — прямо в офисе: бассейны, настольный теннис, много фруктов, тепла и любви. Ещё подробнее: https://aviasales.recruitee.com/o/frontend-developer-typescript-react-redux-jest С нетерпением ждём твой отклик! Контакты для связи: @shurchenko или sasha.ilchenko@aviasales.ru.

10 рекомендаций по ревью кода, который вам не нравится → https://developers.redhat.com/blog/2019/07/08/10-tips-for-reviewing-code-you-dont-like/

Руководство по реализации эффективного LRU-кеша на JavaScript с использованием типизированных массивов → https://yomguithereal.github.io/posts/lru-cache

От идеи до релиза: Александр Воронянский подробно рассказал о процессе разработки фронтенда в Яндекс.Маркете → https://habr.com/p/459960/

[Реклама] Чёрная Пятница в Лектруме объявляется открытой! Только один раз в году, скидки до 50% на все новые курсы по веб-разработке! Выбирай себе профессию или собери свои наборы курсов в конструкторе. 💪 Забери свою скидку и прокачайся вместе с нами! Места в потоках ограничены. Выбирай →https://lectrum.link/SwhoBy

Лейблы — крайняя мера. Стив Шогер объясняет на примерах, когда следует использовать лейблы и как обойтись без них → https://refactoringui.com/previews/labels-are-a-last-resort/

Лаконичное и доступное введение в диаграммы состояний: чем они полезны программисту, почему вы уже используете их неявно, зачем и как использовать их явно → https://statecharts.github.io

The Grep Test, или как не переборщить с DRY: Джейми Вонг предлагает простое правило для обеспечения возможности поиска кода в динамических языках программирования → http://jamie-wong.com/2013/07/12/grep-test/

Как инженеры Airbnb сделали, а затем переделали собственную дизайн-систему, почему так вышло и какие уроки они попутно вынесли → https://youtu.be/fHQ1WSx41CA

Как разработчики Яндекс.Карт внедряли WebAssembly и почему в итоге оставили JavaScript → https://habr.com/p/475382/

Юбилейный Frontend Weekend №100, в гостях Артём Цацин из Booking.com: ретроспектива переезда в Амстердам и подкастинга → soundcloud.com/frontend-weekend/fw-100

Открыт набор в Школу разработки интерфейсов Яндекса в Москве: тестовые задания принимаются до 19 января, иногородним участникам оплатят проезд и проживание, подробности → https://yandex.ru/promo/academy/shri

Redux Toolkit, официальный набор инструментов и практик для эффективной разработки приложений на Redux → https://redux-toolkit.js.org

Responsive Breakpoints, сервис для автоматической генерации оптимальных адаптивных вариаций изображения → https://responsivebreakpoints.com

Пишем свой собственный React: пошаговое руководство Родриго Помбо, основанное на реальной архитектуре React → https://pomb.us/build-your-own-react/

Deno: время Node.js уходит? Евгений Бондаренко разбирается, в чём преимущества нового проекта Райана Дала и стоит ли отказываться от Node.js в его пользу → https://habr.com/p/476972/

Практические паттерны применения CSS-переменных: обзор Тайлера Чайлдса с примерами → https://css-tricks.com/patterns-for-practical-css-custom-properties-use/