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

Пишем собственную реализацию промисов. Серия статей Николаса Закаса:

1. Конструктор
2. Резолвинг промисов
3. then(), catch() и finally()
4. Promise.resolve() и Promise.reject()

Нативная masonry-раскладка на CSS-гридах: Рэйчел Эндрю представляет новую экспериментальную спецификацию, реализованную в Firefox Nightly, и предлагает разработчикам поделиться впечатлениями и предложениями → https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/

Фиксированная шапка и ссылки на секции страницы: избегаем перекрытия содержимого шапкой с помощью scroll-margin-top → https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/

Тестирование на основе свойств: Назим Гафаров из Mail.ru с обзором необычного подхода к автотестам → https://habr.com/p/494110/

Разбираемся в спецификации ECMAScript: учимся читать спецификацию на практических примерах в серии статей в блоге V8 → https://v8.dev/blog/tags/understanding-ecmascript

Чтобы добиться успеха в карьере, сфокусируйтесь на работе и забудьте о сайд-проектах: Мануэль Дарсмонт предостерегает от излишней траты времени на сайд-проекты → https://manuel.darcemont.fr/posts/focus-on-jour-job/

JavaScript-инструменты на других языках — новый тренд? Аксель Раушмайер сравнивает плюсы и минусы разработки фронтенд-инструментов на JS и на других языках → https://2ality.com/2020/10/js-plus-other-languages.html

У NPM появились публичный план по развитию и открытая доска обратной связи и предложений, подробности → https://github.blog/2020-10-22-introducing-the-npm-public-roadmap-and-a-new-feedback-process/

Destiny, экспериментальный аналог Prettier для файловой структуры проекта: анализирует JS/TS-модули и их связи, строит из них фрактальный граф и отражает его на файловой системе → https://github.com/benawad/destiny

Измеряем использование сайта в офлайне, чтобы решить, нужно ли вкладываться в офлайн-версию: практическое руководство → https://web.dev/measuring-offline-usage/

[Вакансия, удалёнка или релокация в Москву]
Middle/Senior фронтенд-разработчик в Rarible, $2.5k-4k + премии (зп привязана к $)

Привет! Rarible — крупнейший NFT-маркетплейс цифровых товаров с оборотом $7M и более чем 150k посещений за месяц. Мы в поисках фронтенд-разработчика, готового работать на стыке веба и мобильных технологий.

С чем мы работаем:
React, React Native, MobX, TypeScript, PostCSS и CSS-модули, Jest для юнит-тестирования и Cypress для E2E-тестирования.

Какие задачи предстоит решать:
Разработка новых и поддержка уже работающих приложений. Одной из интересных задач, например, может стать разработка и внедрение библиотеки общих UI-компонентов для браузера и приложений на React Native 😉

Пишите по всем вопросам → @milaluvers

Как найти в интернете что угодно: обзор специальных операторов и ключевых слов для продвинутого поиска в Google → https://www.alec.fyi/dorking-how-to-find-anything-on-the-internet.html

Дизайн, адаптирующийся к высоте: Ахмад Шадид демонстрирует способы адаптации интерфейса к разной высоте экрана → https://ishadeed.com/article/responsive-design-height/

Предзагрузка поздно обнаруживаемых браузером заглавных изображений: Эдди Османи делится простым способом улучшения UX → https://addyosmani.com/blog/preload-hero-images/

Синтезатор мелодий Nokia 3310 на JavaScript: ностальгическое руководство Сергея Зайцева → https://zserge.com/posts/nokia/

Как изменилась индустрия разработки ПО за последние 10–15 лет → https://twitter.com/GergelyOrosz/status/1318637104784605191

Вышла Node.js v15: npm 7 в комплекте, AbortController, новое поведение для unhandledRejection, поддержка QUIC и другие изменения в официальном анонсе → https://medium.com/p/deb00750f278

Сокращаем расходы на вычисление геометрии страницы браузерами: объяснение принципа работы CSS-свойства content-visibility на примере ускорения отрисовки спецификации HTML (с 50 секунд до 400 миллисекунд) → https://youtu.be/FFA-v-CIxJQ

Вышел npm 7: воркспейсы для удобной работы с несколькими пакетами, автоматическая установка peer-зависимостей, новый формат локфайла, поддержка yarn.lock и другие изменения → https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/

Вышел Webpack 5: официальный анонс со списком изменений → https://webpack.js.org/blog/2020-10-10-webpack-5-release/

Руководство по миграции с четвёртой версии → https://webpack.js.org/migrate/5/