CSS-революция 2023: обзор функций, которые появились недавно или появятся в ближайшее время в CSS и UI.

▫️Container queries
▫️Style queries
▫️:has() selector
▫️nth-of microsyntax
▫️text-wrap: balance
▫️initial-letter
▫️Dynamic viewport units
▫️Wide-gamut color spaces
▫️color-mix()
▫️Nesting
▫️Cascade layers
▫️Scoped styles
▫️Trigonometric functions
▫️Individual transform properties
▫️popover
▫️anchor positioning
▫️selectmenu
▫️Discrete property transitions
▫️Scroll-driven animations
▫️View transitions

Читать

Экосистема JavaScript восхитительно странная

Существует множество примеров того, насколько странным является JavaScript, но автор этой статьи сосредоточился на предпосылках «странности» экосистемы.

Читать

Vue 3.3 "Rurouni Kenshin": обзор основных возможностей новой версии Vue, которая среди прочего решает многие давние проблемы при использовании Vue с TypeScript.

Читать

📝👍 Тесты на собеседовании: как к ним подготовиться и получить оффер

Рассказываем, какие бывают тесты на собеседованиях, а главное – как и где к ним подготовиться, чтобы точно получить работу в компании мечты.

🔗 Основной сайт
🔗 Зеркало

🎙Подкаст «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Алексей Симоненко про Safari TP и WebKit, единицы QC, Chrome 113 и 114, SupportsCSS, Event Loop, Deno и Vercel Ship.

00:01:38 Safari TP 169
00:09:19 WebContainer в Safari
00:25:06 Ошибка в единицах QC
00:29:40 Chrome 113
00:40:58 Бета Chrome 114
00:58:06 SupportsCSS
01:10:29 Event Loop
01:15:37 Deno 1.33
01:24:41 Vercel Ship
01:35:02 Ответы на вопросы

🔗 Слушайте на Ютубе
🔗 Ссылки на сайте

Впереди выходные — собрали для вас несколько вариантов досуга.

🧙‍♂️Потренироваться в написании промтов для ChatGPT в игровой форме: нужно семь раз выведать пароль у Гэндальфа.
🔍Позалипать на худшие интерфейсы, созданные на реддите — самые запоминающиеся уже собрали в твиттере.
🎮Бесплатно забрать симулятор курьера Death Stranding и попытаться доставить посылку поиграть.

#навыходные

#css #tip by Shripal Soni

Подробное введение в веб-доступность в контексте инклюзивных веб-сайтов, которое сделает ваш дизайн не только доступным для пользователей с любыми способностями, но и лаконичным и минималистичным.

Читать

Какие тесты обязательно проводят HR при найме программистов?

Алгоритмические тесты – это возможность показать всем, что ты пишешь чистый и понятный код. Ну, или, доказать обратное и пойти тренить алгоритмы под звуки грустного тромбона (уи-уи-уи-уиии).

Вот что могут попросить сделать на собеседовании:

🔹 Найти недостающий элемент в отсортированном массиве.
🔹 Проверить наличие цикла в односвязном списке.
🔹 Написать функцию, которая возвращает наибольшее число из массива целых чисел, не используя встроенные методы сортировки и поиска.
🔹Написать алгоритм поиска наибольшей возрастающей подпоследовательности в массиве.
🔹 Реализовать сортировку выбором (Selection sort).

Если устраиваешься кодером – ни один собес не пройдет без них.

Где можно проверить свои знания?

Проверить, насколько хорошо вы разбираетесь в алгоритмах можно с помощью теста.

Как можно подготовиться к алгоритмическому собеседованию?

Самый простой способ – пройти курс "Алгоритмы и структуры данных".

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

Промокод на скидку 10% для подписчиков канала – 10PROGLIB10

👉 Оставить заявку можно здесь – https://proglib.io/w/b85bd661

Евгений Мальченко, разработчик внутренних сервисов в QIWI, делится опытом использования микрофронтендов на основе Webpack Module Federation:

🔗 Часть 1
🔗 Часть 2

Набор повторно используемых компонентов на Radix UI и Tailwind CSS, которые вы можете использовать в своих приложениях по-отдельности.

#html #tip by Shripal Soni

Подборка вопросов на собеседовании фронтендера

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

Читать

Погружение в фундаментальные основы реактивного программирования: разберемся в том, что React.js всё же является реактивным, и рассмотрим кейсы, при которых целесообразно применять паттерны реактивного программирования.

Читать

#perfomance #tip by Shripal Soni

🎙️Подкаст «Веб-стандарты»: Никита Дубко, Андрей Мелихов, Вадим Макеев про поддержку и чат, новости Safari, снова Baseline, Firefox 113, TS 5.1 RC, семантику popover и перфоманс DOM.

00:01:23 Поддержка и чат
00:05:23 Новости Safari
00:17:55 Снова про Baseline
00:38:20 Firefox 113
00:52:13 TypeScript 5.1 RC
01:05:52 Семантика popover
01:13:32 Перфоманс DOM

🔗 Слушайте на Ютубе
🔗 Ссылки на сайте

Боль и радость использования Tailwind CSS

Александр Водолазских, фронтенд-лид в СберМаркете, делится опытом работы с довольно холиварным инструментом Tailwind CSS.

Читать