Веб-разработчик и путь его развития в 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. Посетитель сайта должен сразу понимать, о чем сайт Все усилия, связанные с изготовлением сайта,…
