Що встановити перед стартом

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 вчить користуватися всіма цими інструментами на практиці з першого уроку — не абстрактно, а прямо на реальних задачах.

🚀 Почати вивчати JavaScript Переглянути курс