Переклад не закінчено. Будь ласка, допоможіть перекласти цю статтю з англійської.

У статті Встановлення основного програмного забезпечення ми з'ясуємо, які інструменти вам потрібні для веб-розробки і як їх правильно встановити.

Які інструменти використовують професіонали?

  • Комп'ютер. Можливо, це звучить занадто очевидно, але дехто з вас може читати цю статтю з телефона чи комп'ютера в громадській бібліотеці. Для серйозної веб-розробки найкраще інвестувати у власний комп'ютер чи ноутбук (Windows, Mac або Linux).
  • Текстовий редактор для написання коду. Це може бути текстовий редактор (наприклад, Brackets, Atom чи Visual Studio Code) або гібридний редактор (наприклад, Dreamweaver). Офісні програми не підходять для розробки, оскільки вони використовують приховані елементи, які можуть впливати на зчитування документу браузером. 
  • Веб-браузер для тестування коду. На сьогодні найчастіше використовуються браузери Firefox, Chrome, Opera, Safari, Internet Explorer та Microsoft Edge. Ви повинні тестувати, як ваш сайт відображається на мобільних пристроях і у старих браузерах, які ваша цільова аудиторія може активно використовувати (наприклад, IE 6–8).
  • Графічний редактор, наприклад GIMP, Paint.NET чи Photoshop для створення зображень для вашого сайту.
  • Система контролю версій для управління файлами на серверах, співпраці з командою, поширення коду і уникнення розбіжностей при редагуванні. На сьогодні Git є найбільш популярним інструментом контролю версій, крім того, хостинговий сервіс GitHub, що базується на Git, також є популярним.
  • Програма FTP, яка використовується на старіших веб-хостингах для управління файлами на серверах (Git поступово витісняє FTP в цьому). Існує багато (S)FTP-програм, наприклад, Cyberduck, Fetch і FileZilla.
  • Система автоматизації, наприклад, Grunt чи Gulp для автоматизованого виконання повторюваних завдань, таких як зменшення коду чи виконання тестів. 
  • Шаблони, бібліотеки, фреймворки для пришвидшення написання поширених частин коду.
  • А також багато іншого!

Які інструменти мені потрібні зараз?

Список вище може виглядати страхітливо, але на щастя ви можете починати веб-розробку без знань більшості з перерахованого. У цій статті ми розглянемо базовий мінімум — текстовий редактор і кілька сучасних браузерів. 

Встановлення текстового редактора

Імовірно, ви вже маєте простий текстовий редактор на вашому комп'ютері. За замовчанням, Windows включає Notepad, а macOS — TextEdit. Linux пропонує різні варіанти; Ubuntu має gedit за замовчанням.

Для веб-розробки краще використовувати Notepad or TextEdit. Ми рекомендуємо починати з Brackets, безкоштовним редактором, який пропонує підказки і живий перегляд. 

Встановлення сучасного браузера

Поки що нам достатньо встановити кілька десктоп-браузерів для тестування нашого коду. Оберіть вашу операційну систему і клікніть на відповідне посилання, щоб завантажити ваші улюблені браузери:

  • Linux: Firefox, Chrome, Opera.
  • Windows: FirefoxChrome, Opera, Internet Explorer, Microsoft Edge (Windows 10 має встановлений Edge за замовчанням; якщо у вас Windows 7 і вище, ви можете встановити Internet Explorer 11; в іншому випадку вам потрібно встановити інший браузер).
  • Mac: Firefox, Chrome, Opera, Safari (Safari є у iOS і macOS за замовчанням)

Перед тим, як продовжити, встановіть принаймні два з цих браузерів і запустіть їх.

Встановлення локального веб-сервера

Деякі приклади потрібно буде тестувати на локальному веб-сервері. Ви можете дізнатися, як його встановити, у статті How do you set up a local testing server?

Мітки документа й учасники

 Зробили внесок у цю сторінку: mdymytrova, feel13good
 Востаннє оновлена: mdymytrova,