Пример простой кастомизации поля загрузки файлов (input file)

Проблема стилизации поля типа file связана с тем, что на нем невозможно инициировать клик. То есть мы не можем просто взять и сделать document.dispatchEvent(‘click’) на input file, пользователь должен сам совершить этот клик. Также поля данного типа, как и некоторые другие, практически не поддаются стилизации через CSS.

Чистый JavaScript вместо jQuery. Примеры решений

Тенденция отказа от jQuery возникла очень давно и усиливалась по мере того, как браузеры улучшали поддержку ES6. Во многих проектах в числе требований упоминается избегание использования jQuery и плагинов. Самих плагинов становится все меньше. Большинство не обновляются годами, другие были переписана на JS без использования фреймворков, новых почти не пишут.

Что такое Gulp? Установка и создание Gulp задач

Gulp – это менеджер задач, использование которого позволяет автоматизировать большинство рутинных процессов, с которыми вы столкнетесь при разработке. Как правило, подразумевают веб-разработку, но жестких ограничений на применение Gulp нет. Позже я постараюсь рассмотреть несколько примеров использования данного таск-менеджера вне контекста веб-приложений или даже вне контекста разработки. Тем не менее, когда вы будете слышать что-либо о Gulp, с большой долей вероятности можно говорить, что речь пойдет о фронтенде.