🎙 446-й выпуск подкаста «Веб-стандарты»: Юлия Миоцен и Никита Дубко про Chrome DevTools 130, прогресс на CSS, словари сжатия, CSS-пластилин и правильный blockquote.

⏱️ Таймкоды:
00:01:15 Chrome DevTools 130
00:17:56 Прогресс на CSS
00:25:44 Словари сжатия
00:41:03 CSS-пластилин
00:50:04 Blockquote правильно
01:05:35 Ответы на вопросы

▶️ YouTube | Сайт подкаста

#подкасты #новости

🛠️🎯 12 инструментов для разработки крутого фронтенда

🔸 Neumorphism — набирающий популярность тренд в дизайне интерфейсов.
🔸 UIverse — библиотека UI-элементов.
🔸 Ray.so создает красивые сниппеты для иллюстрации гайдов и туториалов.
🔸 Icon Maker — еще один крутой сервис от разработчиков Ray.so.
🔸 ReactToPrint позволяет рендерить в браузере печатные версии отдельных React-компонентов.
🔸 Kontra.js — JavaScript-библиотека для участия в Js13kGames.
🔸 Swapy позволяет превратить макет в интерактивный интерфейс с возможностью перетаскивания элементов.
🔸 WebJSX — библиотека для создания веб-приложений с использованием синтаксиса JSX и веб-компонентов.
🔸 Web Maker — оффлайн-песочница для экспериментов с HTML, CSS и JavaScript.
🔸 Sniper CSS — расширение Chrome для поиска и устранения неиспользуемых CSS-стилей.
🔸 Recharts — библиотека для построения графиков в React-приложениях.
🔸 Creatie — ИИ-платформа для разработки, аудита и улучшения UI/UX.

👉 Читать статью полностью
👉 Зеркало

🤖 Transformers.js v3: запуск transformers в браузере

Перед вами JS-порт Python-библиотеки transformers от Hugging Face, которая может запускать модели машинного обучения на естественном языке, зрении и звуке прямо в браузере. v3 добавляет поддержку WebGPU для повышения производительности и теперь также поддерживает Node, Deno и Bun.

👉 Подробнее о новой версии

💡 Простой способ сортировки без учета регистра в JavaScript: на заметку фронтенд-разработчику

#javascript #tip by Shripal Soni

⏭️ Как быстро разобраться в Next.js 14: 5 советов опытного фронтендера

Next.js — мощный фреймворк для создания веб-приложений на React: он поддерживает статическую генерацию сайтов, серверный и клиентский рендеринг. Это делает его идеальным выбором для проектов, которым необходима высокая производительность, SEO-дружественность и масштабируемость.

Делимся пятью советами, которые помогут быстро разобраться в тонкостях работы с изображениями, переменными окружения, кэшированием и управлением компонентами в Next.js.

👉 Читать статью
👉 Зеркало

💬🎃 Поделитесь самыми пугающими историями из своей карьеры: страшные баги, найденные в последний момент, случайные удаления данных, «бессмертные» ошибки и забавные, но пугающие инциденты.

Ждем ваших комментариев 👇

🎨 Подпишись на нашу еженедельную email-рассылку, чтобы быть в курсе новостей и лучших практик в области фронтенда.

В еженедельных письмах ты найдешь:
● Современные JavaScript-фреймворки и библиотеки
● HTML5 и CSS3: новые возможности и трюки
● Оптимизация производительности веб-приложений
● Тестирование и отладка кода
● UX/UI лучшие практики
● Новые веб-стандарты и браузерные технологии
● Тренды в веб-дизайне и интерфейсах
● Прогрессивные веб-приложения (PWA)

👉Подписаться👈

🤔 Стоит ли разделить JavaScript на два языка?

Две недели назад вы могли наткнуться на интересную презентацию, представленную на TC39, в которой предлагалось разделить JavaScript на два языка: базовое ядро и полнофункциональную версию, для компиляции которой требуются инструменты.

👉 Этот материал раскрывает немного больше подробностей и привел к особенно обширному обсуждению на Hacker News.

🍐 Подборка лучших статей «Библиотеки программиста» за октябрь: сохраняй в заметки, чтобы не пропустить #самыйсок

💻🔍💼 Кризис IT-рынка: как джуны и кадровый голод меняют правила игры
🛠️🎯 12 инструментов для разработки крутого фронтенда
🎨🔙🔚 Паттерн «Бэкенд для фронтенда»: преимущества, недостатки и лучшие практики для реализации
⏭️ Как быстро разобраться в Next.js 14: 5 советов опытного фронтендера
🎨✨ Современные тренды CSS: эволюция функций
💧🔄 Гидратация в веб-разработке: оживляем статический HTML
🧩⚛️ React + структуры данных = суперкод: 7 примеров для практики
🎨✨ Как улучшить UI: 10 советов для начинающих фронтендеров
🚀 Новые возможности React 19: конец эры повторных рендерингов
🛠️ 6 убойных инструментов фронтенд-разраба в 2024 году
🕒🔄 Векторные часы: как синхронизировать две мастер-базы без потери данных
🥇 Лучший способ создания паттерна проектирования Singleton в JavaScript и TypeScript

🛠️ Лучшие практики создания всплывающих подсказок

Простое изложение различных лучших практик, включая вопросы доступности, при создании всплывающих подсказок.

👉 Читать

🤔 Переосмысление оператора == в JavaScript

Оператор == реализует так называемый Abstract Equality Comparison Algorithm, состоящий из 13 шагов процесс определения эквивалентности двух объектов.

Автор реализовал этот алгоритм на чистом JavaScript (конечно, без использования ==). Это в основном бесполезная идея, но почему бы не попробовать?

👉 Читать

🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.

💡 Простой способ замены элемента в массиве на JavaScript: на заметку фронтенд-разработчику

#javascript #tip by Shripal Soni

📚 Онбординг без боли: 10 библиотек для создания продуктовых туров

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

👉 Читать статью
👉 Зеркало

🔀 Асинхронность — не баг, а фича: 4 паттерна, которые спасут ваш распределённый сервис

Представь, что ты отправляешь сообщение в мессенджере, а оно доходит с задержкой в минуту. Бесит? А теперь представь, что у тебя сервис с миллионами пользователей, и каждое их действие должно мгновенно отражаться везде. Звучит как кошмар? Спокойно, есть четыре проверенных способа решить эту головоломку, и они реально работают.

👉 Читать статью

🤔 Зачем кому-то нужны генераторы в JavaScript?

Cтарая добрая статья, к которой вам захочется вернуться, потому что она посвящена часто неправильно понимаемой и не самой распространённой функции JavaScript.

👉 Читать

👋 Знакомьтесь: input, output и model. Новые функции в Angular

Егор Молчанов, фулстек-разработчик в компании Домклик, рассказывает о новых фичах Angular: input(), output() и model(). Они появивились сравнительно недавно и обещают в скором времени заменить привычные нам декораторы @Input и @Output. Вы узнаете, что они собой представляют, как использовать на практике, и как связаны с концепцией сигналов.

👉 Читать

⚛️ 8 важнейших аспектов JavaScript, которые нужно освоить до изучения React

Изучение React без прочной базы JavaScript похоже на строительство дома без фундамента. В этой статье разберем 8 ключевых концепций, которые помогут тебе уверенно чувствовать себя в React-разработке и писать качественный код.

👉 Читать статью
👉 Зеркало

🎙 447-й выпуск подкаста «Веб-стандарты»: Полина Гуртовая, Андрей Мелихов, Алексей Симоненко про Safari 18.1 и 18.2, опять про masonry, Svelte 5, Next.js 15, тулинг на чужих языках, Zed и GitHub Universe

⏱️ Таймкоды:
00:01:14 Короче
00:01:57 Safari 18.1 и 18.2
00:14:20 Опять masonry
00:29:06 Svelte 5
00:39:18 Next.js 15
00:52:14 Тулинг на чужих языках
01:11:52 Новинки редактора Zed
01:21:18 GitHub Universe

▶️ YouTube | Сайт подкаста

#подкасты #новости