Опубликовано 04 апреля 2014, 08:06

Сайт дня: JSFiddle - написано веб-разработчиками для веб-разработчиков

Сегодня для рубрики "Сайты дня" на Ferra.ru большой праздник - День веб-разработчика (4.04). В этот день принято поздравлять всех тех людей, которые делают сайты, чтобы мне потом было о чём писать, а вам - было чем пользоваться. По такому случаю сайтом дня объявляется сервис JSFiddle.

Лого JSFiddle

Лого JSFiddle

Сайт JSFiddle - это сервис, позволяющий посмотреть на веб-разработку изнутри. По сути JSFiddle - это гибрид текстового редактора, браузера и простенькой IDE. На JSFiddle можно создать полноценную веб-страницу и сразу увидеть результат. Не нужно переключать окна, передавать файлы в браузер, не забывать сохраняться и так далее. Всё сразу видно в одном окне. А результат потом ещё и опубликовать можно.

Главная страница сайта JSFiddle

Главная страница сайта JSFiddle

На JSFiddle прямо с клавиатуры можно создать страницу, написанную на HTML, размеченную CSS, заскриптованную Javascript и обвешанную рядом примочек. Если вы только изучаете вышеперечисленные технологии, то сервис JSFiddle может облегчить вам жизнь на порядок. При этом JSFiddle, в отличие от профессиональных IDE и редакторов для гиков вообще не нужно изучать, всё и так очевидно.

Опытные веб-разработчики используют JSFiddle, чтобы похвастаться удачным куском кода точно так же, как инстаграммеры хвастаются завтраками и котиками. Если погуглить по всему тому, что уже лежит на JSFiddle, то можно найти много потрясающих вещей, про некоторые из которых и не подумаешь, что их так легко сделать в браузере. Самый понятный пример - игры на Javascript. Вот, например, легендарная прародительница всех компьютерных игр (и вирусов) игра "Жизнь":

Высоконаучная гиковская игра на сайте JSFiddle

Высоконаучная гиковская игра на сайте JSFiddle

А вот и самая популярная компьютерная игра всех времён:

Простецкая массовая игра на сайте JSFiddle

Простецкая массовая игра на сайте JSFiddle

При этом всём сервис JSFiddle - не игрушка. На нём действительно можно писать клиентскую часть серьёзных веб-приложений. Серверную часть на нём писать конечно же нельзя, но её можно эмулировать для отладки:

Заглушка для эмуляции сервера JSFiddle

Заглушка для эмуляции сервера JSFiddle

Сервисов, подобных JSFiddle в сегодняшней сети несколько десятков. Я даже подумывал сегодня вместо сайта дня сделать маленький сравнительный обзор. Но JSFiddle настолько уверенно лидирует, что я передумал. Если нужно что-то круче, чем JSFiddle, значит надо смотреть в сторону полноценных облачных IDE, таких как c9 (кстати, стоит про него написать? Не слишком гиковская тема?), или в сторону олдскульных десктопных решений. Но если нужно быстренько попробовать код для сайта, то JSFiddle - почти идеальное решение.

Всем веб-разработчикам я желаю исполнения их традиционных желаний. Например, появления хорошей документации и исчезновения IE. Не знаю, будет ли тут уместно сказать про пиво (всё-таки реклама алкоголя, все дела), но... вы меня понимаете. И спасибо за сайты! Пишите ешё!

Как обычно, про все хорошие сайты надо писать на sitesoftheday@ferra.ru. Заранее спасибо.