For Web — фронтенд, дизайн, программирование
14.8K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Open Prioritization, экспериментальная инициатива по краудфандингу разработки браузерных фич → https://www.igalia.com/open-prioritization/

Это уникальная для сообщества разработчиков возможность повлиять на приоритеты разработки браузерных фич. Обычно приоритеты определяются владельцами браузеров.
Управление зависимостями в JavaScript. Серия статей Славы Фомина из DomClick обо всех аспектах работы с зависимостями, от установки до аудита безопасности и дедупликации → https://habr.com/p/509440
This media is not supported in your browser
VIEW IN TELEGRAM
uvu, тест-раннер для Node.js и браузеров с упором на скорость работы и легковесность → https://github.com/lukeed/uvu
TSDX, набор инструментов для продуктивной разработки библиотек на TypeScript без необходимости настройки инфраструктуры → https://tsdx.io/
Официальный вводный курс по Node.js → https://nodejs.dev/learn
Индексируем офлайн-страницы с помощью Content Indexing API: введение в новый API, позволяющий сообщить браузеру о страницах, которые можно читать в офлайне → https://web.dev/content-indexing-api/
Dependency Injection простыми словами: Андрей Мелихов рассказывает, что такое внедрение зависимостей и для чего оно нужно → https://youtu.be/u6gAVCEJjQ4
This media is not supported in your browser
VIEW IN TELEGRAM
Физика реалистичных spring-анимаций: Максим Хекель объясняет, как устроены spring-анимации как во Framer, какие в них применяются законы физики и какие параметры влияют на поведение анимаций → https://blog.maximeheckel.com/posts/the-physics-behind-spring-animations
Словарь CSS: визуализация принятых в CSS терминов вроде селекторов и комбинаторов → http://apps.workflower.fi/vocabs/css/en
Объ­яс­не­ние клю­че­вых слов initial, inherit, unset и revert в CSS: Элад Шехтер в переводе Алексея Бузмакова → https://web-standards.ru/articles/inherit-initial-unset-revert/
Выбираем зависимости в JavaScript. Слава Фомин из DomClick рассказывает, по каким критериям стоит выбирать зависимости и как не допустить из-за них хаоса в проекте → https://habr.com/p/512154/
Современные техники CSS для улучшения читаемости текста: Эдуардо Кавацца делится практическими приёмами, основанными на лучших практиках типографики → https://www.smashingmagazine.com/2020/07/css-techniques-legibility/
What the fuck is ...? Дэн Абрамов простыми словами объясняет computer science термины для фронтендеров → https://whatthefuck.is

Уже объяснены замыкание, динамическая диспетчеризация и мемоизация.
Простое объяснение делегирования событий: Дмитрий Павлутин объясняет, на чём основан один из базовых паттернов работы с DOM-событиями → https://dmitripavlutin.com/javascript-event-delegation/
This media is not supported in your browser
VIEW IN TELEGRAM
Как работает CORS: наглядное объяснение с анимированными примерами → https://dev.to/lydiahallie/cs-visualized-cors-5b8h
Как мы нарисовали на карте несколько тысяч интерактивных объектов без вреда для перформанса: Дарья Саенко из Авито делится опытом реализации нового поиска по карте → https://habr.com/p/512146
postcss-100vh-fix, PostCSS-плагин от Андрея Ситника для автоматического исправления неправильного вычисления 100vh в мобильном Safari → https://github.com/postcss/postcss-100vh-fix
Алгоритмы и структуры данных, которые применяются в работе в крупных технологических компаниях: обзор инженера, работавшего в Uber, Skyscanner и Skype → https://blog.pragmaticengineer.com/data-structures-and-algorithms-i-actually-used-day-to-day/
Учитываем микроразметку на этапе дизайна: Фредерик О’Брайен рассказывает, как заложить основу для красивых сниппетов сайта в поисковой выдаче → https://www.smashingmagazine.com/2020/04/structured-data-design-process/
[Вакансия, Санкт-Петербург]
Aviasales разыскивает Frontend разработчиков сразу в 3 продуктовые команды

Лот #1
Content Delivery отвечает за доставку автоматизированных уведомлений пользователям. Основной продукт — сервис подписок Price Alert. С его помощью пользователи подписываются на отслеживание цен на авиабилеты и получают уведомления, когда «ПОРА БРАТЬ» → https://aviasales.recruitee.com/o/frontend-developer-delivery

Лот #2
Команда Монетизации отвечает за все небилетные сервисы Aviasales. Мы предлагаем продукты, которые нужны помимо авиабилетов — бронирование отелей, аренда автомобилей, экскурсии и другое → https://aviasales.recruitee.com/o/frontend-developer-monetization

Лот #3
Explore — это то, с чего пользователь начинает свое взаимодействие с Aviasales. Цель команды: подготовить пользователя к точному поиску и помочь с выбором лучшего направления и/или дат перелета → https://aviasales.recruitee.com/o/frontend-developer-explore

Требования к кандидату:
— опыт коммерческой frontend разработки от 2-х лет;
— отличное знание JavaScript и опыт использования React;
— опыт работы с TypeScript;
— понимание принципов оптимизации веб-приложений;
— опыт написания unit/E2E тестов.

От нас:
— сильная команда и возможность влиять как на технологические, так и на продуктовые решения;
— сейчас удаленная работа, но как только мир придет в себя — работа в офисе в Санкт-Петербурге;
— если необходимо, поможем с переездом — билеты для тебя и твоей семьи, а также жилье на первые две недели;
— заработная плата в долларах США;
— забота о здоровье: ДМС для тебя и твоей семьи;
— поддержка твоих увлечений: компенсация занятий спортом и изучения иностранных языков.

Чего ты ждешь? Откликайся скорее 👆