В Установке базового программного обеспечения, мы покажем вам, какие инструменты вам необходимы для простой веб-разработки, и как установить их должным образом.

Какие инструменты используют профессионалы?

  • Компьютер. Может быть, это звучит очевидно для некоторых людей, но некоторые из вас читают эту статью с телефона или библиотечного компьютера. Для серьезной веб-разработки, лучше приобрести настольный компьютер (Windows, Mac или Linux).
  • Текстовый редактор, чтобы писать код. Это может быть бесплатный текстовый редактор (например, Notepad++Brackets, Atom или  Visual Studio Code), коммерческий текстовый редактор (Sublime Text или Coda) или гибридный редактор (Dreamweaver).
  • Веб-браузеры, для тестирования кода. В настоящее время наиболее часто используемые браузеры это Firefox, Chrome, Opera, Safari, и Internet Explorer. Вы также должны тестировать ваш сайт на то, как он работает на мобильных устройствах и на любых старых браузерах, которые ваша целевая аудитория может все ещё широко использовать (например, IE 6-8).
  • Графический редактор, такие как The Gimp, Paint.NET, или Photoshop, чтобы создавать изображения для ваших веб-страниц.
  • Система контроля версий, чтобы сотрудничать над проектом с командой, делиться кодом и вкладами, и избегать редакционных конфликтов. Сейчас Git является наиболее популярным инструментом контроля версий, и репозиторий кода Github, основанный на Git, также является очень популярным.
  • FTP программа, чтобы загружать веб-страницы на сервер для публичного просмотра. Существует обилие таких программ, доступных в том числе Cyberduck, Fetch, и FileZilla.
  • Система автоматизации, такая как Grunt или Gulp, для автоматического выполнения повторяющихся задач, например, минимизации кода и запуска тестов.
  • Шаблоны, библиотеки, фреймворки и т. д., чтобы ускорить написание общей функциональности.
  • А также некоторые другие инструменты!

Какие инструменты на самом деле нужны мне прямо сейчас?

Этот список выглядит страшновато, но, к счастью, вы можете начать веб-разработку, не зная ничего о большинстве из того, чтов нем написано. В этой статье мы установим базовый минимум - текстовый редактор и некоторые современные веб-браузеры.

Установка текстового редактора

У вас, наверное, уже есть базовый текстовый редактор на вашем компьютере. По умолчанию Windows включает Блокнот и Mac OS X поставляется с TextEdit. Linux дистрибутивы варьируются; Ubuntu поставляется с gedit по умолчанию.

Для веб-разработки вам, вероятно, понадобится больше, чем могут предложить Блокнот или TextEdit. Мы рекомендуем начать с Sublime Text или Brackets. Они оба бесплатны, кросплатформенны и более функциональны, чем Блокнот и TextEdit.

Установка современных веб-браузеров

На данный момент, мы установим только пару настольных веб-браузеров, чтобы проверять наш код. Выберите вашу операционную систему ниже и нажмите на соответствующие ссылки для загрузки установочных программ ваших любимых браузеров:

  • Linux: Firefox, Chrome, Opera.
  • Windows: Firefox, Chrome, Opera, Internet Explorer (Если у вас есть Windows 8 или выше, вы можете установить IE 10 или более позднюю версию; иначе, вам следует установить альтернативный браузер)
  • Mac: Firefox, Chrome, Opera, Safari (Safari постовляется с iOS и OS X по умолчанию)

Прежде, чем идти дальше, вам следует установить, по крайней мере, два из этих браузеров, чтобы использовать их для тестирования.

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

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

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

 Внесли вклад в эту страницу: Egokorok, gitzizou, boddik, BychekRU, Evgeny_Kurkin, Unregistered45, Neir
 Обновлялась последний раз: Egokorok,