Обзор актуальных инструментов и технологий для веб-разработки

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

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

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

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

• Redux.js
• VueX

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

• VSCode (Visual Studio Code)
• Sublime text
• Atom

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

• Bootstrap
• Materialize

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

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

Proto или Moqups

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

Способ верстки под названием «Mobile First» выходит на первый план, при создании адаптивного дизайна (оптимизация сайта под мобильные устройства).

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

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

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

FTP

• FileZilla

CMS

• WordPress
• Tilda
• Bitrix 
• Joomla!
• Drupal

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

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

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

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

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

И на последок, как бонус, уточним какие единицы измерения использовать при разработке сайтов и приложений 

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