Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>22 фев 2022</li>

3 <li>0</li>

4 </ul><h2>Веб-стандарты: зачем и как их изучать</h2>

5 Зачем нужны веб-стандарты, что почитать новичку и как устроено одноимённое русскоязычное сообщество? Рассказывает веб-разработчик Никита Дубко.

6 Иллюстрация: Apple / Colowgee для Skillbox Media

7 Журналист, коммерческий автор и редактор. Пишет про IT, цифровой маркетинг и бизнес. Сайт:<a>darovska.com</a>.

8 об эксперте

9 Senior Frontend Developer, Google Developer Expert по Web. Новостной редактор в сообществе "<a>Веб-стандарты</a>" и автор<a>@dev_tip</a>.

10 До 2010 года, в эпоху Internet Explorer и его конкурентов, которые не дожили до нашего времени, заставить браузеры одинаково отрисовывать веб-страницы было очень сложно. Разработчикам приходилось писать костыли под API каждого браузера, но страницы всё равно то и дело ломались. Поэтому инженеры обратили внимание на веб-стандарты.

11 Стандарты пишут и принимают в <a>W3C</a> - это некоммерческая организация, которую основал Тим Бернерс-Ли. Она состоит из множества рабочих групп: в них входят представители компаний - создателей браузеров, крупных университетов, исследовательских институтов и других организаций. Участники обсуждают с разработчиками браузеров дизайн и реализацию API, а затем разрабатывают единые стандарты.

12 Так выглядит описание группы разработчиков стандартов на <a>W3C</a>Скриншот: Skillbox MediaВот какая польза от веб-стандартов и почему их надо изучать:

13 <ul><li>Не нужно писать костыли.Если вы придумали новую фичу для своего сайта, её не нужно писать отдельно под каждый браузер и учитывать все особенности программного интерфейса. Гораздо проще использовать методы jQuery, которые будут вести себя одинаково и в Chrome, и в Firefox. Но правильнее - использовать одинаковые методы во всех браузерах, которые работают предсказуемо.</li>

14 <li>Не обязательно изучать новые спецификации.Разработчики не боятся, что у браузера выйдет спека, которая поломает старые функции их веб-приложения. Если вы не знаете о существовании фичи, то можете просто не использовать её и жить спокойно.</li>

15 <li>Можно узнать, как будут развиваться технологии.Например, в некоторых стандартах написано, что через какое-то время появятся новые цветовые пространства. А значит, мы сможем заранее обсудить с дизайнером, как их реализовывать.</li>

16 </ul>Я начинал изучать веб-разработку по книгам и CHM-файлам. Скачивал их в школе на уроках информатики, сохранял на флешку, читал дома справку и повторял примеры - так и научился верстать. А со стандартами я познакомился, когда набрался опыта и захотел поглубже разобраться, как браузер работает с веб-страницами.

17 Все стандарты написаны на <a>английском</a>, поэтому новичку, не владеющему языком, будет сложновато изучать их в оригинале. Я советую обратить внимание на более доступные источники.

18 Блоги деврелов и IT-евангелистов.Читайте тех, кто непосредственно разрабатывает и принимает веб-стандарты. Например, деврелы Google часто рассказывают в своих статьях о возможностях и особенностях движка Chrome. Там всегда много подробных примеров и иллюстраций, поэтому их приятно и легко читать.

19 Среди евангелистов о <a>CSS</a>пишут ребята из Google: Адам Аргайл (<a>@argyleink</a>), Юна Кравец (<a>@Una</a>) и Джейк Арчибальд (<a>@jaffathecake</a>). Много полезных и актуальных материалов можно найти в блоге Александра Сурмы (<a>Surma</a>).

20 Видео про гриды в CSSВыступление Юны Кравец на европейской CSS ConfТакже у Firefox есть<a>классный блог</a>для разработчиков. Советую на него подписаться, если хотите одними из первых узнавать новости о браузере и веб-стандартах в целом.

21 Материалы в русскоязычном комьюнити.В первоисточник я смотрю, только когда хочу узнать какие-то неочевидные вещи. Но во многих нюансах можно разобраться, почитав прекрасные<a>статьи</a>Ильи Стрельцына.

22 Рома Дворнов (<a>@rdvornov</a>) иногда пишет о стандартах в своём Telegram-канале "<a>Горшочек варит</a>". С его разрешения мы адаптировали<a>материалы про CSS-нестинг</a>для нашего сайта.

23 София Валитова (<a>@ariarzer</a>) выступает на конференциях с докладами с глубоким погружением в спецификации от CSS Working Group и переводит материалы. Вот её выступление на FrontendConf 2019:

24 "Дока".Есть потрясающий русскоязычный ресурс "<a>Дока</a>", в котором описаны особенности работы браузеров. Возможно, не так глубоко, как в официальной документации, но человеческим языком и с большим количеством практических примеров.

25 Сайт "Веб-стандартов".У нашего сообщества есть сайт, который так и называется - "<a>Веб-стандарты</a>". Мы периодически публикуем на нём статьи и туториалы на русском языке, даём советы и каждую неделю выкладываем новые выпуски подкаста.

26 В работе сообщества "<a>Веб-стандарты"</a>можно выделить четыре направления:

27 Соцсети. В Twitter, Facebook*, Telegram и VK каждый будний день публикуем по две-три ссылки на статьи о фронтенд-разработке. Это новости, туториалы, записи конференций и описания стандартов. Вокруг соцсетей собирается комьюнити. У нас есть паблик в VK с 33 тысячами подписчиков, чат в Telegram и канал на 16 тысяч подписчиков, а ещё аккаунт в Twitter - там приблизительно столько же читателей.

28 Контрибьюторы.Участники комьюнити вносят большой вклад в его развитие. Они публикуют у нас свои статьи, присылают переводы зарубежных материалов, делятся фидбэком в соцсетях и приносят пул-реквесты в <a>наши репозитории</a>на GitHub.

29 Подкаст.Каждую неделю выходит новый выпуск нашего<a>подкаста</a>. Мы уже записали более 300 выпусков, в которых обсуждаем новости и самые яркие события в мире фронтенда. Кроме того, мы делимся своим взглядом на эти новости, технологии и стандарты, приглашаем интересных людей из мира фронтенда обсуждать новости с нами.

30 Мероприятия.Это направление сейчас не очень актуально, но раньше оно было одним из основных. Речь о конференции<a>Web Standards Days</a>. С 2009 по 2019 год прошли 42 конференции, последняя из них - в Минске. Лидер и создатель комьюнити Вадим Макеев (<a>@pepelsbey</a>) участвовал в их организации все годы.

31 Доклад Вадима Макеева "Семантика для циников" на Web Standards DaysМы хотели, чтобы веб-разработчики могли бесплатно общаться и обмениваться знаниями с коллегами. Поэтому за вход на Web Standards Days никогда не брали денег, а в форме регистрации даже не спрашивали email. Регистрация была нужна только из-за ограничения по количеству мест на самой площадке. По возможности мы организовывали онлайн-трансляции или записывали и публиковали доклады. Самое классное - что крутые спикеры сами подавали заявки на конференцию и читали интересные доклады.

32 Среди активных участников сообщества можно выделить несколько групп. Вот чем они обычно занимаются:

33 Ведут подкасты.Среди них Вадим Макеев (<a>@pepelsbey</a>), Алексей Симоненко (<a>@simonenko</a>), Оля Алексашенко (<a>Olga Aleksashenko</a>), Маша Просвирнина (<a>@prosvirnina12</a>), Андрей Мелихов (<a>@amel_true</a>), Юля Миоцен (<a>@julia_miocene</a>) и я - Никита Дубко (<a>@dark_mefody</a>).

34 Пишут статьи и переводы.На сайте "<a>Веб-стандарты</a>" мы публикуем статьи, переводы для новичков, новости и так далее. Любой желающий может поделиться материалом. Мы с радостью поможем подобрать информативные картинки, улучшить структуру и поправить стиль, а затем опубликуем статью на сайте.

35 Общаются в чате.Новички часто задают вопросы в наших чатах. Когда другие, более опытные, разработчики им отвечают, это тоже здорово помогает сообществу.

36 Участвуют в прочих активностях.На <a>нашей странице</a>в GitHub есть много проектов: календарь событий по фронтенду, словарь терминов, список инди-сайтов, пет-проекты участников комьюнити и так далее. Сообщество всегда радо помощи и открыто к сотрудничеству. Если у вас есть идея, как сделать русскоязычное комьюнити лучше, можно даже завести под неё новый репозиторий.

37 Скрин со страницы проекта "<a>Веб-стандарты</a>" на <a>GitHub</a>Скриншот: Skillbox MediaИногда в сообществе разгораются дискуссии на технические (и не только) темы. Мы можем спорить о чём угодно: какая технология лучше, нужна или нет определённая фича в языке программирования или как правильно перевести какой-нибудь термин в "<a>Словаре веб-стандартов</a>".

38 Но в целом большая часть обсуждений у нас проходит спокойно и без конфликтов. Конечно, иногда мы расходимся во мнениях - но разве это не замечательно? Например, я люблю гит-хуки (git-hooks), а Вадим Макеев не любит. И вот мы как-то поспорили прямо во время записи подкаста: нужны они или нет. Я тогда ещё недостаточно хорошо разбирался в теме, но после записи вник и теперь ещё больше уверен, что они нужны.

39 Тот самый выпуск. Обсуждаем хуки с 55-й минутыВ подкасте у нас нет задачи транслировать "правильное" мнение. Мы хотим, чтобы слушатели думали и сами выбирали, что правильно, а что нет - это важный навык. Не верьте на слово Вадиму Макееву, Никите Дубко, любому другому ведущему или гостю. Анализируйте всё, что вам говорят ведущие и так называемые лидеры мнений - тогда вы сформируете собственную независимую позицию.

40 * Решением суда запрещена "деятельность компании Meta Platforms Inc. по реализации продуктов - социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности".

41 <a>Бесплатный курс по Python ➞Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>