Про Код podcast

Nội dung được cung cấp bởi HTML Academy. Tất cả nội dung podcast bao gồm các tập, đồ họa và mô tả podcast đều được HTML Academy hoặc đối tác nền tảng podcast của họ tải lên và cung cấp trực tiếp. Nếu bạn cho rằng ai đó đang sử dụng tác phẩm có bản quyền của bạn mà không có sự cho phép của bạn, bạn có thể làm theo quy trình được nêu ở đây https://vi.player.fm/legal.

Про код

Chia sẻ

Trang chủ series•Feed

Еженедельный подкаст, в котором Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр разбираются в самых интересных новостях из мира веб-разработки и объясняют их простым языком. Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки, свойства, программы, спецификации, браузеры и всё остальное.

28 tập

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

Про код

updated cách đây khoảng một năm trước

Chia sẻ

Trang chủ series•Feed

28 tập

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

Alle Folgen

Про код

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

cách đây 1 year trước1:11:40

Nghe Sau

Danh sách

Thích

Đã thích

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

cách đây 1 year trước50: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

cách đây 1 year trước1: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

cách đây 1 year trước1: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

cách đây 1 year trước1: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

cách đây 1 year trước1: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

cách đây 1 year trước53: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

cách đây 1 year trước1: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

cách đây 2 years trước1: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

cách đây 2 years trước1: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

cách đây 2 years trước1: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

cách đây 2 years trước1: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

cách đây 2 years trước1: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

cách đây 2 years trước1: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

cách đây 2 years trước1: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…

Chào mừng bạn đến với Player FM!

Player FM đang quét trang web để tìm các podcast chất lượng cao cho bạn thưởng thức ngay bây giờ. Đây là ứng dụng podcast tốt nhất và hoạt động trên Android, iPhone và web. Đăng ký để đồng bộ các theo dõi trên tất cả thiết bị.