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

Как реализовать бесшовные переходы между страницами, если у вас не SPA: обзор архитектурного паттерна, применённого на портале dev.to → https://web.dev/app-shell-ux-with-service-workers/

[Реклама] OTUS заканчивает 16 набор продвинутого онлайн-курса «Разработчик Java». Внимание — курс не для новичков! Успейте пройти тест и проверить свой уровень → https://otus.pw/FhD7 Программа разработана специально для разработчиков с опытом Java и других языков программирования. Ко всем must have темам в этом наборе мы добавили занятия по Gradle, Spring, Lombok и многое другое, что не оставит равнодушным настоящего профи. Хотите опробовать учебный процесс заранее? Регистрируйтесь на бесплатный пробный урок «Управляем версиями базы данных через Flyway» → https://otus.pw/DWfm/ На вебинаре посмотрим, что такое Flyway и как им пользоваться; изучим, как с помощью Flyway можно организовать миграцию схемы базы данных в приложениях на Java. Вебинар проведёт преподаватель-практик Сергей Петрелевич (17 лет в отрасли). Не упустите возможность задать ему все интересующие вопросы!

Deep JavaScript, новая книга Акселя Раушмайера с детальным обзором важных возможностей JavaScript: от приведения типов до промисов → https://exploringjs.com/deep-js/

Что лучше: тёмная или светлая тема? Подробное исследование Nielsen Norman Group → https://www.nngroup.com/articles/dark-mode/

Пишем игрушечный движок регулярных выражений в функциональном стиле: пошаговое руководство, задания для самостоятельного выполнения и обзор альтернативных подходов → http://dpk.io/dregs/toydregs

Иллюстрированное объяснение жизненного цикла сервис-воркеров → https://felixgerschau.com/service-worker-lifecycle-update/

Создатели Basecamp запустили новый почтовый сервис hey.com и показали альтернативный подход к разработке веб-приложений: их JS-бандл весит ~48 КБ в gzip → https://twitter.com/sstephenson/status/1272608117604397063 Для сравнения, распространённый стек react + react-dom + redux + react-redux + react-router-dom в gzip весит ~56 КБ, и это только зависимости без кода самого приложения.

Курс по фронтенд-разработке с нуля от MDN: от HTML/CSS/JS до тестирования, фреймворков и основ бэкенда → https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer

Индикаторы, валидация и уведомления: что и в каких случаях использовать для донесения обратной связи до пользователя → https://www.nngroup.com/articles/indicators-validations-notifications/

Клон Doom в 13 КБ JavaScript: Николас Карлини об опыте разработки игры для соревнования js13k в переводе на Хабре → https://habr.com/p/506912/

404 → 302: простой жест для вечнозелёного веба. Арал Балкан предлагает способ сохранения устаревших веб-страниц, чтобы ссылки на них не ломались → https://4042302.org/

Проектируем тёмную тему с учётом OLED-экранов: почему лучше использовать цвета чуть светлее полностью чёрного → https://medium.com/p/e13cdfea7ffe

Teamlead Roadmap, карта навыков и компетенций тимлидов, которую можно адаптировать для любой компании и команды → https://tlroadmap.io

Полное руководство по реализации Trusted Web Activity: инженеры OYO делятся опытом и результатами реализации нативной обёртки над веб-приложением для Android → https://medium.com/p/3dd327d7afc5

npkill, утилита для поиска и удаления неиспользуемых node_modules: позволяет освободить значительное количество места на диске → https://npkill.js.org

[Реклама] Большие летние скидки на IT-обучение 🔥 С 11 по 18 июня образовательный ресурс ITVDN дарит большие скидки на пакеты «Базовый» и «Премиум»! Ты можешь пройти обучение по одной или нескольким специальностям и за полгода изменить свою жизнь к лучшему. Лови момент! 11, 12, 13 июня скидка 40% Пакет «Базовый» (6 месяцев) — $54 (вместо $89.99) Пакет «Премиум» (12 месяцев) — $102 (вместо $169.99) Торопись! Скидки тают! 🔥 Подробности акции → https://cutt.ly/My94wrz

Список реальных тестовых заданий разных компаний → https://github.com/Hexlet/ru-test-assignments

12 советов по внедрению TypeScript: от инфраструктуры до полезных возможностей языка → https://habr.com/p/505488/

Большинство технических материалов — брехня: Александра Сикора предлагает критичнее относиться ко всему, что вы читаете в интернете → https://www.aleksandra.codes/tech-content-consumer