Найти в Дзене
a@g4v.ru

Инструменты для изучения веб программирования

Здесь я перечисляю, чем реально пользуюсь сам.  Считаю, что инструменты — это суперважно. С хорошими инструментами вы учите язык гораздо быстрее. Когда я решил выучить PHP, то первым делом не полез в мануалы, чтобы создать Hello World, а стал читать о том, какие есть современные и удобные инструменты для того чтобы работать с  php, html, css, js.

SublimeText — это такой редактор (бесплатный). Типа супер пупер крутой блокнот с горой всяких примочек и фишечек. К нему я использую плагины (они тоже все бесплатные):

  • Bootstrap 4 (добавляет сниппеты и автокомплит для бутстрапа)
  • Emmet (позволяет писать код коротко например #myid превращается в <div id=»myid»></div> — очень быстро можно формировать структуру)
  • ColorPicker (вызывается CTRL+Shift+P — позволяет быстро подобрать цвет и скопировать его код)
  • Color Highlighter — подсвечивает код цвета типа #ff4skd тем цветом, который дает этот код
  • View in Browser — показывает ваш html в браузере.
  • Live Reload — сам перезагружает страницу, когда вы сохраняете файл.
  • AdvancedNewFile — вызывается  CTRL+Alt+N — создает новый файл  прямо из программы (не нужно лезть в папку)
  • All AutoComplete — предлагает варианты автокомплита, даже если это название класса, которое храниться в другом файле, подключенном к вашему текущему. 
  • Git — плагин позволяет пользоваться системой контроля версий прямо из SublimeText

Open Server — локальный бесплатный сервер. Нужен чтобы запускать php  с вашего компьютера. Классная штука.  Если вы слышали о Денвере, то OpenServer лучше. Чем лучше? Чем Денвер. Можно переключаться на разные версии PHP  и куча всего другого. Вот такая у него менюшка:

Git — это бесплатная система контроля версий. Вы говорите: запоминай, все что я делаю в этой папке. Или: запомни состояние кода на этот момент и запиши комментарий к этому состоянию «Че-то нихрена не работает». И это как сохранение в игре: всегда можно вернуться к состоянию «Че-то нихрена не работает».

GitHub — это облачное хранилище для файлом, которые контролирует Git (или похожая программа). Хранилище бесплатное, если вы готовы палить всему интернету свой код. Чтобы скрыть код от посторонних — нужно заплатить бабло (не будьте параноиками — всем насрать на ваш код).

SoloLearn — сайт-обучалка, где можно бесплатно пройти базовые курсы по php, сss и другим. Есть приложение для айфончиков — поэтому я юзаю его, когда еду на работу и с работы (час в одну сторону и час в другую — это 10 часов в неделю и 40 часов в месяц. А 40 часов — это 5 рабочих дней. А это рабочая, мать его, неделя). Там есть сообщество и возможность запустить написанный код прямо из браузера. И если вы любитель получить сертификатик, то там бесплатно дают такие (обожаю это говно):

-2

Академия Верстки — это сравнительно (например если сравнивать с Нетологией) недорогие курсы по веб-разработке. Советую.

Еще я часто бываю на этих страницах:

Шпаргалка по bootstrap 4
Шпаргалка по JQ