Веб разработка

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

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

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

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

Браузеры

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

  • Chrome
  • Firefox
  • Opera

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

  • Photoshop
    • AI
  • Sketch — для пользователей MacOS от Apple
  • Figma

Proto или Moqups

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

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

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

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

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

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

FTP

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

  • FileZilla

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

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

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

  • REG.RU
    • GitHub Pages

CMS

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

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

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

  • Sass/SCSS
  • PostCSS
  • Stylus
  • Pug/Jade

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

  • Emmet

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

  • Vanilla JavaScript
  • ES6+
  • JSON
  • jQuery
  • React, Vue или Angular

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

  • Redux.js
  • VueX

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

  • Bootstrap
  • Materialize

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

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

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

  • ESLint
  • Prettier
  • Live Server и многие другие.

    Список некоторых полезных расширений для веб-разработчика

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

  • Node.js
  • Python
  • PHP
  • C#
  • Go

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

  • Критерии оценки качества дизайна веб-сайта

    Веб-дизайн является достаточно сложной задачей, так как имеет свою специфику, которая не позволяет проводить оценку…

  • Краткий обзор HTML Canvas

    HTML Canvas — это удивительная технология для рисования, встроенная во все современные браузеры. С помощью…

  • Популярные приемы в дизайне веб-портфолио

    Каждый дизайнер стремится ответственно подойти к дизайну своего веб-портфолио, чтобы оно было объективным выражением не…

  • 43 популярных ошибки веб-дизайна

    1. Посетитель сайта должен сразу понимать, о чем сайт Все усилия, связанные с изготовлением сайта,…

Понравилась статья? Поделиться с друзьями: