Здесь собрано множество полезных инструментов для фронденд-разработчиков.
Автоматизированное тестирование, инструменты сборки, текстовые редакторы и т.д.
Автоматизированное тестирование
Это процесс, когда программные средства выполняют сценарии тестирования до выпуска продукта.
Сборник инструментов и экосистем для автоматизации процессов.
Инструмент для создания командной строки для JavaScript проектов.
Инструмент для автоматизации сложных процессов.
Сборщик модулей.
Здесь собраны текстовые редакторы для работы с исходным кодом веб-сайтов.
Инструменты для анализа и обработки CSS файлов.
Всё о написании, публикации и использовании документации.
Инструменты для обработки HTML кода.
Инструменты для изменения и оптимизации изображений.
Инструменты для статистического анализа и обработки JavaScript файлов.
Средства для автоматизации процессов установки, обновления, настройки и удаления компонентов.
Инструменты для контроля за изменениями, чтобы в любой момент можно было вернуться к более ранним версиям кода.
Автоматизированное тестирование, инструменты сборки, текстовые редакторы и т.д.
Автоматизированное тестирование
Это процесс, когда программные средства выполняют сценарии тестирования до выпуска продукта.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Эрик Эллиотт рассказывает, почему вам стоит заниматься TDD и Unit тестированием.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Автор рассказывает о своем опыте создания JavaScript приложения, а также о работе с сетевыми запросами и DOM.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Автор рассказывает о шаблонных ошибках и способах рефакторинга приложений.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Библиотека BDD / TDD утверждений для узлов и браузеров, которые работают с любой инфраструктурой тестирования JavaScript.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Программный инструмент, используемый для тестирования ПО c помощью BDD.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Тот же Cucumber, написанный на чистом JavaScript, а значит работающий на любой JavaScript платформе.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Cucumber, имеющий несколько отличий от оригинального. Основное преимущество — тесты могут быть разработаны не обязательно тестировщиками, а людьми которые вообще могут не знать программирования, например бизнес-аналитиками.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для оценки пользовательских интерфейсов HTML на соответствие определённым стандартам UI.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Фреймворк для BDD тестирования, не зависящий от браузеров, DOM и других фреймворков.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Всё о видах автоматизированного тестирования, чтобы избежать ошибок при запуске продукта.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Фреймворк для юнит-тестов, используемый Facebook для тестирования сервисов и React приложений.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для исполнения кода в разных браузерах.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Расширение для работы сПожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!иПожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Делает скриншоты и сравнивает их с базовыми изображениями для проверки различий в пикселях RGB, а затем помогает устранить различия.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Фреймворк для модульного тестирования JavaScript. Он используется jQuery, jQuery UI и jQuery Mobile и способен тестировать любой JavaScript код.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Shane Tomlinson continues by refactoring the original application, including testing anti patterns, to be easier to read, easier to reuse, and easier to test.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Библиотека для эмуляции и проверки требуемого поведения в JavaScript с использованием spy, stub и mock.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Здесь рассматривается Stub и Mock и их взаимодействие с другими объектами.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Руководством по тестированию кодовой базы React и Redux.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Автор рассуждает о том, как писать код, чтобы его можно было тестировать.
Сборник инструментов и экосистем для автоматизации процессов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для автоматизации, встроенный в JavaScript.
Пожалуйста,
Вход
или
Регистрация
для просмотра содержимого URL-адресов!
Инструмент для создания командной строки для JavaScript проектов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Шаблон по работе с инструкциями.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Описание простого способа тестирования продукта на устройствах.
Пожалуйста,
Вход
или
Регистрация
для просмотра содержимого URL-адресов!
Инструмент для автоматизации сложных процессов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Введение в gulp и gulpfile.js.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагины Orchestrator, Undertaker, Vinyl и Vinyl FS, Gulp.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Использование map-stream, though2 и event-stream.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Создание файлов с кэшированием.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Управление ошибками и решение замаскированных проблем.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для сжатия CSS файлов с использованием clean-css.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Сжатие CSS файлов, используя cssnano.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для конкатенции.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Create tarball from files.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для подключения по ftp.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Коллекция плагинов от Синдро Сорхуса.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Узлы, работающие с Gulp.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для кэширования изображений.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для кэширования содержания файлов в памяти.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Запускает задания только для изменённых файлов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для работы с исходными файлами.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для передачи файлов, которые отличаются от предыдущих.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Запоминает проходящие файлы и если нужно вставляет в поток.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для минимизации размера изображений.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Конвертирует PNG, JPEG и GIF в WebP.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Минимизация JavaScript, используя UglifyJS.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Список плагинов, поддерживающих gulp-sourcemaps.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Поддержка Source map для Gulp.js
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Подсчёт файлов в vinyl-потоке.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Отладка vinyl-потоков.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Отображение размеров файлов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Управление разрешениями для vinyl-файлов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для простого изменения имени.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Конвертирует файлы из vinyl-поток в буферизованные файлы.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Преобразует обычный файл в vinyl-файл.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Файловый менеджер для работы с vinyl.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Получение vinyl-файлов из git.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Доступ к файлам в vinyl потоке.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Преобразование vinyl-потоков в текстовые.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для быстрого старта работы.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Фреймворк для командной работы, позволяющий создавать файлы по уровням.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Автоматизация разработки UI с помощью Riot.js и ES6.
Пожалуйста,
Вход
или
Регистрация
для просмотра содержимого URL-адресов!
Сборщик модулей.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Автор пишет, как сделать так, чтобы код React работал с BEM.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Автор объясняет, как создать среду разработки с помощью Webpack и Docker, чтобы производительность была на высоком уровне.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Здесь описаны все этапы построения интерфейса Node + Redux и интерфейса React + Redux для реальных приложений, используя тестовую разработку.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: После прочтения этой статьи вы научитесь работать с загрузчиком изображений Webpack.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Это пошаговое руководство научит вас создавать свой собственный React + Redux проект с помощью Webpack и Babel.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Руководство по Webpack для продвинутых.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Webpack-песочница.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Автор сравнивает, как Grunt, Gulp, Broccoli и Webpack обнаруживают зависимости.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Популярная утилита для более удобной работы над проектом.
Здесь собраны текстовые редакторы для работы с исходным кодом веб-сайтов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Современный текстовый редактор, который можно максимально персонализировать.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Open-source редактор JavaScript, HTML и CSS кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Бесплатный редактор исходного кода, пригодный также для работы с обычным текстом, поддерживающий несколько языков и доступный для работы на Windows.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Кроссплатформенное приложение для создания и отладки как веб, так и облачных приложений.
Инструменты для анализа и обработки CSS файлов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Собирает графы CSS зависимостей, полученные из dgraph или module-deps в единый набор CSS, учитывая, что каждая вершина графа содержит CSS и то, что граф отсортирован с помощью dept-sort.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Строковый указатель CSS с использованием AST из ‘css.parse’
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Программа для анализа избыточности кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Node.js библиотека для уменьшения CSS файлов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для поиска неиспользуемого CSS.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Удобный инструмент для работы с препроцессорами и написания кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Статья о том, что такое PostCSS и как с этим работать.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Плагин для объединения ES и CSS модулей.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Статья о том, как повысить качество кода с помощью PostCSS.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Front-end разработчик рассказывает, как PostCSS помогает ему в работе.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: CSS-линтер, необходимый для того, чтобы избавиться от ненужного кода и сделать его красивым.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Статья о том, почему стоит линтинговать CSS.
Всё о написании, публикации и использовании документации.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Генератор стилей и менеджер компонентов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Генератор документации, использующий структуры папок и файлы Markdown для быстрого создания пользовательской документации.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для создания технической документации, который адаптирует её при изменении кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Генератор документации, смешивающий комментарии и код в единый HTML код.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Генератор Markdown документации из комментариев кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для генерации документации для API из комментариев кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Удобный инструмент для сбора всей документации в одном месте.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Генератор JavaScript документации с использованием markdown и jsdoc.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Генерирует документацию из таблиц стилей.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
Инструменты для обработки HTML кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Простой инструмент для анализа вашего HTML-кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для минимизации HTML-кода.
Инструменты для изменения и оптимизации изображений.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Универсальная утилита для оптимизации изображений.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Программа для сжатия и оптимизации JPEG файлов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: В статье рассматривается оптимизация для вывода сайта в топ, повышения производительности и работы с соцсетями.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Оптимизатор PNG.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Оптимизация JPEG без заметной потери качества.
Инструменты для статистического анализа и обработки JavaScript файлов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для транспилирования кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Как использовать Babel и какое будущее ждёт JavaScript.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент, разработанный Google для сжатия и обфускации JavaScript.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для статистического анализа кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Набор инструментов, помогающих в рефакторинге кода.
- Линтинг JavaScript кода: Процесс запуска программы для поиска возможных ошибок:
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Bundlers и Loaders:
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Сервер для быстрого прототипирования
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Модуль для отслеживания изменений в коде.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Как организовать работу React с BEM с помощью Webpack.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Как создать среду разработки с высокой производительностью.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Руководство по созданию своего React + Redux проекта с помощью Webpack и Babel.l.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Webpack песочница.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Позволяет вам запрашивать модули в браузере, объединяя все зависимости.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Загрузчик скриптов для объявлений, виджетов и другого стороннего контента.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: загрузчик AMD модулей.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Создавайте приложения и библиотеки с помощью модулей ES2015, и объединяйте их в один файл для использования в браузерах и Node.js.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Универсальный загрузчик модулей ES6, AMD, CommonJS. Работает с Traceur и Babel.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Универсальный модуль, конвертер JavaScript.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Модуль для сборки бандлов и оптимизации модулей JavaScript и других ресурсов для фронтенда
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Исходный трансформатор, обеспечивающий функции генератора ECMAScript 6 в JavaScript-of-today.
Средства для автоматизации процессов установки, обновления, настройки и удаления компонентов.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Установка пакетов с их зависимостями.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Инструмент для оптимизации рабочего процесса управления многопортовыми репозиториями с помощью git и npm.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Пакетный менеджер Node.js для управления модулями и зависимостями.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Объединение нескольких файлов в один.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Преобразование в разные форматы.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Создание source-map для файлов в пакете.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Создание и использование source maps в commonjs на старых браузерах.
Инструменты для контроля за изменениями, чтобы в любой момент можно было вернуться к более ранним версиям кода.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Высокоэффективная система управления версиями.
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Серия учебников по Git от Atlassian
- Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!: Браузерное расширение, которое помогает работать с GitHub ссылками.