Один из самых важных уроков, который вы усвоите как разработчик, — работать умнее, а не усерднее, и один из лучших способов жить по этому правилу — использовать программы, которые делают вас более продуктивными и упрощают вашу жизнь. В этом тексте вы увидите 7 различных программ, о которых вы, возможно, слышали или которыми пользовались, а возможно, и нет.
Программы, которые будут обсуждаться, очень полезны для разработчиков, которые участвуют во всем процессе создания и в основном используются веб-разработчиками, т. е. веб-дизайнерами.
Первая программа - BundlePhobia. Это веб-приложение, позволяющее указать, какой объем пакета NPM будет добавлен к общему пакету. Если вы работаете с современными технологиями интерфейса, вам следует сделать пакет максимально компактным, чтобы оптимизировать загрузку домашней страницы. BundlePhobia легко проанализирует ваш проект: вам нужно ввести название пакета, и он сообщит вам, из скольких пакетов он состоит, время загрузки и много другой информации для каждой версии пакета.
Вторая программа - CloudCraft. Это веб-приложение, которое поможет вам спроектировать и составить бюджет вашей облачной инфраструктуры. В настоящее время он доступен только для AWS, хотя часто используется только GCP. Это полезное приложение, поскольку оно предоставляет интуитивно понятный интерфейс с функцией перетаскивания, позволяющий подключать различные облачные инфраструктуры. Это не только отлично подходит для планирования, но и для составления бюджета, поскольку, когда вся инфраструктура собрана в одном месте, вы можете увидеть предполагаемую стоимость бюджета.
Третья программа - Фигма. Это, пожалуй, самая известная программа из этого списка, она очень напоминает Adobe Illustrator и Sketch. Figma — это программа для графического дизайна, которая имеет настольную и веб-версию, предоставляющую те же функции, и является абсолютно бесплатной. Поскольку у него есть веб-версия, вы можете открывать свои проекты с любого компьютера, просто войдя в свою учетную запись. Кроме того, если вы разработчик приложений, вы можете экспортировать свои стили как CSS или как стили Android или iOS.
Четвертая программа — Фонтфлиппер. Это приложение создано с использованием Angular и Firebase, и его единственная цель — помочь вам выбрать шрифты для вашего дизайна. В Google есть сотни, если не тысячи шрифтов, и довольно утомительно перебирать каждый из них, пока не поймешь, какой из них подходит именно тебе. Fontflipper позволяет вам вводить собственную графику, а затем экспериментировать со шрифтами и просто выбирать то, что вам нравится, проводя пальцем влево, если шрифт вам не нравится, и вправо, если он вам нравится. Как только вы определитесь, какие шрифты вам нравятся, вы можете загрузить их напрямую из Google.
Пятая программа — расширение для Google Chrome. VisBug. Это программа, которая позволяет вам визуально взаимодействовать с вашим сайтом. Страницу можно стилизовать в реальном времени в браузере, элементы страницы можно перемещать, их стили можно изменять. Вам не нужно писать новый CSS-код самостоятельно, вы просто копируете его из инспектора и вставляете.
Шестая программа — Бессонница. Он наиболее полезен для разработчиков бэкэнда и используется для отладки API. Независимо от того, создаете ли вы REST API или графический QL API, это приложение поможет вам организовать весь рабочий процесс. Он также позволяет сохранять повторно используемые значения, чтобы вы могли вернуться и снова отладить свой API, поскольку вам не хочется тратить время на ежедневное переписывание скучных HTTP-запросов, а Insomnia имеет хорошо продуманный пользовательский интерфейс.
Седьмая программа — Вспышка. Еще одна программа для дизайна, она используется для создания 2D-векторной анимации, она похожа на Figma в том, что используется для графики, но во Flare вы также можете увидеть, как со временем менялся дизайн, поскольку каждый дизайнер что-то менял. Flare — это открытая программа для дизайна, которая позволяет вам видеть работы всех других дизайнеров на сайте и учиться у других.
Источник: ютуб
