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

Новый сайт TypeScript: более удобная структура, новая песочница, переработанная и расширенная документация с переводом на другие языки → https://devblogs.microsoft.com/typescript/announcing-the-new-typescript-website/

this vs that: объяснение разницы между похожими вещами во фронтенде вроде slice и splice, undefined и void, currentTarget и target → https://thisthat.dev/

[Вакансия мечты, Москва или удалёнка]
Senior фронтенд-разработчик в Joom

Самый быстрорастущий e-Commerce сервис Европы запускает новые направления, Pharma и B2B. Никакого легаси, амбициозные задачи, одни из лучших условий работы.

Белая зарплата от 280 000₽ (до вычета налогов), пакет акций, ДМС и 100% оплачиваемые больничные, ипотечная программа после двух лет работы, релокационный пакет при желании переезда в Москву (на время пандемии работаем удалённо), гибкий график, бесплатные обеды и ужины в офисе.

Joom Pharma, фармацевтический маркетплейс для Европы → https://hh.ru/vacancy/38388796
Joom B2B, качественно новый уровень сервиса на рынках оптовых закупок → https://hh.ru/vacancy/38405655

drop-shadow: недооценённый CSS-фильтр. Мишель Баркер рассказывает, чем он отличается от box-shadow и как его можно применить → https://css-irl.info/drop-shadow-the-underrated-css-filter

Как мы делаем Facebook.com максимально доступным: инженеры Facebook делятся приёмами для обеспечения доступности, применёнными в новой версии сайта → https://engineering.fb.com/web/facebook-com-accessibility

Бесконечная прокрутка без неожиданных сдвигов: Эдди Османи рассказывает, как улучшить UX бесконечной прокрутки, предотвратив сдвиги элементов → https://addyosmani.com/blog/infinite-scroll-without-layout-shifts/

Shape Divider App, сервис для генерации разделителей секций страницы необычной формы → https://www.shapedivider.app/

[Вакансия, Москва]
Разбираешься в Angular, Linux, C#? «Лаборатории Касперского» нужен Fullstack Web Developer.

Наша главная ценность — люди! Каждый год мы инвестируем в их обучение более 150 миллионов рублей. Только за 19-ый более 2500 коллег прокачали свои hard skills! Прокачаем и твои.

Узнавай подробности и откликайся.

Вышел Emmet 2: превью сокращений, улучшенная поддержка JSX и CSS, более умная работа с кнопкой Tab и другие улучшения → https://teletype.in/@chikuyonok/emmet2-sublime-text

Пока работает в Codepen и Sublime Text. Поддержите автора, чтобы Emmet 2 вышел для вашего редактора или IDE → https://github.com/sponsors/emmetio

Несколько комиксов про CSS: Джулия Эванс визуально объясняет принципы работы блочной модели, селекторов, единиц измерения и других концепций CSS → https://jvns.ca/blog/2020/07/25/some-comics-about-css/

[Вакансия, Санкт-Петербург]
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 тестов.

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

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

Учитываем микроразметку на этапе дизайна: Фредерик О’Брайен рассказывает, как заложить основу для красивых сниппетов сайта в поисковой выдаче → https://www.smashingmagazine.com/2020/04/structured-data-design-process/

Алгоритмы и структуры данных, которые применяются в работе в крупных технологических компаниях: обзор инженера, работавшего в Uber, Skyscanner и Skype → https://blog.pragmaticengineer.com/data-structures-and-algorithms-i-actually-used-day-to-day/

postcss-100vh-fix, PostCSS-плагин от Андрея Ситника для автоматического исправления неправильного вычисления 100vh в мобильном Safari → https://github.com/postcss/postcss-100vh-fix

Как мы нарисовали на карте несколько тысяч интерактивных объектов без вреда для перформанса: Дарья Саенко из Авито делится опытом реализации нового поиска по карте → https://habr.com/p/512146

Как работает CORS: наглядное объяснение с анимированными примерами → https://dev.to/lydiahallie/cs-visualized-cors-5b8h

Простое объяснение делегирования событий: Дмитрий Павлутин объясняет, на чём основан один из базовых паттернов работы с DOM-событиями → https://dmitripavlutin.com/javascript-event-delegation/

What the fuck is ...? Дэн Абрамов простыми словами объясняет computer science термины для фронтендеров → https://whatthefuck.is

Уже объяснены замыкание, динамическая диспетчеризация и мемоизация.

Современные техники CSS для улучшения читаемости текста: Эдуардо Кавацца делится практическими приёмами, основанными на лучших практиках типографики → https://www.smashingmagazine.com/2020/07/css-techniques-legibility/

Выбираем зависимости в JavaScript. Слава Фомин из DomClick рассказывает, по каким критериям стоит выбирать зависимости и как не допустить из-за них хаоса в проекте → https://habr.com/p/512154/