Тестируем и пишем вместе с jsFiddle

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

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

В сегодняшней статье мы рассмотрим такой онлайн инструмент, как jsFiddle

Кому он полезен?

Всем кто работает с библиотеками JavaScript, такими, как jQuery, MooTools , Dojo и т.д.

Очень удобная вещь, которая позволяет быстро проверить работоспособность скрипта или определенной функции.

Я думаю, что с такой необходимостью сталкивался каждый. И как обычно мы поступаем в таком случае? Да, банально создаем новый документ в который кидаем необходимые участки кода, сохраняем и запускаем в браузере, знакомо не правда ли?

Теперь это в прошлом. jsFiddle позволит быстро и без лишних движений протестировать или написать работоспособный код.

Рассмотрим интерфейс jsFiddle подробнее

Данный инструмент в своем интерфейсе имеет боковую панель и основную область, разделенную на четыре экрана и верхнее меню.

В боковой панели можно выбрать библиотеку javascript с которой вы хотите работать. Добавить ссылки на внешние стили и скрипты, что очень удобно при тестировании сайта в интернете.

Основная область

Как я уже и писал выше, основная область разделена на четыре части, каждая из которых имеет свое конкретное предназначение.

Верхняя левая область предназначена для написания в ней HTML кода, нижняя левая для JavaScript, верхняя правая для CSS(SCSS) стилей, а в последней области выводится результат работы, своеобразный вариант окна браузера.

Верхнее меню

С помощью верхнего меню можно получить результат нажав на кнопку Run, можно также сохранить версию документа или поделится своим кодом с другими людьми.

Выводы

Подводя итоги обзора думаю, что данный инструмент поможет многим ускорить свою работу и поделится результатами с другими участниками своей команды.

Метки: IDE, tools, онлайн инструменты

Рубрика: Online инструменты