Player FM - Internet Radio Done Right
Checked 3M ago
Added two years ago
Content provided by HTML Academy. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by HTML Academy or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!
Go offline with the Player FM app!
Podcasts Worth a Listen
SPONSORED
M
Mind The Business: Small Business Success Stories


1 Pushing Past Stagnation & Business Plateaus 30:21
30:21
Play Later
Play Later
Lists
Like
Liked30:21
Hitting plateaus is a common milestone in business, but there’s a difference between stability and a rut. In the last installment of this season, we’ll dive into the ways small business owners push beyond plateaus and find new ways to achieve revenue growth. Jannese and Austin wrap up their time in Nashville, Tennessee with a wonderful visit to N.B. Goods to speak with owner Camille Alston . Camille details the times where she hit a wall with profits, the strategies she implemented to increase revenue, what worked, what didn’t, and the important lessons she learned in the process. You won’t want to miss this informative final chapter! Learn more about how QuickBooks can help you grow your business: QuickBooks.com See omnystudio.com/listener for privacy information.…
Про код
Mark all (un)played …
Manage series 3477061
Content provided by HTML Academy. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by HTML Academy or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Еженедельный подкаст, в котором Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр разбираются в самых интересных новостях из мира веб-разработки и объясняют их простым языком. Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки, свойства, программы, спецификации, браузеры и всё остальное.
…
continue reading
28 episodes
Mark all (un)played …
Manage series 3477061
Content provided by HTML Academy. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by HTML Academy or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Еженедельный подкаст, в котором Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр разбираются в самых интересных новостях из мира веб-разработки и объясняют их простым языком. Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки, свойства, программы, спецификации, браузеры и всё остальное.
…
continue reading
28 episodes
All episodes
×
1 028. ESLint без правил, CSS без препроцессоров и формы без кнопок 1:11:40
1:11:40
Play Later
Play Later
Lists
Like
Liked1: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
50:46
Play Later
Play Later
Lists
Like
Liked50: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
1:05:12
Play Later
Play Later
Lists
Like
Liked1: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
1:08:03
Play Later
Play Later
Lists
Like
Liked1: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
1:16:29
Play Later
Play Later
Lists
Like
Liked1: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
1:25:36
Play Later
Play Later
Lists
Like
Liked1: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
53:54
Play Later
Play Later
Lists
Like
Liked53: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
1:14:55
Play Later
Play Later
Lists
Like
Liked1: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
1:21:46
Play Later
Play Later
Lists
Like
Liked1: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
1:21:36
Play Later
Play Later
Lists
Like
Liked1: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
1:02:15
Play Later
Play Later
Lists
Like
Liked1: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
1:06:34
Play Later
Play Later
Lists
Like
Liked1: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
1:10:48
Play Later
Play Later
Lists
Like
Liked1: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
1:12:28
Play Later
Play Later
Lists
Like
Liked1: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
1:08:25
Play Later
Play Later
Lists
Like
Liked1: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
53:24
Play Later
Play Later
Lists
Like
Liked53: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
1:08:30
Play Later
Play Later
Lists
Like
Liked1: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
1:06:40
Play Later
Play Later
Lists
Like
Liked1: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
1:05:05
Play Later
Play Later
Lists
Like
Liked1: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
1:09:25
Play Later
Play Later
Lists
Like
Liked1: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
1:04:01
Play Later
Play Later
Lists
Like
Liked1: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
1:02:13
Play Later
Play Later
Lists
Like
Liked1: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
1:06:17
Play Later
Play Later
Lists
Like
Liked1: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
1:01:11
Play Later
Play Later
Lists
Like
Liked1: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
1:08:53
Play Later
Play Later
Lists
Like
Liked1: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
1:11:56
Play Later
Play Later
Lists
Like
Liked1: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
1:04:53
Play Later
Play Later
Lists
Like
Liked1: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
1:05:17
Play Later
Play Later
Lists
Like
Liked1:05:17
Нейросети плотно внедряются в повседневную работу фронтенд-разработчика. Одни полны скепсиса и говорят, что нейросети захватят интернет, другие уже используют как помошников. Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:01:05 Конец фронтенда — действительно конец? 00:14:45 Самые популярные фреймворки node.js на 2023 год 00:25:28 Почему логические свойства не берут верх над всем? 00:37:57 Как поправить цветовой контраст 00:45:58 Новинки TypeScript 5.0 00:58:13 Как :focus-visible в четыре этапа принимает решение отображаться или нет Учитесь с нами в .html academy → https://htmlacademy.ru Узнавайте новое в журнале «Доктайп» → https://t.me/html_blog А все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro…
Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.