5 этапов самостоятельного изучения HTML и CSS


Если вы пытаетесь самостоятельно изучить HTML и CSS, то это практическое руководство для вас. Мы поговорим об изучении CSS и HTML, что нужно знать для того, чтобы начать работать в IT, заняться версткой, с чего начать свой путь в программирование.
Но для начала нужно запастись терпением и усидчивостью — это очень важные составляющие в данном направлении. Изучение верстки сайта с нуля можно разделить на несколько этапов.
Этап первый
Конечно, вы думаете только о том, как быстро выучить HTML и CSS, стать разработчиком и найти работу.
Итак, с чего начать изучение HTML и CSS?
Следует понимать, что HTML и CSS — это не языки программирования, а язык разметки и каскадные таблицы стилей соответственно. Другими словами, данными языками вы задаете расположение элементов (заголовки, абзацы, ссылки и т.д.) и стилизуете их. Также очень важно запомнить, что без хорошей теоретической базы вы не сможете приступить к практике.
Этап второй
Освойте HTML, с чего начать: изучите, чем отличаются версии HTML, зачем нужны теги, какие теги существуют, обязательно уделите внимание атрибутам тегов.
Где и как выучить теги HTML:
- https://itwiki.dev/front-end
- https://developer.mozilla.org
- https://www.w3.org
Отмечу, последний ресурс — это веб-консорциум, здесь можно узнать про нововведения в мире веб-разработки.
Этап третий:
Изучите CSS — узнайте, что такое селектор, какие типы селекторов бывают, их специфичность и многое другое.
CSS — очень важная тема в мире веб-разработки. Это стили отображения веб-страниц, которые вы видите ежедневно. Поэтому изучайте теорию и приступайте к базовому использованию HTML/CSS на практике: создайте лендинг или сайт с нескольких страниц.
Новички часто задают вопросы типа «За сколько можно выучить HTML», «За сколько можно выучить CSS».
Скорость, с которой можно выучить HTML и CSS, зависит от нескольких факторов, таких как ваш уровень предварительных знаний в области программирования и опыт работы с веб-технологиями, количество времени, которое вы готовы уделять обучению, а также ваша способность усваивать новую информацию.
HTML является относительно простым языком разметки и для освоения его основных принципов может потребоваться от нескольких дней до нескольких недель. Это включает изучение основных тегов, структуры документа, создание ссылок, списков, таблиц и других основных элементов HTML.
Основы CSS можно также изучить за несколько дней или недель. Это включает в себя изучение селекторов CSS, свойств, значений и правил стилизации элементов.
Однако, чтобы стать опытным и уверенным в работе с HTML и CSS, требуется практика и применение знаний на практике.
В целом, овладение HTML и CSS может занять от нескольких недель до нескольких месяцев в зависимости от ваших усилий и обстоятельств. Постепенное и систематическое изучение с последующим применением знаний поможет вам достичь хороших результатов.
Этап четвертый:
После того, как вы освоите весь материал по HTML/CSS, приступайте к практике. Чем больше практики, тем лучше.
Тут вам понадобится текстовый редактор, PSD макеты и, как я писал выше, терпение и усидчивость. Можете использовать любой понравившийся текстовый редактор.
- Sublime Text
- Atom
- Visual Studio Code
Бесплатные PSD макеты вы с легкостью найдете в Google.
Этап пятый:
И напоследок еще один полезный ресурс:
И рекомендация: чем больше у вас будет практики, тем быстрее вы изучите все подводные камни и просто набьете руку.
Скачивайте PSD макеты и верстайте, верстайте и еще раз верстайте. Поверьте, у всех наступает такой момент: «Ничего не получается, я все брошу и займусь чем-то другим», но не поддавайтесь этому, доведите до конца начатое.
Мир веб-разработки очень широк, а верстка — это только начало.
Примечание: а если ваш ребенок интересуется Python, курс программирования python для детей будет полезен!
Рекомендуем курс по теме
Рекомендуем публикацию по теме

- 7 советов, как сохранить мотивацию во время обучения программированию читать 10 мин
5 этапов самостоятельного изучения HTML и CSS: с чего начать?

Овладеть на базовом уровне HTML и CSS самостоятельно вполне возможно. Более того, это довольно просто, если подойти к этому вопросу серьезно. И мы в Wezom Академии советуем самостоятельно овладеть азы всем тем, кто планирует учиться на нашем курсе «HTML5 + CSS3 + JS с нуля до готового проекта». Ведь имея за плечами даже небольшой багаж знаний и навыков, вы скорее будете овладевать новым материалом и лучше ориентироваться в более сложных темах.
Как же самостоятельно изучить HTML и CSS? Можем предоставить вам следующий план действий по пяти пунктам!
Общее понимание темы
Для начала важно просто понять, что такое HTML и CSS, как они связаны, как взаимодействуют между собой и для чего используются. Информации в Сети и в нашем блоге предостаточно.
Почитать теорию можно даже в той же Википедии. Но советуем все же подходить к обучению с более практической стороны. Обратите внимание на веб-справочник CSS.IN.UA — здесь вы найдете не только всю необходимую терминологию и ее толкование, но и множество примеров кода, HTML-тегов, CSS-свойств и т.д. Собственно, рекомендуем добавить этот сайт в закладки вашего браузера — в процессе дальнейшего обучения обязательно понадобится в качестве шпаргалки.
Овладейте HTML
Советуем поначалу немного ознакомиться с историей версий HTML, чтобы лучше понять логику эволюции языка разметки гипертекста. После этого переходите непосредственно к практическому изучению:
- HTML-теги
- HTML-атрибуты
- HTML-события
Много информации можно найти на сайтах DEVELOPER.MOZILLA.ORG и W3C. Или на вышеупомянутом ресурсе CSS.IN.UA. При этом советуем не просто читать информацию, а установить редактор кода (например, VS Code) и сразу начинать писать код с тегами.
Совет! Если вы по каким-либо причинам не готовы устанавливать редактор кода и работать с ним, можно использовать онлайн-редактор непосредственно в браузере. К примеру, вот этот. В одном окне можно писать код, а в другом — сразу видеть результат. Рекомендуем найти инструкцию, как подключать CSS-стили, потому что по умолчанию в приведенном онлайн-редакторе они не подключены.
Изучение CSS
После изучения основных меток HTML необходимо переходить к изучению свойств и селекторов CSS. Опять же все необходимое можно найти на сайте CSS.IN.UA. И также советуем использовать новые знания на практике в редакторе кода, чтобы сразу видеть, как это работает.
Практика
Дальше – самое интересное!
Чуть-чуть познакомившись с базовыми тегами, свойствами и селекторами, советуем переходить к более сложным задачам. Теперь вам точно понадобится автономный редактор кода — Sublime Text, Atom, Visual Studio Code или другой.
Вариантов практики множество:
- Найдите в Сети сайт с простым дизайном и попробуйте воспроизвести его, используя HTML и CSS.
- Найдите PSD-макеты и так же верстайте по ним.
- Поищите на YouTube видео с процессом верстки страниц и повторяйте по автору.
- Попробуйте онлайн-тренажеры по HTML и CSS. Их достаточно много в сети, но значительная часть — жалованья.
Упражняйтесь как можно больше! Не стесняйтесь искать информацию и подсказки в Интернете. В начале без этого никак не обойтись. Со временем вы станете самостоятельнее и все реже будете «гуглить» нужные теги или свойства.
Онлайн-обучение
Ну и несколько слов по онлайн-обучению. Сейчас в Сети есть огромное количество информации в свободном доступе. Но здесь важно несколько моментов:
- Насколько эта информация актуальна?
- Достаточно ли она структурирована и грамотно представлена?
- Как вы можете использовать полученные знания и навыки?
Курс «Frontend разработка. Junior верстальщик»
Хочешь получить обучение от Олега Дутченко?
На курсе научимся:
- Верстать сложные сайты с адаптивным отзывчивым дизайном и семантической вёрсткой
- Работать с системой контроля версий Git
- Работать с дизайн макетом в сервисе Figma и с JavaScript
- Работать с системой контроля версий Git
- Автоматизировать процесс разработки и контроль качества
- И еще деплоить проект в облачный сервис
Заказать консультацию
Мы же в свою очередь приглашаем вас на наш онлайн-курс «HTML5+CSS3+JS с нуля до готового проекта» и гарантируем вам по-настоящему комплексный подход. Но в любом случае советуем перед этим начать самостоятельное изучение темы, ведь вас ждет еще очень много новых знаний. И лучше быть готовым!
Веб-разработка. С чего начать
На старте бывает непонятно, какой язык программирования выбрать первым. На самом деле, нет идеального языка, который раз и навсегда определит вашу карьеру. Освоить новый язык программирования — всё равно что выучить ещё один иностранный. Сначала надо определиться, что вам больше подходит: фронтенд или бэкенд.
Выбираем направление
От фронтенда, бэкенда и вот этого всего голова может идти кругом — поэтому давайте определимся что это за направления.
Фронтенд
Вся лицевая сторона. Фронтенд-разработчик отвечает за то, что пользователь видит и с чем взаимодействует на странице. Например: дизайн, визуальные элементы, схемы.
Задачи фронтендера — сделать сайт, который будет решать задачи владельца, одинаково корректно работать на всех устройствах, независимо от браузера и размера экрана и при этом будет удобен пользователю.
Основные инструменты: HTML, CSS и JavaScript.
Подойдёт тем, кто педантично относится к деталям и хочет сразу видеть результат своей работы.
Бэкенд
Невидимая часть сайта. Бэкенд-разработчик отвечает за то, что скрыто от глаз пользователя и работает на сервере. Например: создание базы данных и программы, которые будут записывать информацию в базу, шифрование паролей и ценной информацией, настраивание доступов и системы резервного копирования данных, написание программы, обрабатывающие информацию, невидимую пользователю.
Языков программирования для бэкенда несколько: PHP, Ruby, Python или Node.js. Для бэкенд-разработки нужны системы управления базами данных: MySQL, PostgreSQL, SQLite или MongoDB.
Подойдёт тем, кому интересна работа с данными и решение архитектурных задач.
Вёрстка страниц
Вне зависимости от того, что вы выберете: фронтенд или бэкенд, вам придётся взаимодействовать с веб-страницами. Для этого надо изучить HTML и CSS.
HTML
Это язык гипертекстовой разметки. Отвечает за структуру и содержание страницы. Он состоит из тегов, а тег состоит из имени, заключённого между знаками «меньше» и «больше». Например: , и .
Вспомните, как вы работаете с документом в текстовом редакторе. Пишете текст, фрагменты выделяете курсивом или цветом, вставляете картинки или таблицы. Веб-разработчик делает то же самое в редакторе кода с помощью тегов.
Вместо расширения *.txt тут используется *.html . Оно даёт понять браузеру, что внутри файла находится код веб-страницы. Браузер разбирает его структуру, определяет взаиморасположение элементов и визуализирует их.
HTML Документ Этот текст будет полужирным, а этот — ещё и курсивным.
Веб-стандарты HTML описаны в спецификациях. Это главный источник знаний и для браузеров, и для разработчиков. Важно следить за их обновлениями.
CSS
Это язык, который используется для стилизации вашей разметки. Например: сделать текст красным, выровнять по левую сторону, округлить углы изображения, поиграть со шрифтами, сделать отступы больше или меньше.
p < font-family: "Arial", "Helvetica", sans-serif; >/* свойству font-family передаются сразу несколько шрифтов и название семейства */
Тег отвечает за формирование текстового абзаца. Допустим, нам нужно чтобы все
на странице получили одинаковые свойства. Для этого надо подключить к странице стили. Пока они не подключены никакого эффекта от них не будет. Стили можно встроить внутри HTML-кода страницы (инлайново) или подключить их как внешний файл. Чаще всего стили подключают из внешнего файла с расширением *.css . Так разметка отделяется от стилизации, снижается вероятность ошибки, внешний файл кешируется и не загружается повторно. Для подключения из внешнего файла используется тег .
Знание основ HTML и CSS позволит создавать простые сайты с текстовым наполнением. Если хотите что-то посложнее, не обойтись без языков программирования.
Программирование
JavaScript
Браузерный язык программирования для фронтенд-разработки. Его поддерживают все популярные браузеры. Каждый сайт, каждое веб-приложение, которым вы пользовались содержит JavaScript-код. Его часто рекомендуют для изучения новичкам, потому что он достаточно простой, но содержит все фундаментальные вещи: объектно-ориентированную модель и структуры данных.
Применяется, чтобы оживить HTML-страницы: добавить на страницу обработку действий пользователя или интересные визуальные эффекты. Возможности применения JavaScript ограничиваются только вашей фантазией и поддержкой браузеров. Не путайте его с Java, это совершенно разные языки.
PHP
Серверный язык программирования, на котором пишут бэкендеры. Он создан специально для веб-разработки — написанный на нём код можно внедрить в HTML.
Когда вы открываете свою страницу в социальной сети и вводите логин-пароль, компьютер формирует запрос с вашими данными и отправляет на сервер. На стороне сервера PHP получает информацию из базы данных, которая тоже лежит на сервере и формирует вашу страницу: передаёт на фронтенд имя, фотографию, заполняет поля. Результат оформляется в виде готового HTML и отправляется вам в браузер.
PHP не самый сложный язык, но чтобы раскрыть все его возможности, потребуется изучить и другие технологии. Например, работу с базами данных: язык SQL, а также MySQL, PostgreSQL, SQLite или MongoDB.
База данных — это место, в котором хранятся данные сайта. Это могут быть тексты страниц, списки пользователей с их логинами и паролями, каталоги продукции и многое другое. На PHP пишется серверная логика для интернет-магазинов, сервисов бронирования, а также крупных проектов, которыми пользуются миллионы людей: «Википедия» и «ВКонтакте».
⭐ Познакомиться с PHP поможет бесплатный учебник.
React
Библиотека на языке JavaScript. Используется для создания веб-приложений. Уметь пользоваться библиотеками нужно, чтобы оптимизировать написание кода и не тратить много времени на поиск ошибок. В библиотеке хранятся готовые решения, которые можно использовать для типовых задач.
Чтобы написать приложение с помощью React, недостаточно знать HTML, CSS и JavaScript. Библиотеку придётся изучить отдельно. Но если у вас уже есть базовые знания JavaScript, проблем с этим не будет.
⭐ Если хотите разобраться с основами HTML, CSS, программирования на JavaScript и понять, интересна ли вам веб-разработка, начните с тренажёров.
Полезные материалы
- Как написать и запустить HTML на компьютере
- Как сверстать макет
- Шаблон простого сайта на HTML
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше

10 правил онлайн-собеседований
В мире, полном удалённых работ и учёб, есть много нюансов, о которых легко забыть на онлайн-собеседовании. Делимся по своему опыту:
- 9 октября 2023

Портфолио разработчика. Все секреты
Портфолио — это важный инструмент для любого разработчика, особенно для начинающего. Оно показывает ваши навыки, опыт и квалификацию, привлекает внимание работодателей и повышает шансы на получение оффера мечты.
- 3 июля 2023

Как получать 200 тысяч за код в 2024 году
Сохраните в закладки сейчас, скажете спасибо через год. Сначала шаги, в конце каждого этапа — ссылки для внеклассного чтения.
- 12 июня 2023

Верстальщик. Гайд по профессии
В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.
Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css на десять тысяч строк.
Сейчас же грань размылась — теперь нет разработчиков на React, которые не понимают, как сверстать макет и обвязать всё стилями. При этом спрос на чистых верстальщиков ещё остался — им не обязательно в совершенстве владеть JavaScript, а вот глубоко понимать, как быстро, точно и качественно из макета сделать страницу — обязательно.
В этом и заключается суть работы верстальщиков. Они берут у дизайнеров макет (это картинка, на которой нарисован сайт — К.О.) и собирают из него страницу. Пишут HTML, CSS, используют магию гридов, флексов, какой-нибудь БЭМ. Стараются, в общем, делают. Молодцы.
С другой стороны, HTML сейчас даже в некоторых школах изучают — но отчего-то сразу после школы никто не спешит платить первокурсникам по 500$ за вёрстку. И тут мы приходим к тому, что в 2023 году требуют от верстальщика работодатели.
Мы в HTML Academy работаем над тем, чтобы верстальщики после двух наших интенсивов по вёрстке находили работу, а после интенсива по JavaScript делали это вообще без проблем. И для того, чтобы чему-то обучать, мы должны понять, что требуется рынку сейчас и какие требования выставляет работодатель к верстальщику, чтобы мы могли покрывать такие требования на курсах.
- 8 июня 2023

Как устроиться туда, где закрыты все вакансии
Если вы мечтаете работать в определённой компании, но не нашли вакансий на сайтах по поиску работы — ещё не всё потеряно. Проверьте объявления на других площадках. Если и там ничего нет, воспользуйтесь «обходными путями»: начните со стажировки или познакомьтесь с рекрутёром.
- 14 февраля 2023

Хочу работать в IT, но…
Изучать что-то новое всегда — волнительное и завораживающее событие. Но некоторые останавливаются, даже не начав. Почему так происходит? По разным причинам, но бывают случаи, что из-за мыслей «ещё рано», «уже поздно», «нет технического образования», «не знаю английский». Мы покажем на примерах, что возраст, наличие образования и знание английского — не проблема для смены профессии.
- 19 января 2023

Как стать фулстек-разработчиком
В отличие от фронтендеров и бэкендеров, фулстек-разработчик способен полностью самостоятельно создать сайт или приложение. Такой специалист отлично разбирается в технологиях, базах данных, серверах, умеет разрабатывать веб-приложения и сайты, знает как фронтенд, так и бэкенд. Давайте узнаем, в чём преимущества профессии, насколько она востребована на рынке и как стать топовым специалистом.
Фулстек-разработчик сочетает несколько направлений и может заменить собой пару более узких специалистов. Главная его особенность — это универсальность. Именно поэтому спрос на таких специалистов всегда есть и постоянно растёт. Многим компаниям выгоднее нанять одного универсального разработчика, чем содержать штат программистов.
Топовых фулстек-разработчиков очень мало, они востребованы и имеют возможность выбирать из ряда предложений то, что им интересно. Джуны с небольшим опытом в сфере фулстек-разработки могут рассчитывать на зарплату от 30 до 100 000 ₽ в месяц. Опытный разработчик получает в среднем вдвое больше — 120—200 000 ₽.
Что должен уметь топовый фулстек-разработчик:
- Понимать полный цикл процесса разработки.
- Уверенно знать современный JavaScript (ECMAScript), применять TypeScript.
- Строить архитектуру клиентских и серверных приложений.
- Применять ООП и паттерны проектирования на практике.
- Проектировать и разрабатывать REST API.
- Проводить автоматизированное тестирование фронтенда и бэкенда.
- Работать с базами данных.
Зарплаты фулстек-направления
Исследования компании Хабр Карьеры за 2022 год говорят, что средняя зарплата разработчиков в России составляет 140 000 ₽. Сумма немного различается по регионам. В Москве зарплата подросла за год и составляет 180 000 ₽, в Санкт-Петербурге осталась на уровне начала года — 150 000.
Зарплата фулстек-разработчика в среднем составляет 200 000 ₽ в Москве, 160 000 ₽ в Санкт-Петербурге и 130 000 ₽ в регионах.
Этот анализ зарплат составлен по вакансиям сайта hh.ru.
Также специальность фулстек ценится за границей, зарплаты в Европе и в Америке очень достойные. В Нью-Йорке опытный фулстек зарабатывает 3000—3500 $. В Германии работодатели указывают в вакансиях зарплату 2500—4000 $.
Изучив вакансии и уровень дохода, скорее хочется прокачать навыки и стать фулстек-разработчиком. Что же для этого нужно?
- 20 декабря 2022

Как написать хорошее сопроводительное письмо
Вот вы нашли подходящую вакансию и уже готовы откликнуться — осталось только написать сопроводительное письмо. Оно дополнит резюме и поможет вам выделиться среди остальных кандидатов.
- 14 декабря 2022

К чему готовиться на IT-собеседовании
Перед первым собеседованием фронтендеры часто сидят и переживают — а что будут спрашивать? А как себя вести? А нужно знать всё-всё или достаточно конкретных вещей?
Короткий ответ — всегда и везде по-разному, угадать тяжело. Некоторые компании составляют собственные уникальные задания, другие берут списки популярных вопросов из интернета. Как повезёт.
Чтобы хоть как-то помочь вам, мы поговорили с коллегами из компаний Affinage и Takeoff-staff, компании Pitch, студии Лепёхина и веб-студии Thmoon. Они рассказали, что спрашивают на собеседованиях, как у них проходит тестовое задание и нужно ли фронтендеру уметь вообще всё, чтобы найти работу.
- 1 декабря 2022

Как легко выполнить тестовое задание
Волнуетесь, когда выполняете тестовое задание? Или быстро щёлкаете тестовые как орешки, но долго не получаете оффер? Давайте разберёмся, что важно знать при выполнении тестового задания и каких ошибок лучше избежать, чтобы получить оффер своей мечты.
- 30 ноября 2022
Изучение HTML: руководства и уроки
Чтобы создавать веб-сайты, вы должны знать о HTML — фундаментальной технологии, которая используется для определения структуры веб-страницы. HTML применяется для того, чтобы определить как должен отображаться ваш контент: в виде абзаца, списка, заголовка, ссылки, изображения, мультимедийного проигрывателя, формы или же в виде одного из множества других доступных элементов, а также возможного нового элемента, который вы сами создадите.
Путь обучения (образовательная траектория)
В идеале вы должны начать своё учебное путешествие с изучения HTML. Начните с прочтения раздела «Введение в HTML». Затем вы можете перейти к изучению более продвинутых тем, таких как:
- «CSS (Каскадные таблицы стилей)», и как их использовать для оформления (стилизации) HTML-документа (например, изменение шрифта и его размера, добавление границы и теней для элементов, разбиение страницы на несколько столбцов, добавление анимации и других визуальных эффектов).
- «JavaScript», и как его использовать для придания динамической функциональности веб-страницам (например, определение вашего местоположения и отображение его на карте, создание элементов, которые будут появляться/исчезать при нажатии на кнопку, сохранение данных пользователей локально на их компьютерах и многое другое).
Прежде чем приступить к этой теме, вы должны иметь хотя бы базовое представление об использовании компьютеров вообще и уметь «пассивно» использовать Интернет (т.е. уметь просматривать веб-страницы, быть потребителем контента). У вас должна быть базовая рабочая среда, описанная в разделе «Установка базового программного обеспечения», а также вы должны понимать, как создавать файлы и управлять ими, что подробно описано в разделе «Работа с файлами» — обе статьи являются частью нашего модуля для новичков — «Начало работы с вебом».
Перед тем, как начать эту тему, рекомендуется пройтись по разделу «Начало работы с вебом», однако это необязательно; многое из того, что описано в статье «Основы HTML», также рассматривается и во «Введении в HTML», причём даже более подробно.
Модули
Данный раздел содержит модули, которые расположены в порядке, наиболее оптимальном для их изучения. Вам определённо следует начать с первого модуля.
Этот модуль даёт основу, которая позволит вам использовать важные понятия и синтаксис, вы рассмотрите применение HTML к тексту, узнаете как создать гиперссылки и как использовать HTML для структурирования веб-страницы.
В этом модуле рассматривается использование HTML для подключения мультимедиа-контента к вашим веб-страницам, включая различные способы встраивания изображений, видео и аудио и даже других веб-страниц.
Представление табличных данных на веб-странице в понятном, доступном образе, может стать проблемой. Этот модуль описывает основы табличной разметки, а также более сложные функции, такие как реализация подписок и резюме.
Формы — очень важная часть интернета, они обеспечивают большую часть функциональных возможностей, необходимых для взаимодействия с веб-сайтом, например, регистрация и вход в систему, отправка отзывов, покупка продуктов и многое другое. В этом модуле вы начнёте с создания частей форм на стороне клиента.
Решение общих HTML задач
Использование HTML для решения общих задач содержит ссылки на разделы контента, объясняющего, как использовать HTML для решения очень распространённых проблем при создании веб-страницы: работа с заголовками, добавление изображений или видео, выделение содержимого, создание базовой формы и т.д.
Смотрите также
Отправная точка HTML документации на MDN, там вы сможете найти как подробное описание основных элементов и их атрибутов, так и более продвинутые уроки по языку, это отличное место для старта.
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 3 авг. 2023 г. by MDN contributors.
Your blueprint for a better internet.