Инструменты

Сравнение пакетных менеджеров для JavaScript: npm, Yarn, pnpm и Bun. Установка пакетов, lock-файлы, монорепозитории, скорость работы и когда какой выбрать.

Vite — современный инструмент сборки для фронтенд-проектов. Dev-сервер на ESM, HMR за миллисекунды, Rollup-бандлер для production, плагины и конфигурация.

Webpack — модульный бандлер для JavaScript. Разбираем entry, output, loaders, plugins, code splitting, оптимизацию и миграцию на Vite.

ESLint для проверки качества кода и Prettier для автоформатирования. Настройка, правила, плоский конфиг, интеграция с VS Code, Husky и lint-staged.

Chrome DevTools — встроенный инструмент разработчика в Chrome. Отладка HTML/CSS, консоль, анализ сети, профилирование производительности, аудит Lighthouse.

Настройка VS Code для фронтенд-разработки: лучшие расширения, настройка settings.json, горячие клавиши, сниппеты, терминал и Debug-конфигурация.

Инструменты для тестирования REST API: Postman и Insomnia. Создание запросов, коллекции, переменные окружения, авторизация, автотесты и моки.

Работа фронтенд-разработчика с Figma: экспорт ассетов, понимание Auto Layout, Dev Mode, CSS-инспектор, плагины и правила передачи макетов от дизайнера.

Docker для фронтенд-разработчика: Dockerfile для Nginx-деплоя, multi-stage сборка, docker-compose с API и базой данных, полезные команды.

Работа с терминалом для фронтенд-разработчика: навигация, файловые команды,_pipe, перенаправления, Zsh, Oh My Zsh и настройка productive окружения.

Графические клиенты Git: Sourcetree, GitKraken и GitHub Desktop. Визуализация истории, разрешение конфликтов, сравнение и когда какой выбрать.

Storybook — инструмент для изолированной разработки, тестирования и документирования UI-компонентов. Настройка, stories, addons,interaction testing и публикация.