001. Конец Фронтенда, Одинаковые Фреймворки И Логические Свойства Про Код podcast

#Технологии #HTML Academy #Образование #Новости #Самосовершенствование #Новости Технологий

51:57

On the Season 2 debut of Lost Cultures: Living Legacies , we travel to Bermuda, an Atlantic island whose history spans centuries and continents. Once uninhabited, Bermuda became a vital stop in transatlantic trade, a maritime stronghold, and a cultural crossroads shaped by African, European, Caribbean, and Native American influences. Guests Dr. Kristy Warren and Dr. Edward Harris trace its transformation from an uninhabited island to a strategic outpost shaped by shipwrecks, colonization, the transatlantic slave trade, and the rise and fall of empires. Plus, former Director of Tourism Gary Phillips shares the story of the Gombey tradition, a vibrant performance art rooted in resistance, migration, and cultural fusion. Together, they reveal how Bermuda’s layered past continues to shape its people, culture, and identity today. You can also find us online at ⁠travelandleisure.com/lostcultures Learn more about your ad choices. Visit podcastchoices.com/adchoices…

Про код «
001. Конец фронтенда, одинаковые фреймворки и логические свойства

2 years ago 1:05:17

MP3•Episode home

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

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

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

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

А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro

28 episodes

Про код

001. Конец фронтенда, одинаковые фреймворки и логические свойства

Про код

published 2 years ago

MP3•Episode home

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

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

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

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

А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro

28 episodes

#Технологии #HTML Academy #Образование #Новости #Самосовершенствование #Новости Технологий

Todos los episodios

Про код

1
028. ESLint без правил, CSS без препроцессоров и формы без кнопок 1:11:40

1 year ago1:11:40

1:11:40

Новогодняя игра «Код сурка» : отвечайте на вопросы, проходите тренажёры, зарабатывайте баллы и выиграйте профессию! ESLint отказывается от правил форматирования кода. Пора переходить на Prettier? Обсудили паттерн отключения кнопки при отправке форм — не всё так просто и сложней, чем кажется. Обсудили историю миграции с Preact на React: плюсы и минусы. Поговорили про CSS-вложенность и отказ от препроцессоров. Под занавес поговорили про базы данных и узнали почему стоит обратить внимание на SQLite. Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко. Ссылки и таймкоды: 00:00:25 Код сурка 00:01:06 ESLint 8.53 без правил форматирования 00:18:25 Не отключайте кнопку 00:30:06 Возвращаемся на React 00:42:50 CSS-вложенность уже здесь или пора отказываться от препроцессоров 00:54:28 Почему мы должны использовать SQLite Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
027. Быстрый Firefox, state of React и отладка в Node.js 50:46

2 years ago50:46

50:46

Обсудили зачем участвовать в опросе State of React 2023. Подсветили важность процедуры отладки приложений на Node.js и какими инструментами её производить. Разобрали стартовый шаблон для нового приложения на Node.js: зависимости, фреймворк Ts.ED, сценарии и так далее. Посмотрели что там с производительностью Firefox и много всякого другого. Ведущие: Коля Шабалин и Игорь Антонов. Ссылки и таймкоды: 00:00:40 State of React 2023 00:09:46 Приоритет индексации мобильных устройств в Google завершён 00:17:24 Шаблон для Node.js с TypeScript 00:28:00 Firefox стал быстрее 00:35:04 Отладка в Node.js 00:45:48 crypto-hash 00:48:12 express-slow-down для Express Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
026. Привет content-visibility и text-wrap, но прощай Buffer и Next.js 1:05:12

2 years ago1:05:12

1:05:12

Node.js 20 стала LTS релизом, а в следующий релиз завезли новый полезный флаг для автоматического определения модульной системы. Обсудили новые значения для свойства text-wrap: pretty, balanced и как они помогают улучшить выравнивание абзацев. Поговорили про чек-лист для начинающего React-разработчика и узнали почему пора переезжать с Buffer на Uint8Array. А в конце немного про Next.js. Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко. Ссылки и таймкоды: 00:00:51 content-visibility в следующем Safari? 00:11:48 Автоматическое определение CommonJS и ESM в Node.js 00:19:27 text-wrap: pretty 00:27:39 Прощай, Node.js Buffer 00:35:34 Select element: теперь с разделителями 00:40:40 Tao of React — всё самое важное для настоящих разработчиков 00:57:02 Why I Won't Use Next.js Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
025. Потрясения Node.js 21, что скрывает CCC и вечная проблема с именованием 1:08:03

2 years ago1:08:03

1:08:03

Обсудили свежий релиз Node.js. А там стабильные fetch и Web Streams API, экспериментальный WebSocket клиент, важный флаг experimental-default-type и небольшие, но приятные обновления встроенного модуля тестирования. А ещё разобрали базовые принципы оптимизации, напомнили зачем нужен package-lock.json и снова думали как назвать переменные, на этот раз в CSS. Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко. Ссылки и таймкоды: 00:00:26 Node.js 21 00:26:25 The Three C: Concatenate, Compress, Cache 00:48:43 Stop using npm install in your CI/CD pipeline 00:57:04 Именование переменных в CSS Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
024. Смотрим в будущее: Interop 2024, бета версия TypeScript 5.3, анти-паттерны конфигурирования в Node.js 1:16:29

2 years ago1:16:29

1:16:29

Interop 2024: что это такое, почему важно и как участвовать в голосовании. Разберём улучшения в бета-версии TypeScript 5.3: import attributes, type narrow для switch, оптимизация производительности, более тщательная проверка Symbol.hasInstance и другие полезные новинки. Про Photoshop в браузере и как это поможет разработчикам. В очередной раз обсудим селекторы и разберёмся как :not объединяет несколько селекторов. И это ещё не всё. Ведущие: Коля Шабалин и Игорь Антонов. Ссылки и таймкоды: 00:00:52 Будьте готовы к Interop 2024 00:13:21 Бета-версия TypeScript 5.3, улучшений много 00:40:33 Как :not() объединяет несколько селекторов 00:48:08 Переменные окружения и анти-паттерны работы с конфигурацией 00:57:02 Как Photoshop использует браузерные технологии на пределе возможностей 01:11:00 Должны ли ESM модули быть по умолчанию? Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
023. Новинки Node.js 20.6, масштабирование адаптивных шрифтов, хайп вокруг Bun 1:25:36

2 years ago1:25:36

1:25:36

Node.js 20 научилась работать с .env-файлами из коробки, dotenv больше не нужен? К каким проблемам может привести не знание о NODE_ENV, обсуждаем явное и неявное. CSS и адаптивные шрифты: много математики и новые функции. Знакомство с убийцей (нет) Node.js. Обсуждаем первую версию Bun. Ведущие: Коля Шабалин и Игорь Антонов. Ссылки и таймкоды: 00:00:58 Встроенная поддержка .env в Node.js 20.6 00:13:35 Ах этот вредный NODE_ENV или нет? 00:24:20 Адаптивный шрифт масштабируется с помощью компонуемых утилит CSS 00:40:55 Могут ли символы SVG влиять на производительность в интернете? 00:58:42 Bun на хайпе Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
022. Я выкинул из проекта WOFF и вот что случилось, а также узнал как работает every и groupBy 53:54

2 years ago53:54

53:54

На этой неделе мы узнали, что WOFF больше не нужен. Вспомнили как использовать нативный lazy-loading и познакомились с типизацией кастомных свойств. В мире JS удивились от работы every() по спецификации, а также познакомились с новым методом groupBy(). Ведущие: Коля Шабалин и Лёша Симоненко. Ссылки и таймкоды: 00:00:40 WOFF покинул здание 00:09:58 Прекратите ленивую загрузку продуктов и главных изображений 00:24:30 Системы безопасного проектирования CSS с помощью @property 00:34:23 Почему every() возвращает true для пустых массивов? 00:43:56 Object.groupBy() теперь в JavaScript Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
021. Алгоритмы сортировки и большая О, зачем нужен @scope и прощай nodemon 1:14:55

2 years ago1:14:55

1:14:55

В этот раз мы углубимся в разнообразные аспекты программирования. Узнаем, как эффективно сортировать данные, программировать с использованием CSS, и даже познакомимся с альтернативами хорошо известных инструментов. Также расскажем, как использовать JSX вне мира React, поделимся важностью альтернативного текста для изображений и дадим краткий обзор пересмотра библиотеки Lodash. Ведущие: Коля Шабалин и Игорь Антонов. Ссылки и таймкоды: 00:01:10 Алгоритмы сортировки 00:17:13 Краткое введение в CSS @scope 00:31:54 Прощай, nodemon или нет? 00:42:21 Прогрессивно улучшенная проверка формы, часть 2: многоуровневое представление в JavaScript 00:59:08 JSX без React 01:06:04 Зал славы альтернативного текста: чествование хорошо написанных описаний изображений 01:10:19 Вам не нужен Lodash Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
020. TypeScript + React в документации, что есть в DevTools и как отменить подписку на событие 1:21:46

2 years ago1:21:46

1:21:46

Узнали как выбирать npm-пакеты с помощью Node.js Toolbox в контексте решаемой задачи. Обсудили возможности DevTools в разных браузерах. Узнали как применять API виртуальной клавиатуры в мобильных браузерах. Разобрали несколько способов как отметить подписку на события в DOM. Порадовались обновлённой документации по React (в неё добавили TypeScript). Подискутировали про Type Alias и Interface в TypeScript. А также узнали как улучшить проверку форм. Ведущие: Коля Шабалин и Игорь Антонов. Ссылки и таймкоды: 00:01:02 Node.js Toolbox 00:17:23 Могу ли я использовать DevTools 00:31:02 API виртуальной клавиатуры 00:40:33 You’ve Got Options for Removing Event Listeners 00:58:56 React + TypeScript. Обновлена официальная документация по React 01:04:21 Type vs Interface: Which Should You Use In 2023? 01:14:15 Постепенно улучшенная проверка формы, часть 1: HTML и CSS Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
019. Форматеры объектов, новая Призма и repeat() в гридах 1:21:36

2 years ago1:21:36

1:21:36

Обсудили форматеры в FF 116: зачем они нужны и кто ими пользуется. Вспомнили VanJS — микрофреймворк, который дорос до версии 1.0. Подробно разобрали функцию repeat() для использования в гридах. Устроили ликбез по ORM и разобрали нововведения в Prisma. Поговорили про новую спеку анимаций основанных на прокрутке и это ещё не всё… Ведущие: Коля Шабалин и Игорь Антонов. Ссылки и таймкоды: 00:00:25 Пользовательские форматеры объектов в DevTools теперь и в Firefox 00:08:51 VanJS дорос до версии 1.0 00:13:50 Как использовать функцию repeat() гридов 00:34:09 Вышла Prisma версии 5.1 00:52:26 tsup 00:58:24 Анимация прокрутки в CSS 01:07:06 Бойлерплейты: Hackathon Starter для Node.js, Vite React Boilerplate Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
018. Дэн Абрамов ушёл из React, ужасы TypeScript и плохие нейроальты 1:02:15

2 years ago1:02:15

1:02:15

Обсудили уход Дэна Абрамова из 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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
017. Проблемы с тегами, новая версия Node.js и обновление @font-face 1:06:34

2 years ago1:06:34

1:06:34

Самый исторический выпуск за всё время — обсудили историю 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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
016. Обновки для Prettier и Vite, что принёс WCAG 2.2 и как выбрать фреймворк 1:10:48

2 years ago1:10:48

1:10:48

В этом выпуске обсудим состояние пакетов в 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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
015. CommonJS мешает, using уже в Node.js, а атрибут decoding ничего не даёт 1:12:28

2 years ago1:12:28

1:12:28

Теперь и в 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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
014. Юбилейный NestJS, using в TypeScript и классный color-mix() 1:08:25

2 years ago1:08:25

1:08:25

В этом выпуске обсудим юбилейный релиз 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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
013. Гифки всё, Sass всё, поля всё. Или нет? 53:24

2 years ago53:24

53:24

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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
012. Тупой автофокус, умные контейнейры, ещё один Chrome и опрос StackOverflow 2023 1:08:30

2 years ago1:08:30

1:08:30

В этом выпуске всё, как вы любите — удивляемся нелогичности фронтенда, радуемся логичности фронтенда, до лёгкой хрипотцы спорим про старые редакторы кода (привет, 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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
011. 20 лет вникуда, ужасы ch и TS 5.1 1:06:40

2 years ago1:06:40

1:06:40

Формулируем «правило технического подкаста» — любой технический подкаст однажды начнёт обсуждать высшее образование для программистов. Мы не стали исключением и обсудили важность высшего образования, устаревшие технологии (которые раньше были хорошими), важность @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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
010. Случайности не случайны, а цвета не цвета 1:05:05

2 years ago1:05:05

1:05:05

В этом выпуске мы во всём сомневались — случайны ли случайности в 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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
009. Быстрый Node.js, адаптация без медиавыражений, вертикальный ритм и практики отличных форм 1:09:25

2 years ago1:09:25

1:09:25

Смотрим графики и рефлексируем о производительности Node.js. Разбираемся с лучшими практиками создания хороших форм. Делаем адаптацию без медиавыражений, а вертикальный ритм с помощью новых единиц измерений. В очередной раз убеждаемся: сначала изучаем JavaScript, потом React. Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко. Ссылки и таймкоды: 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 А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
008. Возвращение jQuery, новинки Google I/O и условный CSS 1:04:01

2 years ago1:04:01

1:04:01

Выпуск, в котором мы словно вернулись в 2009 — обсуждаем новую версию jQuery и все её прелести, новинки с конференции, где все говорили «эйай» и постепенно, но неотвратимо переходим к современности. В ней всё хорошо — условный CSS c :has() и классные интерфейсы в вебе. Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:00:37 jQuery 3.7.0 00:13:48 Что нового в CSS и пользовательском интерфейсе: Google I/O 2023 Edition 00:33:15 Условный CSS с :has и :nth-last-child 00:46:07 Типы в JavaScript без TypeScript 00:58:20 Микрофреймворк VanJS Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
007. WebGPU в Chrome 113, борьба с большим DOM и канареечный React 1:02:13

2 years ago1:02:13

1:02:13

В седьмом выпуске подробно разобрали Chrome 113, посчитали, сколько узлов в DOM у Академии, поругались на перекраску полос прокрутки и ужаснулись консольным приложениям на React. Классика! Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:00:26 Chrome 113 — что нового? 00:17:01 Большой DOM не всегда к добру 00:35:02 Канареечный React 00:46:57 Почему перекраска полос прокрутки — это плохо 00:54:39 Консольные приложения на React Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
006. Отказ от паролей, апдейт VS Code и менеджер версий Node.js 1:06:17

2 years ago1:06:17

1:06:17

В шестом выпуске подкаста «Про код» Коля, Игорь, Лёша и Женя обсудили длинный список обновлений в VS Code, поговорили про любимые темы оформления и поругались из-за C#. Поняли, почему :root — не глобальный и зачем переключаться между версиями Node.js. Бонус-трек — история о том, как Лёша собирал проект с Node.js 0.12 в 2023. Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:00:35 Обновки VS Code 00:21:30 Passcode в Гугл-аккаунтах 00:29:35 :root не является глобальным 00:36:51 Медиавыражение update 00:43:45 Менеджер версий Node.js 00:58:28 Памятка по доступным размерам элементов Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
005. В книжках о разработке всё не так, Rust заменяет Node.js и новый отладчик в Chrome DevTools 1:01:11

2 years ago1:01:11

1:01:11

В пятом выпуске произошло страшное — мы придумали, как заменить Node.js с помощью Rust, поругались на книжки о разработке и старчески побурчали о доисторических текстовых редакторах. В перерывах между этим обсудили новости — например, Chrome 113 и Vite 4.3. Ведущие: Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:00:45 Зачем джуну новый отладчик в Chrome DevTools 00:20:42 Vite 4.3 и немного о судьбе Create React App 00:34:00 Rust быстрее Node.js обрабатывает CSV и другие невероятные открытия 00:46:31 Почему мы ничего не запоминаем из книг о разработке Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
004. Наконец-то Node.js 20, новые (и старые) критерии WCAG и почти ничего интересного в TS 5.1 1:08:53

2 years ago1:08:53

1:08:53

В четвёртом выпуске Женя, Коля и Игорь подробно обсудили 20 версию Node.js, обновление TypeScript 5.1, новые критерии доступности во WCAG 2.2 и шпаргалку по безопасности npm. И, кажется, пришли к выводу, что всё превращается в Сишарп. Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр. Ссылки и таймкоды: 00:00:43 Долгожданная Node.js 20 00:21:25 Что нового во WCAG 2.2 00:42:31 Бетка TypeScript 5.1 00:51:51 Чем хорош Fetch Priority API 01:00:39 Шпаргалка по безопасности в npm Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
003. Почта без таблиц, вездесущий React 1:11:56

2 years ago1:11:56

1:11:56

Какое прекрасное время наступает — электронная почта без вёрстки таблицами, Реакт как новый Вордпресс, у длинных заголовков не свисают слова, а скринридеры хорошие и читают текст так, как на макете. Волшебно? Волшебно. В новом выпуске подкаста «Про код» разбираем, когда это случится и к чему приведёт веб-разработчиков. Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр. Ссылки и таймкоды: 00:00:45 Электронная почта без таблицы 00:09:41 Реакт — новый Вордпресс? 00:22:45 Равное количество слов в строках и text-wrap:balance 00:34:00 Отличия глубокого и поверхностного копирования в JS 00:45:30 В вёрстке заголовок стоит под параграфом. В каком порядке их читать? 00:59:13 Почему экспорт по умолчанию плохой 01:05:08 Релиз Node 18.16.0 (LTS) Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
002. ES2023, React и как include исправит проблемы доступности в Figma 1:04:53

2 years ago1:04:53

1:04:53

Комитет TC39 уже готов закрепить новинки ES2023. Пора знакомится с последними возможностями JavaScript, TypeScript и картами модулей. А ещё React задумался о переходе от роли библиотеки к фреймворку. На всех шагах проектирования и создания сайта до сих пор большие проблемы с доступностью, но есть 5 советов и плагин include для Figma, которые помогут это исправить. Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:01:00 Кандидат ES2023 00:16:50 О важности новинок, которые можно использовать прямо сейчас 00:28:18 JavaScript import maps 00:35:42 Пять советов для более доступных веб-сайтов 00:50:01 Как eBay создал свой новый инструмент доступности 00:53:01 Как учить React Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…

Про код

1
001. Конец фронтенда, одинаковые фреймворки и логические свойства 1:05:17

2 years ago1:05:17