Автоматизация рутинных процессов облегчает труд разработчика, экономит время и ускоряет работу веб-приложения.
А также переводит файлы в сжатые коды, которые понимает любой браузер и формирует итоговый пакет ресурса.
Что можно автоматизировать:
— сжатие изображений и их перевод в нужный формат;
— сборку файлов;
— сборку пакетов.
Для этих целей используют определённые инструменты ⬇️
▪️ Медиазапросы.
Это стандартные функции в CSS3 для адаптивной вёрстки.
▪️ Конструкторы.
Например, инструмент для рассылки писем, sms и т.д.
▪️ Компрессоры.
Помогают сжимать код или изображения для быстрой загрузки.
▪️ Сборщики.
Специальные приложения с инструкцией, где можно найти подробный ответ как и в какой последовательности выполнять задачи.
▪️ Фреймворки.
Объединяют все инструменты, предназначенные для автоматизации вёрстки. В них есть как HTML- и СSS-шаблоны, так и инлайнер, компрессор, сборщик, а также среда для тестирования. Не нужно будет возиться с мобильной вёрсткой, сеткой и типовыми элементами. А это особенно актуально новичкам.
Вообще, сейчас созданы целые библиотеки программ для автоматизации. И есть системы, которые обеспечивают лёгкий доступ к этим библиотекам. Яркий пример — Node.js и менеджер задач Gulp. Они автоматически помогут минимизировать CSS, оптимизировать изображения, протестировать код и его валидации.
#methed_про_ит
