Astro, новый инструмент для разработки сайтов с фокусом на минимум клиентского JS: используйте React, Svelte, Vue, Preact или веб-компоненты, получайте после сборки статический HTML, интерактивные компоненты подгружаются по необходимости → https://astro.build/blog/introducing-astro

[Реклама]
Публичное техническое собеседование на мидл фронтенд-разработчика

15 июня в 19:00 по Москве Яндекс.Практикум проведёт открытое публичное собеседование на тестовую вакансию мидл фронтенд-разработчика. Участники смогут не только следить за происходящим, но и задать вопросы спикерам.

Мероприятие будет полезно тем, кто проходит технические собеседования по фронтенду и хочет себя проверить, а также для тех, кто сам проводит собеседования и заинтересован в новых техниках проведения.

Участники:
 — Семён Левенсон, фронтенд-разработчик в Яндекс.Дзене (первый собеседующий);
—  Алексей Малинов, ex. фронтенд-разработчик в Яндекс.Маркете (второй собеседующий).
— Владимир Сурыгин, фронтенд-разработчик с полуторалетним стажем, выпускник курса «Мидл фронтенд-разработчик» (собеседуемый).

Подробности и регистрация

Nano Stores, новый стейт-менеджер от Андрея Ситника (создателя PostCSS и Logux) с фокусом на атомарность сторов, тришейкинг и вынос логики из компонентов → https://github.com/ai/nanostores

Request Quest: викторина от Джейка Арчибальда, в которой нужно определить, приведёт ли выполнение примеров кода к инициированию HTTP-запроса браузерами → https://jakearchibald.github.io/request-quest/

Дизайнеры Treebo рассказали об опыте создания единой библиотеки иконок для своих продуктов: от мотивации до деталей реализации → https://tech.treebo.com/iconography-for-treebo-c379bc910da1

Лучше практики форм регистрации: чеклист приёмов, которые улучшат UX регистрации на вашем сайте → https://web.dev/sign-up-form-best-practices/

[Реклама]
💬 Стори-курс — практический тренажёр для джуниор-фронтендера → https://s.banda.works/scf

Зачем?
— доказать, что вы способны выполнять ежедневные задачи фронтендера самостоятельно;
— почувствовать уверенность в своих практических навыках;
— получить проект в портфолио, с которым можно начать ходить на собеседования.

Кому подходит?

1. Закончили курсы, но чувствуете себя неуверенно.
Знаете много теории, но не хватает уверенности в практических навыках.

2. Не делали самостоятельных проектов.
Устали смотреть ролики «Как создать проект с нуля», хотите сделать проект самостоятельно.

3. Ищете работу, но у вас слабое портфолио.
Хотите сделать проект, который поможет вам получить приглашение на интервью.

Подробности → https://s.banda.works/scf

CSS Indexes, обновляемый справочник по всем терминам и понятиям CSS: свойства, функции, селекторы и многое другое → https://drafts.csswg.org/indexes

Дескрипторы шрифтов в CSS: новый способ уменьшить сдвиг элементов страницы при переключении на веб-шрифт за счёт подгона размеров фолбек-шрифта под загружаемый шрифт → https://www.smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/

Проектируем таблицы для мобильных: обширное руководство по адаптации таблиц для узких экранов → https://www.uxmatters.com/mt/archives/2020/07/designing-mobile-tables.php

Iosevka, продвинутое семейство шрифтов для кода, терминалов и технических документов: отдельная узкая версия для повышения плотности текста, 17 наборов лигатур для разных языков программирования, настраиваемые символы в разных стилях и многое другое → https://typeof.net/Iosevka/

Как запилить кастомный курсор: руководство по реализации и примеры практического применения из опыта креативного агентства 14islands → https://medium.com/p/89f1688a02eb

tiptap, крепкая основа для разработки WYSIWYG-редакторов:

— полный контроль над внешним видом;
— совместное редактирование, работа в офлайне и синхронизация между устройствами;
— не зависит от фреймворка;
— написана на TypeScript.

https://www.tiptap.dev

Тестирование фронтенда для всех: Евгений Клименченко с обзором видов тестирования фронтенда, от юнит-тестов до тестирования доступности → https://css-tricks.com/front-end-testing-is-for-everyone

Modern Unix, подборка современных и более удобных альтернатив стандартным утилитам командной строки → https://github.com/ibraheemdev/modern-unix

Скрипты для Nginx на JavaScript: Игорь Коровченко с обзором инструмента NJS, позволяющего использовать в Nginx скрипты на JS практически без потерь в скорости работы → https://web-standards.ru/articles/magic-njs/

mini-typescript, миниатюрная версия компилятора TypeScript для наглядного знакомства с его структурой и внутренним устройством → https://github.com/sandersn/mini-typescript

Вендоринг по умолчанию: мнение Тома МакРайта о пользе копирования исходников небольших зависимостей в свои проекты → https://macwright.com/2021/03/11/vendor-by-default.html

Solid, новая UI-библиотека, сочетающая лучшие стороны React и Svelte: привычный API с JSX и хуками, настоящая реактивность из коробки, высокая производительность (работа напрямую с DOM вместо Virtual DOM), streaming SSR, suspense и многое другое → https://www.solidjs.com

Глубокое погружение в управляемый сервером UI Airbnb: зачем нужна и как работает единая система управления UI Airbnb для веба, iOS и Android → https://medium.com/p/842244c5f5