Claim OwnershipПро код
Subscribed: 14Played: 131
Subscribe
2023 © HTML Academy. Все права защищены.
Description
Еженедельный подкаст, в котором Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр разбираются в самых интересных новостях из мира веб-разработки и объясняют их простым языком. Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки, свойства, программы, спецификации, браузеры и всё остальное.
22 Episodes
Reverse
На этой неделе мы узнали, что WOFF больше не нужен. Вспомнили как использовать нативный lazy-loading и познакомились с типизацией кастомных свойств. В мире JS удивились от работы every() по спецификации, а также познакомились с новым методом groupBy().Ведущие: Коля Шабалин и Лёша Симоненко.Ссылки и таймкоды:00:00:40 WOFF покинул здание00:09:58 Прекратите ленивую загрузку продуктов и главных изображений00:24:30 Системы безопасного проектирования CSS с помощью @property00:34:23 Почему every() возвращает true для пустых массивов?00:43:56 Object.groupBy() теперь в JavaScriptУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В этот раз мы углубимся в разнообразные аспекты программирования. Узнаем, как эффективно сортировать данные, программировать с использованием CSS, и даже познакомимся с альтернативами хорошо известных инструментов. Также расскажем, как использовать JSX вне мира React, поделимся важностью альтернативного текста для изображений и дадим краткий обзор пересмотра библиотеки Lodash.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:01:10 Алгоритмы сортировки00:17:13 Краткое введение в CSS @scope00:31:54 Прощай, nodemon или нет?00:42:21 Прогрессивно улучшенная проверка формы, часть 2: многоуровневое представление в JavaScript00:59:08 JSX без React01:06:04 Зал славы альтернативного текста: чествование хорошо написанных описаний изображений01:10:19 Вам не нужен LodashУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
Узнали как выбирать npm-пакеты с помощью Node.js Toolbox в контексте решаемой задачи. Обсудили возможности DevTools в разных браузерах. Узнали как применять API виртуальной клавиатуры в мобильных браузерах. Разобрали несколько способов как отметить подписку на события в DOM. Порадовались обновлённой документации по React (в неё добавили TypeScript). Подискутировали про Type Alias и Interface в TypeScript. А также узнали как улучшить проверку форм.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:01:02 Node.js Toolbox00:17:23 Могу ли я использовать DevTools00:31:02 API виртуальной клавиатуры00:40:33 You’ve Got Options for Removing Event Listeners00:58:56 React + TypeScript. Обновлена официальная документация по React01: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
Обсудили форматеры в FF 116: зачем они нужны и кто ими пользуется. Вспомнили VanJS — микрофреймворк, который дорос до версии 1.0. Подробно разобрали функцию repeat() для использования в гридах. Устроили ликбез по ORM и разобрали нововведения в Prisma. Поговорили про новую спеку анимаций основанных на прокрутке и это ещё не всё…Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:00:25 Пользовательские форматеры объектов в DevTools теперь и в Firefox00:08:51 VanJS дорос до версии 1.000:13:50 Как использовать функцию repeat() гридов00:34:09 Вышла Prisma версии 5.100:52:26 tsup00:58:24 Анимация прокрутки в CSS01:07:06 Бойлерплейты: Hackathon Starter для Node.js, Vite React BoilerplateУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
Обсудили уход Дэна Абрамова из React, книжку по TypeScript с 200+ главами, aspect-ratio нормального разработчика и поспорили насчёт генерации альт-текстов нейросетями.Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.Ссылки и таймкоды:00:00:38 Дэн Абрамов перестаёт заниматься React и меняет место работы00:03:41 Третье издание спецификации PNG было опубликовано как рабочий проект W3C00:14:13 Краткая книга TypeScript00:19:35 5 неудобных истин о TypeScript00:34:26 Как использовать aspect-ratio00:43:45 Проблема с автоматически сгенерированными альтернативными текстами для изображенийУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
Самый исторический выпуск за всё время — обсудили историю TypeScript, HTML, XHTML и немного Node.js. А кроме этого обсудили немного новостей о свежих возможностях веба и поговорили о будущем спецификаций.Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.Ссылки и таймкоды:00:00:30 Визуально скрытые элементы единичной ширины00:05:03 Node 18.17 LTS00:07:08 Promise.withResolvers00:17:03 Новый синтаксис @font-face00:27:27 История TypeScript00:48:50 Дело против самозакрывющихся теговУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В этом выпуске обсудим состояние пакетов в NPM. Поворчим о работе с DOM. Узнаем про новые единицы измерения в CSS. Поговорим о новинках Pretier и Vite. Обсудим нововведения WCAG 2.2. Сравним примеры кода различных фреймворках и поговорим про Firefox 115.Ведущие: Коля Шабалин и Игорь Антонов.Ссылки и таймкоды:00:01:00 State Of npm 202300:10:30 Plain Old JavaScript and the DOM00:19:13 Новые единицы измерения области просмотра00:29:43 Prettier 3.0. Hello, ECMAScript Modules00:41:00 Vite 4.400:51:40 WCAG 2.2: Быстрый и упрощенный01:03:20 Component Party Dev01:08:56 ECMAScript 2023 и Firefox 115Учитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
Теперь и в Node.js добавляют поддержку ключевого слова using и другие новинки версии 20.4. А также обсудим чем так вреден CommonJS и почему мы до сих пор не можем перейти на ECMAScript Modules. Попытаемся разобраться что делает атрибут decoding, обсудим новую документацию React.js, посмотрим на инструмент для подбора шрифтов, а закончим всё встроенным в Node.js модулем для тестирования. Поехали!Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:00:28 Релиз Node.js 20.4.0 с новым using для TypeScript00:13:23 CommonJS вредит JavaScript00:33:07 Что делает атрибут decoding с изображениями?00:48:04 В документации React.js рекомендации по использованию TypeScript01:00:00 Как проверить кумулятивный сдвиг шрифтов01:06:35 Что ждать и чего не ждать от встроенного в Node.js Test RunnerУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В этом выпуске обсудим юбилейный релиз NestJS, разберёмся кому он нужен и в каких случаях не хватает Express.js. Разберёмся с новым ключевым словом using, который сначала заезжает в TypeScript, а потом и в спецификацию JavaScript. Попробуем понять как и где можно использовать функцию color-mix(). А в конце попробуем понять зачем команда React.js пыталась пропатчить Fetch API и чем всё закончилось. Начинаем!Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:01:00 Юбилейный NestJS00:23:38 Ключевое слово using в TypeScript 5.200:43:11 Смешиваем цвета в CSS с помощью color-mix()00:53:42 color-mix() и непрозрачность00:54:45 Как использовать оттенки цветов с помощью HSL01:02:13 Зачем патчить Fetch API внутри React.jsУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
CSS, CSS, CSS, CSS, CSS и гифки.Ведущие: Коля Шабалин, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:01:12 Стартовал State of CSS00:06:12 Альтернатива анимированному GIF00:24:01 Обрезка полей и лучшие практики00:39:57 Не отказывайтесь от Sass ради CSSУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В этом выпуске всё, как вы любите — удивляемся нелогичности фронтенда, радуемся логичности фронтенда, до лёгкой хрипотцы спорим про старые редакторы кода (привет, 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
Формулируем «правило технического подкаста» — любой технический подкаст однажды начнёт обсуждать высшее образование для программистов. Мы не стали исключением и обсудили важность высшего образования, устаревшие технологии (которые раньше были хорошими), важность @scope (к которому есть вопросики) и большие вопросики к единицам измерения ch. В общем, всё как всегда.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:01:22 Итоги двадцати лет работы — технический долг и неподдерживаемый код00:16:59 Введение в @scope в CSS00:34:41 TypeScript 5.100:45:05 Остерегайтесь сдвига макета с помощью единиц измерения ch00:56:59 React Server Components своими рукамиУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В этом выпуске мы во всём сомневались — случайны ли случайности в JavaScript, достаточно ли цветны привычные нам цвета в CSS и считаются ли комментарии комментариями, если в них всего одна строка.Но все сомнения, конечно, разрешились. Слушайте, чтобы узнать, к чему мы пришли.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:30 Отсутствующая библиотека случайностей JavaScript00:06:07 Две вещи, которые не очень хороши в OKLCH00: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
Смотрим графики и рефлексируем о производительности Node.js. Разбираемся с лучшими практиками создания хороших форм. Делаем адаптацию без медиавыражений, а вертикальный ритм с помощью новых единиц измерений. В очередной раз убеждаемся: сначала изучаем JavaScript, потом React.Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко.Ссылки и таймкоды:00:00:47 State of Node.js Performance 202300:17:46 Одиннадцать лучших практик HTML для форм входа и регистрации00:35:12 Введение в popover API00:51:33 Адаптивные сетки CSS без медиавыражений00:59:22 Вертикальный ритм с использованием единиц CSS lh и rlh01: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
Выпуск, в котором мы словно вернулись в 2009 — обсуждаем новую версию jQuery и все её прелести, новинки с конференции, где все говорили «эйай» и постепенно, но неотвратимо переходим к современности. В ней всё хорошо — условный CSS c :has() и классные интерфейсы в вебе.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:37 jQuery 3.7.000:13:48 Что нового в CSS и пользовательском интерфейсе: Google I/O 2023 Edition00:33:15 Условный CSS с :has и :nth-last-child00:46:07 Типы в JavaScript без TypeScript00:58:20 Микрофреймворк VanJSУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В седьмом выпуске подробно разобрали Chrome 113, посчитали, сколько узлов в DOM у Академии, поругались на перекраску полос прокрутки и ужаснулись консольным приложениям на React. Классика!Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:26 Chrome 113 — что нового?00:17:01 Большой DOM не всегда к добру00:35:02 Канареечный React00:46:57 Почему перекраска полос прокрутки — это плохо00:54:39 Консольные приложения на ReactУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В шестом выпуске подкаста «Про код» Коля, Игорь, Лёша и Женя обсудили длинный список обновлений в VS Code, поговорили про любимые темы оформления и поругались из-за C#. Поняли, почему :root — не глобальный и зачем переключаться между версиями Node.js. Бонус-трек — история о том, как Лёша собирал проект с Node.js 0.12 в 2023.Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:35 Обновки VS Code00:21:30 Passcode в Гугл-аккаунтах00:29:35 :root не является глобальным00:36:51 Медиавыражение update00:43:45 Менеджер версий Node.js00:58:28 Памятка по доступным размерам элементовУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В пятом выпуске произошло страшное — мы придумали, как заменить Node.js с помощью Rust, поругались на книжки о разработке и старчески побурчали о доисторических текстовых редакторах. В перерывах между этим обсудили новости — например, Chrome 113 и Vite 4.3.Ведущие: Игорь Антонов, Лёша Симоненко и Женя Шкляр.Ссылки и таймкоды:00:00:45 Зачем джуну новый отладчик в Chrome DevTools00:20:42 Vite 4.3 и немного о судьбе Create React App00:34:00 Rust быстрее Node.js обрабатывает CSV и другие невероятные открытия00:46:31 Почему мы ничего не запоминаем из книг о разработкеУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
В четвёртом выпуске Женя, Коля и Игорь подробно обсудили 20 версию Node.js, обновление TypeScript 5.1, новые критерии доступности во WCAG 2.2 и шпаргалку по безопасности npm. И, кажется, пришли к выводу, что всё превращается в Сишарп.Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.Ссылки и таймкоды:00:00:43 Долгожданная Node.js 2000:21:25 Что нового во WCAG 2.200:42:31 Бетка TypeScript 5.100:51:51 Чем хорош Fetch Priority API01:00:39 Шпаргалка по безопасности в npmУчитесь с нами в .html academy → https://htmlacademy.ruУзнавайте новое в журнале «Доктайп» → https://t.me/html_blogА все вопросы о подкасте пишите на почту → podcast@htmlacademy.pro
Какое прекрасное время наступает — электронная почта без вёрстки таблицами, Реакт как новый Вордпресс, у длинных заголовков не свисают слова, а скринридеры хорошие и читают текст так, как на макете. Волшебно? Волшебно. В новом выпуске подкаста «Про код» разбираем, когда это случится и к чему приведёт веб-разработчиков.Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр.Ссылки и таймкоды:00:00:45 Электронная почта без таблицы00:09:41 Реакт — новый Вордпресс?00:22:45 Равное количество слов в строках и text-wrap:balance00:34:00 Отличия глубокого и поверхностного копирования в JS00: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
Comments
Download from Google Play
Download from App Store
United States