Еженедельный подкаст, в котором Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр разбираются в самых интересных новостях из мира веб-разработки и объясняют их простым языком. Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки, свойства, программы, спецификации, браузеры и всё остальное.
…
continue reading
![Artwork](/static/images/128pixel.png)
1
028. ESLint без правил, CSS без препроцессоров и формы без кнопок
1:11:40
1:11:40
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:11:40
Новогодняя игра «Код сурка»: отвечайте на вопросы, проходите тренажёры, зарабатывайте баллы и выиграйте профессию! ESLint отказывается от правил форматирования кода. Пора переходить на Prettier? Обсудили паттерн отключения кнопки при отправке форм — не всё так просто и сложней, чем кажется. Обсудили историю миграции с Preact на React: плюсы и минус…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
027. Быстрый Firefox, state of React и отладка в Node.js
50:46
50:46
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
50:46
Обсудили зачем участвовать в опросе State of React 2023. Подсветили важность процедуры отладки приложений на Node.js и какими инструментами её производить. Разобрали стартовый шаблон для нового приложения на Node.js: зависимости, фреймворк Ts.ED, сценарии и так далее. Посмотрели что там с производительностью Firefox и много всякого другого. Ведущие…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
026. Привет content-visibility и text-wrap, но прощай Buffer и Next.js
1:05:12
1:05:12
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:05:12
Node.js 20 стала LTS релизом, а в следующий релиз завезли новый полезный флаг для автоматического определения модульной системы. Обсудили новые значения для свойства text-wrap: pretty, balanced и как они помогают улучшить выравнивание абзацев. Поговорили про чек-лист для начинающего React-разработчика и узнали почему пора переезжать с Buffer на Uin…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
025. Потрясения Node.js 21, что скрывает CCC и вечная проблема с именованием
1:08:03
1:08:03
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:08:03
Обсудили свежий релиз Node.js. А там стабильные fetch и Web Streams API, экспериментальный WebSocket клиент, важный флаг experimental-default-type и небольшие, но приятные обновления встроенного модуля тестирования. А ещё разобрали базовые принципы оптимизации, напомнили зачем нужен package-lock.json и снова думали как назвать переменные, на этот р…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
024. Смотрим в будущее: Interop 2024, бета версия TypeScript 5.3, анти-паттерны конфигурирования в Node.js
1:16:29
1:16:29
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:16:29
Interop 2024: что это такое, почему важно и как участвовать в голосовании. Разберём улучшения в бета-версии TypeScript 5.3: import attributes, type narrow для switch, оптимизация производительности, более тщательная проверка Symbol.hasInstance и другие полезные новинки. Про Photoshop в браузере и как это поможет разработчикам. В очередной раз обсуд…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
023. Новинки Node.js 20.6, масштабирование адаптивных шрифтов, хайп вокруг Bun
1:25:36
1:25:36
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:25:36
Node.js 20 научилась работать с .env-файлами из коробки, dotenv больше не нужен? К каким проблемам может привести не знание о NODE_ENV, обсуждаем явное и неявное. CSS и адаптивные шрифты: много математики и новые функции. Знакомство с убийцей (нет) Node.js. Обсуждаем первую версию Bun. Ведущие: Коля Шабалин и Игорь Антонов. Ссылки и таймкоды: 00:00…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
022. Я выкинул из проекта WOFF и вот что случилось, а также узнал как работает every и groupBy
53:54
53:54
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
53:54
На этой неделе мы узнали, что WOFF больше не нужен. Вспомнили как использовать нативный lazy-loading и познакомились с типизацией кастомных свойств. В мире JS удивились от работы every() по спецификации, а также познакомились с новым методом groupBy(). Ведущие: Коля Шабалин и Лёша Симоненко. Ссылки и таймкоды: 00:00:40 WOFF покинул здание 00:09:58 …
…
continue reading
![Artwork](/static/images/128pixel.png)
1
021. Алгоритмы сортировки и большая О, зачем нужен @scope и прощай nodemon
1:14:55
1:14:55
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:14:55
В этот раз мы углубимся в разнообразные аспекты программирования. Узнаем, как эффективно сортировать данные, программировать с использованием CSS, и даже познакомимся с альтернативами хорошо известных инструментов. Также расскажем, как использовать JSX вне мира React, поделимся важностью альтернативного текста для изображений и дадим краткий обзор …
…
continue reading
![Artwork](/static/images/128pixel.png)
1
020. TypeScript + React в документации, что есть в DevTools и как отменить подписку на событие
1:21:46
1:21:46
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:21:46
Узнали как выбирать npm-пакеты с помощью Node.js Toolbox в контексте решаемой задачи. Обсудили возможности DevTools в разных браузерах. Узнали как применять API виртуальной клавиатуры в мобильных браузерах. Разобрали несколько способов как отметить подписку на события в DOM. Порадовались обновлённой документации по React (в неё добавили TypeScript)…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
019. Форматеры объектов, новая Призма и repeat() в гридах
1:21:36
1:21:36
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:21:36
Обсудили форматеры в FF 116: зачем они нужны и кто ими пользуется. Вспомнили VanJS — микрофреймворк, который дорос до версии 1.0. Подробно разобрали функцию repeat() для использования в гридах. Устроили ликбез по ORM и разобрали нововведения в Prisma. Поговорили про новую спеку анимаций основанных на прокрутке и это ещё не всё… Ведущие: Коля Шабали…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
018. Дэн Абрамов ушёл из React, ужасы TypeScript и плохие нейроальты
1:02:15
1:02:15
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:02:15
Обсудили уход Дэна Абрамова из React, книжку по TypeScript с 200+ главами, aspect-ratio нормального разработчика и поспорили насчёт генерации альт-текстов нейросетями. Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр. Ссылки и таймкоды: 00:00:38 Дэн Абрамов перестаёт заниматься React и меняет место работы 00:03:41 Третье издание спецификации PNG б…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
017. Проблемы с тегами, новая версия Node.js и обновление @font-face
1:06:34
1:06:34
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:06:34
Самый исторический выпуск за всё время — обсудили историю TypeScript, HTML, XHTML и немного Node.js. А кроме этого обсудили немного новостей о свежих возможностях веба и поговорили о будущем спецификаций. Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр. Ссылки и таймкоды: 00:00:30 Визуально скрытые элементы единичной ширины 00:05:03 Node 18.17 LT…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
016. Обновки для Prettier и Vite, что принёс WCAG 2.2 и как выбрать фреймворк
1:10:48
1: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 P…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
015. CommonJS мешает, using уже в Node.js, а атрибут decoding ничего не даёт
1:12:28
1:12:28
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:12:28
Теперь и в Node.js добавляют поддержку ключевого слова using и другие новинки версии 20.4. А также обсудим чем так вреден CommonJS и почему мы до сих пор не можем перейти на ECMAScript Modules. Попытаемся разобраться что делает атрибут decoding, обсудим новую документацию React.js, посмотрим на инструмент для подбора шрифтов, а закончим всё встроен…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
014. Юбилейный NestJS, using в TypeScript и классный color-mix()
1:08:25
1:08:25
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:08:25
В этом выпуске обсудим юбилейный релиз NestJS, разберёмся кому он нужен и в каких случаях не хватает Express.js. Разберёмся с новым ключевым словом using, который сначала заезжает в TypeScript, а потом и в спецификацию JavaScript. Попробуем понять как и где можно использовать функцию color-mix(). А в конце попробуем понять зачем команда React.js пы…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
013. Гифки всё, Sass всё, поля всё. Или нет?
53:24
53: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 Узнавайте новое в журнале «Доктай…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
012. Тупой автофокус, умные контейнейры, ещё один Chrome и опрос StackOverflow 2023
1:08:30
1:08:30
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:08:30
В этом выпуске всё, как вы любите — удивляемся нелогичности фронтенда, радуемся логичности фронтенда, до лёгкой хрипотцы спорим про старые редакторы кода (привет, TextMate) и стараемся прогнозировать будущее на основе опроса StackOverflow. А Марк, который монтирует подкаст, сказал «Выпуск вышел замечательный, кстати. Очень забавный.». Пора проверят…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
011. 20 лет вникуда, ужасы ch и TS 5.1
1:06:40
1:06:40
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:06:40
Формулируем «правило технического подкаста» — любой технический подкаст однажды начнёт обсуждать высшее образование для программистов. Мы не стали исключением и обсудили важность высшего образования, устаревшие технологии (которые раньше были хорошими), важность @scope (к которому есть вопросики) и большие вопросики к единицам измерения ch. В общем…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
010. Случайности не случайны, а цвета не цвета
1:05:05
1:05:05
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:05:05
В этом выпуске мы во всём сомневались — случайны ли случайности в JavaScript, достаточно ли цветны привычные нам цвета в CSS и считаются ли комментарии комментариями, если в них всего одна строка. Но все сомнения, конечно, разрешились. Слушайте, чтобы узнать, к чему мы пришли. Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылк…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
009. Быстрый Node.js, адаптация без медиавыражений, вертикальный ритм и практики отличных форм
1:09:25
1:09:25
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:09:25
Смотрим графики и рефлексируем о производительности Node.js. Разбираемся с лучшими практиками создания хороших форм. Делаем адаптацию без медиавыражений, а вертикальный ритм с помощью новых единиц измерений. В очередной раз убеждаемся: сначала изучаем JavaScript, потом React. Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко. Ссылки и таймкоды:…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
008. Возвращение jQuery, новинки Google I/O и условный CSS
1:04:01
1:04:01
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:04:01
Выпуск, в котором мы словно вернулись в 2009 — обсуждаем новую версию jQuery и все её прелести, новинки с конференции, где все говорили «эйай» и постепенно, но неотвратимо переходим к современности. В ней всё хорошо — условный CSS c :has() и классные интерфейсы в вебе. Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и тайм…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
007. WebGPU в Chrome 113, борьба с большим DOM и канареечный React
1:02:13
1:02:13
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:02:13
В седьмом выпуске подробно разобрали Chrome 113, посчитали, сколько узлов в DOM у Академии, поругались на перекраску полос прокрутки и ужаснулись консольным приложениям на React. Классика! Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:00:26 Chrome 113 — что нового? 00:17:01 Большой DOM не всегда к добру 00…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
006. Отказ от паролей, апдейт VS Code и менеджер версий Node.js
1:06:17
1:06:17
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:06:17
В шестом выпуске подкаста «Про код» Коля, Игорь, Лёша и Женя обсудили длинный список обновлений в VS Code, поговорили про любимые темы оформления и поругались из-за C#. Поняли, почему :root — не глобальный и зачем переключаться между версиями Node.js. Бонус-трек — история о том, как Лёша собирал проект с Node.js 0.12 в 2023. Ведущие: Коля Шабалин, …
…
continue reading
![Artwork](/static/images/128pixel.png)
1
005. В книжках о разработке всё не так, Rust заменяет Node.js и новый отладчик в Chrome DevTools
1:01:11
1:01:11
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:01:11
В пятом выпуске произошло страшное — мы придумали, как заменить Node.js с помощью Rust, поругались на книжки о разработке и старчески побурчали о доисторических текстовых редакторах. В перерывах между этим обсудили новости — например, Chrome 113 и Vite 4.3. Ведущие: Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:00:45 Зачем джуну…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
004. Наконец-то Node.js 20, новые (и старые) критерии WCAG и почти ничего интересного в TS 5.1
1:08:53
1:08:53
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:08:53
В четвёртом выпуске Женя, Коля и Игорь подробно обсудили 20 версию Node.js, обновление TypeScript 5.1, новые критерии доступности во WCAG 2.2 и шпаргалку по безопасности npm. И, кажется, пришли к выводу, что всё превращается в Сишарп. Ведущие: Коля Шабалин, Игорь Антонов и Женя Шкляр. Ссылки и таймкоды: 00:00:43 Долгожданная Node.js 20 00:21:25 Что…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
003. Почта без таблиц, вездесущий React
1:11:56
1:11:56
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:11:56
Какое прекрасное время наступает — электронная почта без вёрстки таблицами, Реакт как новый Вордпресс, у длинных заголовков не свисают слова, а скринридеры хорошие и читают текст так, как на макете. Волшебно? Волшебно. В новом выпуске подкаста «Про код» разбираем, когда это случится и к чему приведёт веб-разработчиков. Ведущие: Коля Шабалин, Игорь …
…
continue reading
![Artwork](/static/images/128pixel.png)
1
002. ES2023, React и как include исправит проблемы доступности в Figma
1:04:53
1:04:53
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:04:53
Комитет TC39 уже готов закрепить новинки ES2023. Пора знакомится с последними возможностями JavaScript, TypeScript и картами модулей. А ещё React задумался о переходе от роли библиотеки к фреймворку. На всех шагах проектирования и создания сайта до сих пор большие проблемы с доступностью, но есть 5 советов и плагин include для Figma, которые помогу…
…
continue reading
![Artwork](/static/images/128pixel.png)
1
001. Конец фронтенда, одинаковые фреймворки и логические свойства
1:05:17
1:05:17
Прослушать позже
Прослушать позже
Списки
Нравится
Нравится
1:05:17
Нейросети плотно внедряются в повседневную работу фронтенд-разработчика. Одни полны скепсиса и говорят, что нейросети захватят интернет, другие уже используют как помошников. Ведущие: Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр. Ссылки и таймкоды: 00:01:05 Конец фронтенда — действительно конец? 00:14:45 Самые популярные фреймворки node…
…
continue reading