Опубликовано автор в категориях Верстальщику.

Автоматизация фронтенда сегодня в тендер. Как по не, так обоснованно. Ведь чем больше рутинных вещей мы оставим для машины, тем больше времени на творчество будет у нас. Почему на творчество? Потому, что разработка хорошего фронтенда это без сомнений процесс творческий.
Итак, сегодня я хотел бы обратить ваше внимание на несколько полезных инструментов, которые вам могут помочь автоматизировать ваш рабочий процесс.

Headstart

Первый инструмент направлен непосредственно на упрощения создания базового проекта для фронтенд разработки.  Нeadstart — это фреймворк, который поможет вам создать качественный проект.

Он позволяет вам запускать множество различных задач и все это уже настроено для вас, так сказать, «из коробки». Если вы ранее хотели пробовать такие менеджеры пакетов как Grunt или Gulp, то этот фреймворк поможет вам в этом.
Из фич, которые предлагает фреймворк следующее:

  • Интерфейс командной строки (CLI)
  • Настраиваемый стартовый шаблон
  • Простой шаблонизатор
  • Оптимизация изображений и SVG
  • Компилятор Sass и минификация
  • Конкантенация и сжатие Javascript
  • Проверка CSS и Javascript
  • Валидация  вашего HTML по W3C
  • Комбинирует Media Queries
  • Минифицирует HTML
  • Следит за автоматической перезагрузкой измененных статических HTML файлов
  • Синхронизирует множество браузеров и девайсов
  • Пропускает проекты через Pagespeed Insights

В общем «машинка» интересная и стоит того, чтобы попробовать. Отдельно стоит сказать что этот фреймворк имеет свой механизм интеграции с бэкендом, что тоже важно.

Source

А этот инструмент поможет вам делать отличные документации к вашим проектам, не знаю как на счет небольших проектов, возможно там сгодятся вещи попроще, но если у вас серьезный проект, который планируется поддерживать и развивать, то стоит обратить внимание на Source.

Фишка в том, что Source позволяет разработчикам создавать новые компоненты фронтенда непосредственно в среде документирования. А это в свою очередь значительно расширяет возможности совместной работы над проектом, например разработчика в связке с дизайнером, да-да, не пугайтесь так сильно, Source поможет вам подружиться с дизайнером 🙂 Лично мне он очень понравился, но, чтобы не писать много текста, предлагаю вам ознакомится с видео, в котором прекрасно рассказано и показано, что такое Source.

Оставить комментарий

  • (не будет показан)