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

​[Вакансия, удалёнка или релокация в Москву/Ригу] Middle/Senior фронтенд-разработчик в Rarible, зарплата в $ выше рынка + опцион Rarible — глобальный, лидирующий NFT-маркетплейс. У нас продают гифки, музыку, игровые айтемы и другой цифровой контент независимые художники, разработчики, звёзды, спортсмены, топовые бренды и известные люди вроде Ильи Варламова, Линдси Лохан и миллиардера Марка Кьюбана. До сих пор мы справлялись силами небольшой команды (1 фронтендер и несколько бэкендеров), но мы очень быстро растём и ищем фронтов на несколько новых направлений. За прошлый месяц наш трафик составил 7 млн посетителей со всего мира. Платим зарплату в долларах, даём пакет акций (которые можно обналичить), обеспечиваем необходимой для работы техникой (если нужно, купим и игровую приставку для отдыха) — в общем, заботимся о вашем комфорте. От вас — самостоятельность и желание вместе фигачить популярный и растущий продукт, который уже прибылен и находится в фазе быстрого роста. Сейчас у нас работают сотрудники из 8 стран. Мы ценим людей, умеющих достигать результата, и считаем, что люди должны получать удовольствие от жизни. Подробнее о нас → https://www.forbes.ru/karera-i-svoy-biznes/424541-strana-otverzhennyh-hudozhnikov-kak-rossiyane-sozdali-globalnogo-igroka Откликайтесь и задавайте любые вопросы → @Itsnastyahr

Как инженеры приватной поисковой системы Cliqz реализовали браузерный саджест на RxJS → https://0x65.dev/blog/2019-12-12/implementing-search-as-you-type-in-the-browser-using-rxjs.html

Рисуем деревья на canvas с помощью L-систем, TypeScript и ООП: руководство Саши Беспоясова в трёх частях с упором на практическое применение принципов SOLID и чистой архитектуры → https://bespoyasov.ru/blog/generating-trees-on-canvas-using-typescript-and-oop/

Figma Crash Course, видеокурс о продвинутых возможностях Figma вроде автоматической раскладки элементов, прототипирования и построения дизайн-систем. Первая часть уже доступна, остальные выходят в этом году → https://www.figmacrashcourse.com

Web Browser Engineering, книга (в процессе написания) о разработке браузера с нуля для понимания того, как работают браузеры → https://browser.engineering/

Аутентификация пользователей в вебе на примере Node.js и Express: от HTTP-заголовков и кук до JWT. Видеокурс Зака Голвитцера → https://youtu.be/F-sFp_AvHc8

Эффективные заголовки документов: как сделать <title> максимально полезным и как улучшить UX, обновляя его динамически → https://tomekdev.com/posts/effective-titles-and-more

Пишем стили с заделом на будущее: Стефани Эклз на примере списка комментариев демонстрирует CSS-приёмы, позволяющие адаптировать вёрстку к любым экранам и содержимому → https://moderncss.dev/developing-for-imperfect-future-proofing-css-styles/

[Реклама, личная рекомендация от автора For Web] «Стать тимлидом»: курс, который стоит пройти даже мидлам → https://education.borshev.com/teamlead Чтобы вырасти до сеньора или тимлида, недостаточно уметь писать чистый код. Помимо технических навыков важны организационные и социальные навыки. Курс Фёдора Борщёва и Марьяны Онысько «Стать тимлидом» научит вас: — договариваться о зарплате, разруливать конфликты и в целом вести любые переговоры; — привлекать, нанимать и онбордить подходящих вам сотрудников, а также вовремя и безболезненно расставаться с неподходящими; — вместо микроменеджмента строить в команде открытые и доверительные отношения; — налаживать только нужные команде процессы вместо бездумного насаждения фреймворков вроде Scrum; — быть для бизнеса не исполнителем, а партнёром: думать не только о коде, но и о продукте, пользе и деньгах; — поддерживать качество кода и продавать бизнесу рефакторинг. Курс пройдёт онлайн с 20 апреля по 23 мая. Формат — теория в Notion, домашние задания, ланчтаймы с приглашёнными экспертами, сообщество учеников в Телеграме и плюшки вроде персональных консультаций в расширенных тарифах. Лично рекомендую курс всем, кто уже не джун и хочет расти дальше, но чувствует, что чтение технических статей и книг не помогает в этом. Скидка 10% до 10 апреля по промокоду forwebdev → https://education.borshev.com/teamlead

CSS Container Queries, или адаптация по-новому: контейнер вместо вьюпорта. Вадим Макеев на практике пробует черновую спецификацию выражений от контейнера, реализованную в Chrome Canary → https://youtu.be/bP3ceQEXMhU

eslint-plugin-clean-regex следит за чистотой регулярных выражений и упрощает сложные конструкции → https://github.com/RunDevelopment/eslint-plugin-clean-regex

Theme Studio, редактор и каталог готовых тем для VS Code → https://themes.vscode.one

​[Реклама] 12 апреля стартует Podlodka Frontend Crew — абсолютно новая конференция для фронтенд-разработчиков от команды Podlodka! Конференция пройдёт в формате двухнедельного интенсива. Темы недель — «Оптимизация перфоманса» и «Стабильность и качество фронтенда». 🏃‍♂️На неделе «Оптимизация перфоманса» с разных сторон посмотрим на производительность: от оптимизации размера бандла и работы с инфраструктурой сети и до оптимизации сайта с точки зрения UX и разбора причин, почему бизнесу может быть важно заниматься производительностью. 🛠 А неделя «Стабильность и качество фронтенда» будет посвящена подходам и практикам, помогающим избегать и своевременно обнаруживать проблемы и ошибки. Обсудим контрактные, unit и end-to-end тесты, разберемся с мониторингами и алертингами и обсудим другие инженерные практики. 🗝 Ключевая особенность конференций Podlodka Crew: помимо докладов в программе множество нескучных форматов: рулетки кейсов, батлы, лайв-кодинги и не только. Добавим к этому общение со спикерами на зум-сессиях и нетворкинг в слаке, и получим прекрасный способ с пользой провести время! А кроме того, вы получите доступ к записям всех сессий, чтобы потом в любой удобный момент можно было освежить знания! Стартуем 12 апреля, примерное расписание первой недели уже на сайте, а до 5 апреля включительно билеты можно приобрести с очень приятной early-bird скидкой. Ждем на борту!

Размер шрифта бесполезен; давайте это исправим! Никита Прокопов разбирается, что не так с привычным способом измерения шрифтов и какая есть альтернатива → https://tonsky.me/blog/font-size/

[Вакансия, Москва или удалёнка] Фронтенд-разработчик в Авито Авито — самый популярный сервис объявлений в Европе с ежемесячной аудиторией более 47 миллионов человек. Мы находимся на третьем месте в рейтинге самых дорогих российских интернет-компаний. У нас вы будете работать над продуктом, которым пользуются все вокруг — друзья, семья, знакомые. Ищем фронтендера в команду Trust & Safety, отвечающую за доверие и безопасность пользователей на площадке. Команда занимается защитой профилей от взломов и угонов, рефакторингом сценариев аутентификации, доработкой рейтинговой системы и многими другими задачами. Откликнуться на вакансию → https://www.avito.ru/company/job/frontdevtns

simple-git-hooks, легковесная и простая в использовании альтернатива husky для использования git-хуков → https://github.com/toplenboren/simple-git-hooks

Предотвращаем межсайтовый скриптинг (XSS) с помощью Content-Security Policy: руководство по настройке строгой CSP для предотвращения возможных атак → https://web.dev/strict-csp/

Отрисовка больших логов в GitHub Actions: фронтендеры GitHub об опыте отрисовки 50 000 строк текста без ущерба для быстродействия и UX → https://github.blog/2021-03-25-how-github-actions-renders-large-scale-logs/

Как разрабатывать доступные графики на D3 на примере колец активности Apple → https://fossheim.io/writing/posts/apple-dataviz-a11y-tutorial/

Дорожная карта начинающего фронтенд-разработчика: что и в каком порядке изучать + ссылки на полезные материалы → https://frontendmasters.com/guides/learning-roadmap/