Комментариев нет

Базовые инструменты веб-разработчика

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

Веб-разработчик и путь его развития в 2019 году

Текстовые редакторы / IDE

Первый вопрос — какой текстовый редактор выбрать? Ниже будут представлены все наиболее популярные и необходимые инструменты для веб-разработки и фронтенда.

  • VSCode (Visual Studio Code) или простыми словами — Вижла/Вижл студия 🙂 является несомненным лидером в инструментарии веб-разработчика.
  • Sublime text
  • Atom

Браузеры

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

Графические редакторы и макеты

Proto или Moqups

Адаптивный дизайн

При создании адаптивного дизайна (оптимизация сайта под мобильные устройства) в 2019 году необходимо опираться на два пункта. Здесь ничего необычного, за исключением разве что того, что спобоб верстки под названием «Mobile First» встает первым планом. И не удивительно, ведь мобильных пользователей с каждым годом становится все больше.

  • Верстка способом Mobile First
  • Media запросы

Единицы измерения

Какие единицы измерения использовать при разработке сайтов и приложений в 2019 году? Ведущие иностранные разработчики рекомендуют тем, кто еще не перешел, переходить на единицы rem, em и vw/vh для улучшения работы с типографией.

  • Rem
  • Em
  • vw/vh
  • %
  • px

FTP

В моем арсенале FileZilla занимает единственное лидирующее место.

Домены и хостинг

REG.RU завоевал первое место в списке регистраторов за свое удобство использования, бонусы и прочие возможности. На втором месте находится Domenus.

Тем не менее, отдельно хочется выделить странички на GitHub, они же GitHub Pages, которые полюбились веб-разработчикам за свою доступность и простоту в использовании.

CMS

  • WordPress — лидер среди систем управления содержимым сайта, да еще и с открытым исходным кодом
  • Tilda
  • Bitrix — качественная и надежная CMS, которая отлично подходит для бизнес сайтов и интернет-магазинов. Однако, в последнее время интерес к ней становится все меньше, поскольку сложность в ее эксплуатации доставляет не мало неприятностей.
  • Joomla!
  • Drupal

Препроцессоры

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

Будет очень полезно, если вы ознакомитесь с технологией, которая называется Emmet LiveStyle.

Программирование

Дополнительно к ним:

HTML / CSS фреймворки

Механическая обработка

  • Git — контроль версий
  • NPM — пакеты для разработки
  • Gulp — таск менеджер
  • Webpack — модуль для упаковки файлов

Расширения для редактора VSCode

Серверная часть

Автор: Андрей Шарапов
Источник: madeas.ru

Возможно Вас также заинтересует…