MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey-2018-1

В статията "Инсталиране на основния софтуер", ви показваме нужните инструменти за уеб-разработка и как да ги инсталирате правилно.

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

  • Компютър. Това може и да ви звучи очевидно, но немалко от вас четат тази статия от телефона си или обществено достъпен компютър. За сериозно уеб програмиране е по-добре да инвестирате в настолен или преносим компютър (Windows, Mac или Linux).
  • Текстов редактор, в който да пишете кода. Това може да бъда текстов редактор като Brackets, Atom или Visual Studio Code, или пък хибриден редактор от типа на Dreamweaver. Rедакторите на документи като MS Word  или Libre Office Writer не са подходящи, тъй като съдържат много и скрити елементи, които пречат на изпълнението на кода в уеб браузъра.
  • Мрежови четци, за да тествате кода. В момента най-използваните такива са Firefox, Chrome, Opera, Safari, Internet Explorer и Micrososft Edge. Необходимо е също да тествате как сайтът ви би изглеждал на мобилни устройства, както и в някои по-стари браузъри, които потребителите ви вероятно все още използват (напр. IE 6–8.)
  • Графичен редактор – например GIMP, Paint.NET или Photoshop, с които да създадете изображенията за страницата си.
  • Система за управление на версиите – за управление на файловете на сървъра, за да си сътрудничите с други хора по някой проект, да споделяте програмен код и файлове, като избягвате конфликти при едновременна промяна на едни и същи файлове от двама или повече души. Сега Git е най известното средство за управление на версиите, а GitHub , също използваща Git, е исвестна услуга предоставяща обществено достъпни хранилища за програмен код.
  • Клиентът за FTP е програма, която се използва при по-старите доставчици на хостинг услуги за управление на файловете на сървъра (Git все повече измества FTP в тази област). Има много (S)FTP програми. Някои от тях са Cyberduck, Fetch и FileZilla.
  • Система за автоматизация като Grunt или Gulp. Използват се за автоматизиране изпълнението на повторяеми задачи, например смаляване на кода и изпълнение на тестове.
  • Шаблони, библиотеки, работни рамки и др. за ускоряване разработката на обща функционалност.
  • Още помощни средства за разработка.

Какви инструменти ми трябват сега?

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

Инсталиране на текстов редактор

Най-вероятно вече имате базов текстов редактор на компютъра си.  You probably already have a basic text editor on your computer. Windows по подразбиране съдържа Notepad, а OS X идва с TextEdit. Linux дистрибуциите имат различни редактори, например Ubuntu съдържа gedit по подразбиране.

За Уеб разработка можете да ползвате нещо по-добро от Notepad или TextEdit. Препоръчваме ви да започнете с Brackets - безплатен текстов редактор, който предлага преглед на живо и подсказки при писането на код.

Инсталиране на модерни уеб браузъри

За сега ще инсталираме само няколко десктоп Уеб браузъри, в които да тестваме кода си. Изберете операционна система и отворете съответните линкове, за да свалите инсталатори за любимите си браузъри:

  • Linux: Firefox, Chrome, Opera.
  • Windows: FirefoxChrome, Opera, Internet Explorer, Microsoft Edge (Edge е включен в Windows 10 по подразбиране; ако имате Windows 8 и нагоре, може да инсталирате IE 11; в противен случай е добре да инсталирате друг браузър)
  • Mac: Firefox, Chrome, Opera, Safari (Safari е браузърът на iOS and OS X по подразбиране)

Преди да продължите, трябва да инсталирате поне два от тези браузъри и да ги подготвите за тестване на кода.

Инсталиране на локален уеб сървър

Някои примери ще трябва да бъдат изпълнени на уеб сървър, за да работят правилно. Можете да видите как да направите това тук: Как се настройва локален сървър за тестване?

Етикети за документа и сътрудници

 Допринесли за тази страница: angelinag, kberov
 Последно обновяване от: angelinag,