Про код

Обсудили уход Дэна Абрамова из React, книжку по TypeScript с 200+ главами, aspect-ratio нормального разработчика и поспорили насчёт генерации альт-текстов нейросетями.

Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.

Ссылки и таймкоды:

• 00:00:38 Дэн Абрамов перестаёт заниматься React и меняет место работы
  
• 00:03:41 Третье издание спецификации PNG было опубликовано как рабочий проект W3C
• 00:14:13 Краткая книга TypeScript
• 00:19:35 5 неудобных истин о TypeScript
• 00:34:26 Как использовать aspect-ratio
• 00:43:45 Проблема с автоматически сгенерированными альтернативными текстами для изображений

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

Самый исторический выпуск за всё время — обсудили историю TypeScript, HTML, XHTML и немного Node.js. А кроме этого обсудили немного новостей о свежих возможностях веба и поговорили о будущем спецификаций.

Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.

Ссылки и таймкоды:

• 00:00:30 Визуально скрытые элементы единичной ширины
  
• 00:05:03 Node 18.17 LTS
• 00:07:08 Promise.withResolvers
• 00:17:03 Новый синтаксис @font-face
• 00:27:27 История TypeScript
• 00:48:50 Дело против самозакрывющихся тегов

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

В этом выпуске обсудим состояние пакетов в NPM. Поворчим о работе с DOM. Узнаем про новые единицы измерения в CSS. Поговорим о новинках Pretier и Vite. Обсудим нововведения WCAG 2.2. Сравним примеры кода различных фреймворках и поговорим про Firefox 115.

Ведущие: Коля Шабалин и Игорь Антонов.

Ссылки и таймкоды:

• 00:01:00 State Of npm 2023
  
• 00:10:30 Plain Old JavaScript and the DOM
• 00:19:13 Новые единицы измерения области просмотра
• 00:29:43 Prettier 3.0. Hello, ECMAScript Modules
• 00:41:00 Vite 4.4
• 00:51:40 WCAG 2.2: Быстрый и упрощенный
• 01:03:20 Component Party Dev
• 01:08:56 ECMAScript 2023 и Firefox 115

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

Теперь и в Node.js добавляют поддержку ключевого слова using и другие новинки версии 20.4. А также обсудим чем так вреден CommonJS и почему мы до сих пор не можем перейти на ECMAScript Modules. Попытаемся разобраться что делает атрибут decoding, обсудим новую документацию React.js, посмотрим на инструмент для подбора шрифтов, а закончим всё встроенным в Node.js модулем для тестирования. Поехали!

Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.

Ссылки и таймкоды:

• 00:00:28 Релиз Node.js 20.4.0 с новым using для TypeScript
  
• 00:13:23 CommonJS вредит JavaScript
• 00:33:07 Что делает атрибут decoding с изображениями?
• 00:48:04 В документации React.js рекомендации по использованию TypeScript
• 01:00:00 Как проверить кумулятивный сдвиг шрифтов
• 01:06:35 Что ждать и чего не ждать от встроенного в Node.js Test Runner

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

В этом выпуске обсудим юбилейный релиз NestJS, разберёмся кому он нужен и в каких случаях не хватает Express.js. Разберёмся с новым ключевым словом using, который сначала заезжает в TypeScript, а потом и в спецификацию JavaScript. Попробуем понять как и где можно использовать функцию color-mix(). А в конце попробуем понять зачем команда React.js пыталась пропатчить Fetch API и чем всё закончилось. Начинаем!

Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.

Ссылки и таймкоды:

• 00:01:00 Юбилейный NestJS
  
• 00:23:38 Ключевое слово using в TypeScript 5.2
• 00:43:11 Смешиваем цвета в CSS с помощью color-mix()
• 00:53:42 color-mix() и непрозрачность
• 00:54:45 Как использовать оттенки цветов с помощью HSL
• 01:02:13 Зачем патчить Fetch API внутри React.js

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

CSS, CSS, CSS, CSS, CSS и гифки.

Ведущие: Коля Шабалин, Лёша Симоненко и Женя Шкляр.

Ссылки и таймкоды:

• 00:01:12 Стартовал State of CSS
  
• 00:06:12 Альтернатива анимированному GIF
• 00:24:01 Обрезка полей и лучшие практики
• 00:39:57 Не отказывайтесь от Sass ради CSS

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

В этом выпуске всё, как вы любите — удивляемся нелогичности фронтенда, радуемся логичности фронтенда, до лёгкой хрипотцы спорим про старые редакторы кода (привет, TextMate) и стараемся прогнозировать будущее на основе опроса StackOverflow. А Марк, который монтирует подкаст, сказал «Выпуск вышел замечательный, кстати. Очень забавный.». Пора проверять.

Ведущие: Коля Шабалин, Лёша Симоненко и Женя Шкляр.

Ссылки и таймкоды:

• 00:00:39 Проблема с автофокусом и что делать с этим делать
  
• 00:16:11 Отдельный Chrome для тестирования
• 00:26:26 Лучшие практики для контейнерных запросов
• 00:43:20 Результаты опроса разработчиков Stack Overflow за 2023 год

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

Формулируем «правило технического подкаста» — любой технический подкаст однажды начнёт обсуждать высшее образование для программистов. Мы не стали исключением и обсудили важность высшего образования, устаревшие технологии (которые раньше были хорошими), важность @scope (к которому есть вопросики) и большие вопросики к единицам измерения ch. В общем, всё как всегда.

Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.

Ссылки и таймкоды:

• 00:01:22 Итоги двадцати лет работы — технический долг и неподдерживаемый код
  
• 00:16:59 Введение в @scope в CSS
• 00:34:41 TypeScript 5.1
• 00:45:05 Остерегайтесь сдвига макета с помощью единиц измерения ch
• 00:56:59 React Server Components своими руками

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

В этом выпуске мы во всём сомневались — случайны ли случайности в JavaScript, достаточно ли цветны привычные нам цвета в CSS и считаются ли комментарии комментариями, если в них всего одна строка.

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

Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.

Ссылки и таймкоды:

• 00:00:30 Отсутствующая библиотека случайностей JavaScript
• 00:06:07 Две вещи, которые не очень хороши в OKLCH
• 00:17:15 Какой метод для работы с массивами лучше
• 00:28:43 Изменения, которые ухудшают производительность и что с этим делать
• 00:41:00 Почему в CSS нет однострочных комментариев?
• 00:52:00 Замена для React.js

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]

Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.

Ссылки и таймкоды:

• 00:00:47 State of Node.js Performance 2023
  
• 00:17:46 Одиннадцать лучших практик HTML для форм входа и регистрации
• 00:35:12 Введение в popover API
• 00:51:33 Адаптивные сетки CSS без медиавыражений
• 00:59:22 Вертикальный ритм с использованием единиц CSS lh и rlh
• 01:03:01 Its 2023, Please Stop Using operator && for Conditional Rendering in React

Учитесь с нами в .html academy → https://htmlacademy.ru

Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog

А все вопросы о подкасте пишите на почту → [email protected]