Короткий ответ — да, имеет смысл. Даже при быстром прогрессе ИИ знание HTML и CSS остаётся полезным и практически необходимым для фронтенд‑разработки, веб‑дизайна и контроля качества.
Почему так кажется, что стало «слишком просто»
- Инструменты автоматизируют рутинные задачи: генераторы шаблонов, визуальные конструктора (no‑code), плагины для Figma → код и готовые компоненты появляются моментально.
- Модельные решения и библиотеки (Bootstrap, Tailwind, готовые UI‑компоненты) берут на себя базовую верстку.
- ИИ‑ассистенты умеют быстро генерировать примеры, шаблоны и исправлять ошибки, поэтому базовые страницы действительно можно получить очень быстро.
Почему всё равно стоит учить HTML/CSS
- Понимание основ. Семантический HTML, правильная структура документа, доступность (a11y) — это неочевидные вещи, которые ИИ часто упускает или делает неправильно.
- Качество и поддерживаемость. ИИ может сгенерировать рабочую страницу, но код часто будет «грязным»: избыточные инлайн‑стили, несемантичные теги, плохая организация CSS, трудности с масштабированием.
- Адаптивность и кроссбраузерность. Умение отлаживать макеты на разных экранах/браузерах, устранять баги в Flex/Grid, понимать особенности рендеринга — человеческий навык.
- Доступность и SEO. Правильные атрибуты, структура заголовков, метаданные, ARIA—это важно и часто игнорируется автоматизированными решениями.
- Производительность и безопасность. Оптимизация ресурсов, lazy loading, предотвращение уязвимостей (например, XSS при вставке стороннего HTML) — требуют знаний.
- Интеграция в стек. Реальные проекты используют сборщики, препроцессоры (Sass), CSS‑модули, BEM/ITCSS, компоненты (React/Vue) — нужно понимать, как HTML/CSS работают в этих контекстах.
- Карьерные возможности. Понимание основ делает вас гибче и ценнее, особенно при решении сложных задач и в командной разработке.
Ограничения ИИ в верстке (почему не всё можно автоматизировать)
- Галлюцинации: ИИ может придумать неправильные свойства или устаревшие практики.
- Отсутствие внимания к семантике и доступности.
- Плохая поддерживаемость и масштабирование генерируемого CSS.
- Сложные интерактивные сценарии, анимации и state‑management лучше проектировать вручную.
- Непредсказуемые баги на нестандартных устройствах и в специфичных браузерах.
Как учиться сейчас (рекомендации)
- Сначала базовая теория: семантический HTML, CSS Box Model, Flexbox, Grid, адаптивная верстка (media queries), основы доступности.
- Освой DevTools: инспекция, перестройка стилей, производительность.
- Практика: маленькие проекты (лендинг, портфолио, адаптивный макет), задачи с Frontend Mentor или coding challenges.
- Изучи современные рабочие практики: препроцессоры (Sass), методологии (BEM), инструменты сборки, Tailwind или CSS‑modules — но только после понимания баз.
- Контроль качества: линтеры (stylelint), автотесты, CI, ревью кода.
Как использовать ИИ правильно
- Как ассистент: проси сгенерировать шаблон, объяснить ошибки или предложить альтернативу.
- Проверяй и рефакторь сгенерированный код: семантика, доступность, производительность.
- Формулируй чёткие промпты и проси объяснения, чтобы учиться на примерах.
Короткий план первых шагов
1. Пройти вводный курс (MDN, freeCodeCamp).
2. Сделать 3 простых проекта: посадочная страница, адаптивная сетка, форма с валидацией и доступностью.
3. Использовать DevTools для отладки и оптимизации.
4. Практиковаться на реальных макетах (Figma → вёрстка).
Вывод: ИИ делает рутинную верстку быстрее, но фундаментальные знания HTML/CSS остаются критическими для качества, масштабируемости и карьеры. Используйте ИИ как инструмент, а не как замену пониманию. Хотите — могу предложить план обучения на 4 недели с конкретными упражнениями.