Веб-стандарты

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Никита Дубко, Андрей Мелихов, Юля Миоцен, Вадим Макеев

Темы

00:00:00 Интро
00:01:50 События
00:04:31 Chrome 97
00:14:34 Chrome DevTools
00:25:35 Faker.js
00:38:17 Crypto Mozilla
00:49:41 Дизайн-токены

События

• React Talks Meetup в Киеве 18 января
• JSNation в Амстердаме 16 июня
• React Summit в Амстердаме 17 июня

Chrome 97

• Видео: New in Chrome 97
• Статья: New in Chrome 97

Chrome DevTools

• Новинки DevTools (Chrome 97)

Faker.js

• Just went to install Faker for my latest demo, and…
• GitHub-репозиторий Faker.js
• Marak Takes An Open Source Stand
• Mocha: Delete my code

Crypto Mozilla

• Было: Dabble in @dogecoin? HODLing some #Bitcoin & #Ethereum?
• Стало: We’ll pause the ability to donate cryptocurrency
• I founded Mozilla and I’m here to say
• I designed Gecko
• Washed Up
• My first impressions of web3
• Crypto: the good, the bad and the ugly

Дизайн-токены

• Design Tokens + Open UI
• Design Tokens Format Module
• Design Tokens W3C Community Group

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:02:18 Подкаст
00:18:04 Проекты
00:31:30 Фронтенд
00:46:27 JavaScript
00:55:23 Бэк и тулинг
01:04:47 Вопрос
01:15:47 Личное

Подкаст

• Смотрите этот эпизод на Ютубе
• Все новогодние выпуски

Проекты

• Чат в Телеграме
• Новости на английском
• Календарь
• Словарь

Фронтенд

• WebCompat

JavaScript

• Announcing the Deno Company
• Seed Funding for Remix
• Turborepo is joining Vercel
• Vercel welcomes Rich Harris, creator of Svelte

Бэк и тулинг

• Introducing Zero-Bundle-Size React Server Components
• New Suspense SSR Architecture in React 18
• React 18 Usage in Next.js
• Remix
• Rust is the future of JS infrastructure

Вопрос

• Патреон Веб-стандартов

Личное

• Итоги года Андрея
• Итоги годы Никиты
• Англоязычный блог Никиты

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Андрей Мелихов, Вадим Макеев

Гости: Денис Ушаков, Валентин Фондаратов

Темы

00:00:00 Интро
00:02:33 Safari TP 137
00:06:34 Линтер на C++
00:13:15 Адаптивность и паттерны
00:16:01 Create React App 5
00:18:25 NAPI и Rust
00:24:12 Глубокое копирование
00:27:41 Быстрый Rust
00:39:11 Юникодный бэкдор
00:45:35 Зачем Fleet
01:09:01 Новая платформа JB

Safari TP 137

• Release Notes for Safari TP 137
• Don’t say Safari is always last. Sometimes we are first
• :has в CSS — псевдокласс из будущего

Линтер на C++

• Faster, easier, friendlier: how quick-lint-js will take over ESLint

Адаптивность и паттерны

• Learn Responsive Design
• Learning Patterns

Create React App 5

• CRA 5.0

NAPI и Rust

• Announcing NAPI-RS v2
• Deep dive: Native module

Глубокое копирование

• Deep-copying in JavaScript using structuredClone

Быстрый Rust

• Rust is the future of JS infrastructure
• Ли Робинсон
• Developers would rather have a faster tool that’s harder to contribute to
• Fast software wins

Юникодный бэкдор

• The invisible JS backdoor
• VS Code: "editor.unicodeHighlight.ambiguousCharacters": false
• Panic Nova
• Zed: lightning-fast, collaborative code editor written in Rust
• Lapce: lightning-fast and powerful code editor written in Rust

Зачем Fleet

• Встречайте Fleet — новый инструмент JetBrains
• Подлодка про IDE и Fleet

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Никита Дубко, Вадим Макеев

Гости: Глаша Жур, Саша Шинкевич

Темы

00:00:00 Интро
00:02:01 События
00:07:05 25 лет CSS
00:12:26 State of CSS 2021
00:24:02 Safari 15.2
00:28:28 Отладка утечек
00:38:23 Кастомный select
00:46:24 DOM и AOM
00:55:05 Итоги Compat 2021
00:59:32 Минское сообщество

События

• Трансляция с Yamal.Dev Conf
• MoscowCSS онлайн 21 декабря
• MinskCSS онлайн 26 января

25 лет CSS

• 25 лет CSS

State of CSS 2021

• State of CSS 2021
• Assembler CSS

Safari 15.2

• Safari 15.2 Release Notes

Отладка утечек

• Debug memory leaks with the Microsoft Edge Detached Elements tool

Кастомный select

• Fully-stylable and accessible select

DOM и AOM

• Full accessibility tree in Chrome DevTools

Итоги Compat 2021

• Compat 2021 Holiday Update: presents for developers before the end of the year

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Гости: Роман Байталов

Темы

00:00:00 Интро
00:01:00 События
00:02:10 Firefox 95
00:08:40 Safari TP 136
00:14:31 Web Neural Network API
00:19:15 Vercel + Turborepo
00:26:35 JetBrains в GitPod
00:34:10 Вшитые node_modules
00:49:18 Деплойми

События

• Я.Субботник по фронтенду и дизайну онлайн 11 декабря
• MoscowCSS онлайн 21 декабря

Firefox 95

• Firefox 95

Safari TP 136

• Release Notes for Safari Technology Preview 136
• Link to Text Fragment

Web Neural Network API

• Web Neural Network API
• Intent to Prototype: Web Machine Learning: Model Loader API

Vercel + Turborepo

• Vercel acquires Turborepo to accelerate build speed and improve developer experience

JetBrains в GitPod

• JetBrains desktop available in beta

Вшитые node_modules

• More teams should check node_modules directory into git
• Yarn Zero Installs
• Building layers. AWS Serverless Application Model
• Serverless TypeScript: A complete setup for AWS SAM Lambdas

Деплойми

• Deployme.app
• Heroku Buildpacks
• Роман Байталов: [email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:02:15 События
00:04:20 Лёгкий Fleet
00:16:48 Node.js в GitHub Actions
00:22:05 ESM+TS ломают сборку
00:29:28 Свежие Container Queries
00:33:16 Веб-альманах HTML
00:43:06 Веб-альманах CSS
00:48:59 Веб-альманах JS

26 лет JS

• The birth of JavaScript in 4 slides
• Netscape and Sun announce JavaScript (Dec 4, 1995)

События

• YaTalks онлайн 3–4 декабря
• Alfa JS MeetUP онлайн 9 декабря
• Odessa Frontend Meetup в Одессе 15 декабря

Лёгкий Fleet

• Встречайте Fleet — совершенно новый инструмент JetBrains

Node.js в GitHub Actions

• Default Node.js version will be set to 16 on November, 29

ESM+TS ломают сборку

• Chalk v5.0.0
• Pure ESM package
• Get Ready For ESM

Свежие Container Queries

• Existing CQ demos are broken in the latest Chrome Canary

Веб-альманах

• Markup
• CSS
• JavaScript

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко, Андрей Мелихов

Темы

00:00:00 Интро
00:02:35 События
00:05:38 Полифил для Container Queries
00:13:44 Remix альтернатива Next.js
00:29:04 Состояние PWA в 2021
00:46:49 TypeScript в Etsy
00:54:49 Ресеты для CSS

Веб-стандарты на английском

• Web Standards в Твиттере

События

• GDG Minsk Web онлайн 30 ноября
• YAMAL.DEV CONF в Салехарде 18 декабря

Полифил для Container Queries

• A polyfill for CSS Container Queries
• CSS: новый вид JavaScript
• CSS Container Queries, или Адаптация по-новому: контейнер вместо вьюпорта

Remix альтернатива Next.js

• Remix
• Introducing Remix v1
• 50-секундный питч Introducing Remix
• 6-часовой туториал Кента Доддса
• Introduction to Remix

Состояние PWA в 2021

• Web Almanac: PWA

TypeScript в Etsy

• Etsy’s Journey to TypeScript
• The essentials of TypeScript

Ресеты для CSS

• Modern CSS Reset / Global Styles
• HTML Шорты: Нормальный сброс

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Вадим Макеев, Андрей Мелихов, Никита Дубко

Темы

00:00:00 Интро
00:00:54 События
00:03:05 Новинки Chrome 96
00:19:06 Что в бетах Chrome
00:23:56 Safari TP 135
00:29:14 Web Almanac
00:39:23 SVGcode
00:47:05 Сложный фронтенд
00:58:23 Прогресс-бар
01:01:40 Мифы о доступности

События

• Видео с ITeaConf
• WebCore Meetup онлайн 25 ноября

Новинки Chrome 96

• New in Chrome 96
• Intent to Prototype: blocking=render on scripts and link
• Explainer
• Resource Loading Orchestration
• Chrome 96 just enabled the back/forward cache
• BFCache, или Туда и обратно
• Google Chrome 96 breaks Twitter, Discord, video rendering and more

Что в бетах Chrome

• Chrome 97: WebTransport, New Array Static Methods and More
• Chromium commit: Support range syntax in MQ

Safari TP 135

• Release Notes for Safari TP 135

Web Almanac

• Web Almanac 2021
• Web Almanac Contributors

SVGcode

• SVGcode
• A PWA to convert raster images to SVG

Сложный фронтенд

• Some notes on using esbuild

Прогресс-бар

• Пишем семантически верные индикаторы загрузки на Angular

Мифы о доступности

• Доступный компонент «из коробки»
• Accessibility Myths

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Никита Дубко, Вадим Макеев

Гости: Глеб Михеев

Темы

00:00:00 Интро
00:02:52 События
00:07:38 HTML-элемент search
00:13:59 Парсеры HTML
00:21:39 Пути в кастомных свойствах
00:28:38 Contain и перфоманс
00:38:30 Дженерики в TypeScript
00:49:33 Angular 13
01:00:01 Агностичные компоненты

События

• Видео с Ad Blocker Dev Summit
• JavaScript Congress онлайн 23–25 ноября
• Скидка 20%: JSC-webstandardsru20
• JS fwdays онлайн 27 ноября
• Скидка 10%: EDE6EA6202

HTML-элемент search

• Add the search element

Парсеры HTML

• Meta charset=utf-8

Пути в кастомных свойствах

• Пути в кастомных свойствах. История одного бага

Contain и перфоманс

• How I made Google’s data grid scroll 10x faster with one line of CSS

Дженерики в TypeScript

• Дженерики в TypeScript

Angular 13

• Angular v13 is now Available

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Гости: Сергей Бережной

Темы

00:00:00 Интро
00:02:58 События
00:10:36 Firefox 94
00:19:22 Chrome Dev Summit
00:27:32 Learn на Web.Dev
00:29:29 Next.js 12
00:33:06 Yarn 3.1
00:35:12 TypeScript 4.5 RC
00:36:57 Вёрстка чата
00:45:23 Взлом пакета

События

• Yandex Cup
• IT-конференция Merge в Иннополисе 13–14 ноября
• YaTalks 2021 онлайн 3–4 декабря
• React Conf 2021 онлайн 8 декабря

Firefox 94

• Firefox 94
• Firefox 94 for developers

Chrome Dev Summit

• Chrome Dev Summit
• CDS Recap
• The Privacy Sandbox
• Towards an animation smoothness metric
• An experimental responsiveness metric
• Tooling announcements
• Record, replay and measure user flows

Learn на Web.Dev

• Learn Responsive Design
• Learn Forms
• Learn PWA

Next.js 12

• Next.js 12
• Rakkas

Yarn 3.1

• Yarn 3.1: Corepack, ESM, pnpm, Optional Packages

TypeScript 4.5 RC

• TypeScript 4.5 RC
• Concerns with TypeScript 4.5’s Node 12+ ESM Support

Вёрстка чата

• Building Real-life Components: Facebook Messenger’s Chat Bubble

Взлом пакета

• Сегодня проснулся знаменитым
• Last release contains malicious code
• Command-Option-Argument
• Oclif: The Open CLI Framework
• Commander.js

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn