Подробное введение в Streams API, позволяющий поточно обрабатывать большие данные: декодировать изображения, применять эффекты к видео на лету и многое другое → https://web.dev/streams/

Постепенное внедрение GraphQL и Apollo в legacy-приложение: реальный опыт фронтендеров Trello → https://www.atlassian.com/engineering/a-look-at-trello-adopting-graphql-and-apollo-in-a-legacy-application

[Реклама]
10 марта на демо-занятии «Vue 3» Михаил Кузнецов познакомит вас с возможностями новой версии одного из популярных фронтенд-фреймворков.

На открытом уроке:
— рассмотрим ключевые отличия в синтаксисе Vue 2 от Vue 3;
— разберёмся, как работать с vue-router и Vuex в новой версии фреймворка;
— cоздадим проект на Vue 3 с нуля с помощью vue-cli.

Демо-урок — возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» и преподавателем. Пройдите вступительный тест, чтобы принять участие в занятии → https://otus.pw/tIpW/

Как разрабатывается фронтенд в Lyft: от инструментов и инфраструктуры до коммуникации и оргструктуры → https://eng.lyft.com/frontend-at-lyft-an-overview-f934c1524370

Изучаем внутреннее устройство компьютеров, разрабатывая 16-битную виртуальную машину на JavaScript: 15 подробных видеоуроков → https://www.youtube.com/playlist?list=PLP29wDx6QmW5DdwpdwHCRJsEubS5NrQ9b

[Реклама]
React-разработчик создаёт интерфейсы на React и использует популярные дополнительные инструменты: Redux, Typescript и Jest.

За 2 месяца вы изучите этот набор технологий, соберёте проект, проанализируете его производительность и покроете его тестами.

Вас ждёт:
1. Вступительное тестирование. Проверьте себя и познакомьтесь с программой.
2. Собственная среда для обучения. Специальный полноценный тренажёр от Яндекс.Практикума.
3. Поддержка наставников и код-ревьюеров.
4. Программа профессиональной акселерации.

Освоить React можно за 2 месяца. Попробуйте в Яндекс.Практикуме.

Вавилонская башня из миллиона печенек на TypeScript, React и MobX : фронтендеры KTS об опыте разработки и оптимизации мобильной игры к 5-летию Oreo в России → https://habr.com/p/546388/

Гамбит килобайта: попробуйте обыграть шахматный движок, уложенный в 1024 байта JavaScript-кода → https://vole.wtf/kilobytes-gambit/

Исследуем CSS-директиву property: обзор новой директивы, позволяющей сообщить браузеру, как анимировать CSS-переменные → https://css-tricks.com/exploring-property-and-its-animating-powers/

Смерть Node.js-процесса: Томас Хантер с исчерпывающим обзором причин, по которым процесс может быть остановлен → https://thomashunter.name/posts/2021-03-08-the-death-of-a-nodejs-process

[Реклама]
Бесплатная онлайн-конференция Design is Frontend пройдёт 24 марта в 14:00 по Москве

В этот раз поговорим о дизайн-системах финтех-компаний. В программе шесть докладов от ведущих фронтенд-тимлидов и UX-дизайнеров Райффайзенбанка, SberDevices, AFFINAGE, AGIMA и PINKMAN.

1. «Что должен знать фронтенд-разработчик о дизайне: чек-лист с объяснениями» — Игорь Яковлев, CEO AFFINAGE.
2. «Мастер-класс по работе с дизайн-системой в Figma» — Василий Гордеев, дизайнер SberDevices.
3. «Дизайн. Реализация дизайн-системы в Райффайзенбанк» — Вика Дубровская, лид команды дизайн-системы Райффайзенбанка.
4. «Фронтенд. Реализация дизайн-системы в Райффайзенбанк» — Мария Гущина, фронтенд-разработчик Райффайзенбанка.
5. «Почему вам не нужна дизайн-система» — Константин Кислейко, руководитель отдела дизайна AGIMA.
6. «Есть ли жизнь без дизайн-системы» — Юрий Чижов, CTO PINKMAN.

Регистрируйтесь и прокачивайте хард-скиллы вместе с нами!

Plaiceholder, инструмент для генерации размытых изображений-заглушек на время загрузки оригинала: поддерживает CSS, SVG, base64 и другие форматы → https://plaiceholder.co

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

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

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

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

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

[Вакансия, Москва или удалёнка]
Фронтенд-разработчик в Авито

Авито — самый популярный сервис объявлений в Европе с ежемесячной аудиторией более 47 миллионов человек. Мы находимся на третьем месте в рейтинге самых дорогих российских интернет-компаний. У нас вы будете работать над продуктом, которым пользуются все вокруг — друзья, семья, знакомые.

Ищем фронтендера в команду Trust & Safety, отвечающую за доверие и безопасность пользователей на площадке. Команда занимается защитой профилей от взломов и угонов, рефакторингом сценариев аутентификации, доработкой рейтинговой системы и многими другими задачами.

Откликнуться на вакансию → https://www.avito.ru/company/job/frontdevtns

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

​[Реклама]
12 апреля стартует Podlodka Frontend Crew — абсолютно новая конференция для фронтенд-разработчиков от команды Podlodka!

Конференция пройдёт в формате двухнедельного интенсива. Темы недель — «Оптимизация перфоманса» и «Стабильность и качество фронтенда».

🏃‍♂️На неделе «Оптимизация перфоманса» с разных сторон посмотрим на производительность: от оптимизации размера бандла и работы с инфраструктурой сети и до оптимизации сайта с точки зрения UX и разбора причин, почему бизнесу может быть важно заниматься производительностью.

🛠 А неделя «Стабильность и качество фронтенда» будет посвящена подходам и практикам, помогающим избегать и своевременно обнаруживать проблемы и ошибки. Обсудим контрактные, unit и end-to-end тесты, разберемся с мониторингами и алертингами и обсудим другие инженерные практики.

🗝 Ключевая особенность конференций Podlodka Crew: помимо докладов в программе множество нескучных форматов: рулетки кейсов, батлы, лайв-кодинги и не только. Добавим к этому общение со спикерами на зум-сессиях и нетворкинг в слаке, и получим прекрасный способ с пользой провести время! А кроме того, вы получите доступ к записям всех сессий, чтобы потом в любой удобный момент можно было освежить знания!

Стартуем 12 апреля, примерное расписание первой недели уже на сайте, а до 5 апреля включительно билеты можно приобрести с очень приятной early-bird скидкой. Ждем на борту!