Лабораторна робота №1 • 2026

Сучасне локальне середовище фронтенд-розробки

Чиста робоча екосистема для веб-розробки: редактор коду з перевіркою якості (ESLint 9, Prettier), контроль версій Git/GitHub, деплоймент на платформі Render та дисциплінований AI-агент.

Дослідити інструменти Натисніть сюди

Архітектура середовища

Компоненти локального робочого простору

Перевірені інструменти для стабільної, передбачуваної та чисної розробки

Редактор / IDE

Antigravity — сучасне повнофункціональне робоче середовище з підтримкою агентної розробки, глибокою інтеграцією HTML5, CSS3, ECMAScript, TypeScript, налаштуваннями робочого простору та локальним інструментарієм Live Preview.

Antigravity Agentic IDE Live Preview Emmet

Якість коду

ESLint 9 з сучасною Flat-конфігурацією для статичного аналізу + Prettier для єдиного крос-редакторного форматування.

ESLint 9 Prettier EditorConfig

Контроль версій

Система контролю версій Git 2.53 та віддалений репозиторій GitHub. Зрозумілий цикл: edit → verify → commit → push.

Git 2.53 GitHub

Деплоймент Render

Автоматизоване розгортання Static Site на хмарній платформі Render із підключеним доменом htmlcss.lab1.shak1n.com.

Render Static Site Custom Domain

Інтерактивна взаємодія

Тестовий модуль DOM та стану

Перевірка виконання клієнтського JavaScript, зміни стану та адаптивності

Live Inspector

Ширина вікна (Viewport): Обчислення...
Тип пристрою: Десктоп / Мобільний
Швидкі клавіші: + / − лічильник

Дані оновлюються автоматично через події Resize та DOM