Что установить перед стартом

7 бесплатных инструментов, с которых начинается любое обучение программированию. Отмечайте по ходу установки — прогресс сохраняется, пока вы на странице.

Прогресс установки0 / 7

Шаг 1

Браузер Google Chrome

Основной инструмент разработки — встроенные DevTools для отладки HTML, CSS и JavaScript прямо на странице.

Понадобится с урока 1

Шаг 2

Visual Studio Code

Бесплатный редактор кода, ставший стандартом в индустрии — подсветка синтаксиса, автодополнение, встроенный терминал.

Понадобится с урока 1

Шаг 3

Расширения VS Code

Live Server (мгновенный просмотр страницы в браузере), Prettier (автоформатирование кода) — экономят часы рутины.

Понадобится с урока 2

Шаг 4

Node.js

Позволяет запускать JavaScript вне браузера — понадобится позже, при переходе к backend и работе с пакетами (npm).

Понадобится при переходе к фреймворкам

Шаг 5

Git

Система контроля версий — сохраняет историю изменений кода и позволяет откатиться назад, если что-то сломалось.

Понадобится при первом pet-проекте

Шаг 6

Аккаунт на GitHub

Хранилище для кода в облаке — сюда же выкладывается портфолио, которое смотрят работодатели.

Понадобится для портфолио

Шаг 7

Встроенный терминал

Уже есть внутри VS Code — не нужно ничего дополнительно ставить. Базовые команды (cd, ls, git) осваиваются за один вечер.

Понадобится с урока 1

Частые вопросы

Нужно ли платить за какой-то из этих инструментов?

Нет — все 7 инструментов из списка полностью бесплатны для личного использования, включая VS Code, Node.js, Git и аккаунт на GitHub.

Можно ли учиться программировать без установки чего-либо?

Частично — браузер уже есть на любом компьютере, и первые уроки HTML/CSS/JS можно проходить даже без редактора кода. Но для комфортной работы установка VS Code и остальных инструментов займёт около 20 минут.

Подходит ли этот набор инструментов для Windows, macOS и Linux?

Да — все перечисленные инструменты кроссплатформенные и работают одинаково на Windows, macOS и Linux.

Инструменты готовы — время писать код

Бесплатный курс JavaScript учит пользоваться всеми этими инструментами на практике с первого урока — не абстрактно, а прямо на реальных задачах.

🎓 Пройти курс на Udemy ▶️ Бесплатно на YouTube