PurpleSchool — курсы программирования онлайн
  • Пути
    • Frontend React разработчик
    • Frontend Vue разработчик
    • Backend разработчик Node.js
    • Fullstack разработчик React / Node.js
    • Mobile разработчик React Native
    • Backend разработчик Golang
    • Devops инженер
    • Backend разработчик Python
  • AI для кодаНовое
  • О нас
    • Отзывы
    • Реферальная программа
    • О компании
    • Контакты
  • Иконка открытия меню
    • Сообщество
    • PurpleПлюс
    • AI Собеседование
    • AI тренажёр
    • Проекты
PurpleSchool — платформа бесплатных roadmap и курсов для разработчиков
ютуб иконка
Telegram иконка
VK иконка
VK иконка
Курсы
ГлавнаяКаталог курсовFrontendBackendFullstack
Практика
КарьераПроектыPurpleПлюс
Материалы
БлогБаза знаний
Документы
Договор офертаПолитика конфиденциальностиПроверка сертификатаМиграция курсовРеферальная программа
Реквизиты
ИП Ларичев Антон АндреевичИНН 773373765379contact@purpleschool.ru

PurpleSchool © 2020 -2026 Все права защищены

  • Курсы
    • FrontendИконка стрелки
    • AI разработкаИконка стрелки
    • BackendИконка стрелки
    • DevOpsИконка стрелки
    • MobileИконка стрелки
    • ТестированиеИконка стрелки
    • Soft-skillsИконка стрелки
    • ДизайнИконка стрелки
    Иконка слояПерейти в каталог курсов
  • Бесплатно
    • Курсы
    • JavaScript Основы разработкиPython Основы PythonCSS CSS FlexboxКарта развитияВопросы для собеседований
    • База знанийИконка стрелки
    • Новостные рассылкиИконка стрелки
  • PurpleSchool — курсы программирования онлайн
    • AI для кодаНовое
    • Сообщество
    • PurpleПлюс
    • AI Собеседование
    • AI тренажёр
    • Проекты
    Главная
    Сообщество
    5 функций CSS, которые заменят JavaScript!

    5 функций CSS, которые заменят JavaScript!

    Аватар автора 5 функций CSS, которые заменят JavaScript!

    Роман Лобигер

    Иконка календаря28 августа 2025
    видеоjuniorИконка уровня junior
    Картинка поста 5 функций CSS, которые заменят JavaScript!

    Разберем 5 функций CSS из последних обновлений, появление которых полностью убирает необходимость использовать JS при верстке многих распространенных функций интерфейса. Обсудим light-dark() для автоматической адаптации UI под светлую / тёмную тему. Popover API для всплывающих окон и тултипов. Теги summary и details для аккордеонов и раскрывающихся списков. Плюс, свежий элемент spoiler-content, позволяющий прятать текст прямо на уровне HTML и CSS. Все — без единой строчки JS. Убираем лишний код. Приходите смотреть!

    ▶️ Полный курс HTML & CSS на платформе

    📱 Смотреть на YouTube

    Иконка глаза918

    Комментарии

    0

    Постройте личный план изучения Nuxt - fullstack Vue фреймворк до уровня Middle — бесплатно!

    Nuxt - fullstack Vue фреймворк — часть карты развития Frontend

    • step100+ шагов развития
    • lessons30 бесплатных лекций
    • lessons300 бонусных рублей на счет

    Бесплатные лекции

    Лучшие курсы по теме

    изображение курса

    Основы разработки

    Антон Ларичев
    Гарантия
    Бонусы
    иконка звёздочки рейтинга5.0
    бесплатно
    Подробнее
    изображение курса

    Angular

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.6
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    Feature-Sliced Design

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Практика в студииПрактика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.6
    3 999 ₽ 6 990 ₽
    Подробнее

    Похожие статьи

    Иконка аватараАнтон
    Иконка календаря24 сентября 2026
    Claude CodeAnthropicAI-инструменты+ 2middleИконка уровня middle

    Как установить Claude Code на Windows: инструкция из России

    Claude Code ставится на Windows одной командой `npm install -g @anthropic-ai/claude-code` — при условии, что в системе есть Node.js. Проблема начинается после установки: CLI поднимется, но при первом же запросе вернёт ошибку доступа, потому что API Anthropic не обслуживает запросы из России. Поэтому установка на Windows из России — это два отдельных дела: поставить сам пакет и подсунуть ему рабочий адрес API с ключом. Ниже — оба шага по порядку, с синтаксисом именно для PowerShell, а не для bash.

    Иконка чипа0
    Иконка глаза50
    Иконка комментариев0
    Картинка поста Микросервисная архитектура для начинающих: гайд с примерами
    Иконка аватараАнтон
    Иконка календаря23 сентября 2026
    микросервисыархитектураbackend+ 2juniorИконка уровня junior

    Микросервисная архитектура для начинающих: гайд с примерами

    Микросервисная архитектура простыми словами: чем она отличается от монолита, какие есть плюсы и минусы, и как спроектировать первую систему на микросервисах — с примерами кода.

    Иконка чипа0
    Иконка глаза88
    Иконка комментариев0
    Иконка аватараАнтон
    Иконка календаря23 сентября 2026
    Claude CodeopenaiAI-инструменты+ 2middleИконка уровня middle

    Claude Code и Codex в VS Code: подключение из России

    Claude Code и Codex в VS Code ставятся из маркетплейса как любое другое расширение, и на этом штатный сценарий для России заканчивается: диалог открывается, но ответа не приходит. Причина не в редакторе — запрос не доходит до модели. Рабочее решение одно: указать расширению другой адрес API. Оба расширения умеют ходить в совместимый шлюз, и у [AI для кода от PurpleSchool](https://purpleschool.ru/ai-for-code) такой шлюз есть — ключ берётся в личном кабинете, подписка оплачивается российской картой. Ниже два маршрута настройки, для Claude Code и для Codex: конфиги целиком, построчный разбор и причины, по которым VS Code может не увидеть ключ.

    Иконка чипа0
    Иконка глаза185
    Иконка комментариев0
    Иконка чипа0