Pull to refresh
  • by relevance
  • by date
  • by rating

Gulp, линейка энергетически-интеллектуальных напитков (простой пример вирусного маркетинга)

IT-companies
Google GulpКомпания Google уже давно определила вектор и цели развития. Единственное, что мне кажется верным в отношении будущего компании, так это не вопрос: «Что Google сделает завтра?», а «Чего Google не сделает»? А все потому, что в сети была найдена ссылка на продукт производства Google, в существование которого я бы не поверил еще вчера: Google Gulp (боюсь переводить, слово «gulp» на русском языке означает как «глоток», так и «давиться»).

«Мы рады представить Google Gulp (BETA)™ с технологией Auto-Drink™ (ограниченная версия) — линейку „умных напитков“ созданных для того, чтобы максимизировать вашу эффективность, сделать более интеллектуальным и уменьшить жажду».

Представьте себе сканер ДНК, встроенный в горлышко бутылки, который считывает все 3Гб данных парных генов за секунду, настраиваясь под ваш гормональный коктейль в режиме реального времени, используя нашу патентованную технологию Auto-Drink™, после чего организм получит приток свежих электролитических нейротрансмиттеров, умных стимуляторов для того, чтобы максимально оптимизировать кору вашего головного мозга. К тому же — предложение ограничено, а обилие разных вкусов, начиная от «Бета Морквы» и заканчивая «Глютаматным Виноградом» позволит вам всегда находить подпитку для своих знаний.

В связи с чем у меня только один вопрос — кто сошел с ума? Хотя вообще весь FAQ заслуживает отдельного перевода:
3. Это типа опасно?

Ну, ни одна из лабораторный крыс, которых мы поили этим делом последние 8 месяцев до сих пор не умерла, что мы считаем вполне удовлетворительным. В любом случае, вы должны знать, что открывая крышку Gulp'а, вы отправляете беспроводной сигнал на сервера Google о том, что вы безоговорочно принимаете лицензионное соглашение Google Gulp, в которое включена и возможность скрытых генетических мутаций в результате употребления продукта. Но мы уверены, что вы не умерете.

UPD: Друзья, FAQ не просто достоин, он срочно требует вкусного перевода. Если никто из альтруистичных хабралюдей не сделает этого до полуночи, мне придется напрягаться самому. Сделано!

UPD: Век живи — век учись. Прошу прощения за свою невнимательность, но зато какой отклик.

Google Gulp via Crenk
Total votes 138: ↑104 and ↓34 +70
Views 758
Comments 61

Google Gulp

IT-companies
1. Как «Google Gulp» работает?
2. Подождите, вы говорите, что Auto-Drink изменяет химический состав моего мозга?
3. Разве это не опасно?
4. А что если я не хочу использовать Auto-Drink?
5. А разве Auto-Drink не должен быть выключен по умолчанию?
6. Да
7. Где я могу достать Google Gulp?
8. Разве нельзя просто дать Google Gulp всем желающим?
9. В смысле, разве система инвайтов не является дурацкой?
10. Будет ли Google выпускать еще пищевые продукты?
11. Когда Google Gulp выйдет из беты?
Читать дальше →
Total votes 100: ↑60 and ↓40 +20
Views 658
Comments 35

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 91 (5 — 11 января 2014)

Zfort Group corporate blog Website development *
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 58: ↑56 and ↓2 +54
Views 58K
Comments 8

GulpJS — фантастически быстрый сборщик проектов

Website development *JavaScript *Node.JS *
Gulp.js это потоковый сборщик проектов на JS. Он использует Stream и действительно является очень быстрым. Для примера у меня есть проект где около тысячи stylus файлов, GruntJS нужно примерно 2.5 секунды на сборку и 2 секунды на обработку autoprefixer'ом. Gulp все это делает за 0.5 секунды выигрывая у GruntJS минимум в 4 раза.



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

В этой статье будет больше практики, мы соберем среду разработки фронтенда используя Jade и Stylus, запустим локальный сервер и подключим Livereload. Проект я выложил на Github, экспериментируйте.

Читать дальше →
Total votes 39: ↑39 and ↓0 +39
Views 293K
Comments 48

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №92 (12 — 18 января 2014)

Zfort Group corporate blog Website development *
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 67: ↑58 and ↓9 +49
Views 44K
Comments 5

Сравнение популярных систем сборки для frontend-разработчиков

Website development *JavaScript *Node.JS *


Я стал замечать, что в последнее время build-системам стали уделять всё больше внимания, и, под влиянием этого, их в одночасье стало настолько много, что, честно говоря, уже всех и не упомнить. Последнее время у меня на слуху четыре системы: Grunt, Gulp, Brunch и Gear. Про все что-то где-то было написано, но ни разу не ставился вопрос о том, какие преимущества или недостатки они имеют друг перед другом? И именно поэтому я решил провести сравнительный анализ самых популярных build-систем(по версии google).

Но сперва надо определиться с критериями, по которым мы будем оценивать эти системы:

  • Начало работы.
  • Производительность. Никто не хочет ждать по минуте после изменения одного coffee-файла.
  • Документация. Чем нагляднее и проще — тем лучше.
  • Плагины. Ведь мы не хотим столкнуться с проблемой, когда мы начали использовать билд-систему, а в ней нет адаптера, скажем, для jasmine?


Теперь, я полагаю, с вводной частью можно покончить и приступить, наконец, к сравнению.
Читать дальше →
Total votes 71: ↑65 and ↓6 +59
Views 45K
Comments 18

Собрание ваших сочинений на Angular.js

Website development *JavaScript *Angular *
Данный пост будет посвящён вопросу сборки Angularjs приложений. Я рассмотрю возможные пути решения и объясню, почему в итоге решил написать несколько собственных плагинов.

Итак, а как вообще принятно решать проблему сборки в последнее время? Grunt/Gulp плагины, require.js, browserify — самые популярные варианты.

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

Если у вас простейшее приложение, которое состоит из нескольких файлов:

app.js
controllers.js
services.js
directives.js
filters.js

То никаких проблем нет. Вы можете вручную прописать порядок их подключения в том же Grunt/Gulp.

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

app.js
controllers/
	FirstCtrl.js
	SecondCtrl.js
services/
	FirstSrv.js
	SecondSrv.js

То вы столкнётесь с рядом трудностей. Главным образом, трудности будут с тем, как сшить все файлы так, чтобы при этом Angular работала без ошибок. Итак, что можно сделать?
Читать дальше →
Total votes 28: ↑25 and ↓3 +22
Views 19K
Comments 27

Генерация CSS-спрайтов с Gulp

Website development *CSS *JavaScript *
Tutorial

Работая над одним большим проектом, мы с напарником задумались над тем, чтобы автоматизировать процесс сбора спрайтов на проекте.
До этого спрайты собирались ручками или с помощью онлайн сервисов, что отнимало достаточно времени.
Проект уже собирался Gulp'ом и было принято решение найти адаптированный под него сборщик спрайтов.
Ищем решение
Total votes 29: ↑26 and ↓3 +23
Views 62K
Comments 47

Окружение для разработки на aiorest (asyncio) + angular.js

Python *Angular *
Tutorial
В этой статье мы соберём вместе aiorest + jinja2 + angular.js + gulp.js + bower.js + nginx. В результате мы получим:
  • авто-перезапуск сервера при изменении python-кода и jinja-шаблонов
  • сборка, минификация и автоматическая пересборка при изменении клиентского js-кода
Начнём с главного — как пользоваться, а затем я подробнее опишу некоторые моменты реализации. Если вам легче читать код — вот ссылка на репу.

Читать дальше →
Total votes 15: ↑13 and ↓2 +11
Views 6.1K
Comments 6

[Перевод] Введение в Gulp, Grunt, Bower, и поддержка npm в Visual Studio

JavaScript *.NET *Visual Studio *

Вступление


Веб разработка, а именно фронт-энд разработка становится, как и традиционная бэк-энд разработка, все комплекснее и мудренее. Множество проектов нуждаются в большем, нежели банальная закачка пары JS и CSS файлов по FTP. Сейчас мы можем наблюдать так называемый процесс сборки фронт-энда, который может включать компиляцию SASS и LESS, сжатие CSS/JS, запуск JSHint или JSLint и многое другое. Эти сборочные задачи и процессы координируются такими инструментами как Gulp или Grunt. Так же клиентскими библиотеками можно управлять используя различные системы управления пакетами как npm или bower.

Читать далее
Total votes 25: ↑21 and ↓4 +17
Views 38K
Comments 6

Выпущен WebStorm 9 EAP v.2 — что добавили на этот раз?

JetBrains corporate blog Website development *JavaScript *
WebStorm давно стал рабочим инструментом для многих, кто пишет на JavaScript. И мы рады, что постоянное развитие технологий и рост запросов пользователей позволяют нам все время добавлять новые фичи в него.

Замечание для тех, кто еще не использовал EAP'ы: EAP — это early access preview, полностью бесплатная, полнофункциональная, со сроком жизни 30 дней. Потом ее надо заменить на следующий EAP, купить релиз или смириться с ее превращением в тыкву (это — законные способы эксплуатации, нелегальные мы тут перечислять не будем). EAP — это еще «нестабильная» версия, и это означает, что некоторые функции в ней могут работать неидеально, хотя в целом она достаточно близка к релизу по функциональности и качеству.


Мы еще дописываем некоторые фичи, которые появятся в следующих EAP-ах WebStorm, и сегодня мы расскажем о том, что уже можно пощупать руками. А это:
  • обновленный Live Edit: теперь при любом изменении в коде приложения под Node.js позволяет автоматически обновлять приложение;
  • поддержка фреймворка Meteor;
  • поддержка системы сборки Gulp;
  • трассировщик Spy-js для Node.js;
  • интеграция с PhoneGap/Cordova;
  • шаблоны (Postfix templates) для JavaScript;
  • улучшенная поддержка библиотеки Polymer;
  • усовершенствованный плагин Editorconfig.

WebStorm 9 EAP можно уже скачать на нашем сайте.
Рассмотрим это все
поподробнее
Total votes 38: ↑36 and ↓2 +34
Views 19K
Comments 71

Автоматизированный шаблон для front-end проектов

Website development *CSS *JavaScript *CoffeeScript *


Человек изобрел компьютеры, чтобы они выполняли за нас большую часть повторяющихся задач. Это позволяет нам экономить много времени и использовать его с максимальной пользой. И, так как эта статья о front-end разработке, в этой области таких задач много: компиляция css- и js-препроцессоров, сборка спрайтов, оптимизация изображений, минификация файлов и др.
Познать дзен
Total votes 27: ↑22 and ↓5 +17
Views 29K
Comments 30

Сборка проектов с помощью Gulp.js. Семинар в Яндексе

Яндекс corporate blog Website development *JavaScript *
Привет, меня зовут Борис. Я работаю в Яндексе в отделе тестирования и создаю инструменты, которые позволяют сделать жизнь наших тестировщиков проще и счастливее. Наша команда отчасти исследовательская, поэтому мы можем позволить себе использовать довольно необычные инструменты и эксперименты. Недавно я рассказал своим коллегам об одном из таких экспериментов: Gulp.js. Сегодня я хотел бы поделиться этим опытом с вами.



Для начала немного предыстории, о том, как развивались веб-технологии. В начале не было фронтенда как отдельного понятия, большая часть логики выполнялась на сервере. Поэтому разнообразные задачи по сборке скриптов и стилей, а также подготовка картинок, шрифтов и других ресурсов выполнялись бэкэндом, и их сборщиками, например, Apache Ant или Maven. Фронтенд оказывался в невыгодном положении, инструменты, предоставляемые этими сборщиками не очень подходили для него. Эту проблему начали решать только недавно, когда появился Grunt. Это первый сборщик, написанный на JS. Каждый фронтендер знает JavaScript, поэтому может без проблем писать задачи под Grunt и разбираться в уже написанных. Это и обусловило успех этого сборщика. У Grunt есть куча преимуществ, но есть и недостатки.
Читать дальше →
Total votes 29: ↑28 and ↓1 +27
Views 29K
Comments 10

Последовательное выполнение задач в Gulp JS

Website development *JavaScript *Node.JS *
Translation
Gulp JS — это сборщик проектов и таск-менеджер для фронтенд и веб-разработки, который является достойной альтернативой для популярного Grunt JS. Одной из нескольких вещей, которыми Gulp отличается от Grunt является то, что по умолчанию все задачи запускаются асинхронно. В целом, можно сказать, что все задачи выполняются одновременно.

Недавно, изучая Gulp, я столкнулся с необходимостью синхронного запуска нескольких задач… синхронного. В документации к Gulp упоминается данная проблема, но мне пришлось немного повозиться перед тем, как я с этим разобрался.
Читать дальше →
Total votes 9: ↑6 and ↓3 +3
Views 18K
Comments 11

Продвинутый Gulp и Browserify: интересные трюки

Website development *JavaScript *HTML *
Sandbox
Пару недель назад я начал цикл о том, как делал некоммерческий музыкальный проект (первый пост есть в «я пиарюсь», не буду ставить ссылок), но, к сожалению, в первой же статье увлекся, и вместо того, чтобы рассказывать о том, как делал конкретно его, начал вспоминать эффективные трюки из других проектов. Видимо, именно это вкупе с прописанным акцентом на сам проект привело к тому, что за мной и постом прилетело НЛО.

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

Поэтому я постарался убрать все упоминания проекта и повторно публикую (с доработками и правками) статью, которую по сути никто еще не видел. Если вы фанат grunt — почитайте хотя бы вторую часть: то, что вы не любите gulp, не значит, что вы не любите browserify.

Краткое содержание:
  1. Простой способ обработки ошибок;
  2. Универсальная структура для хранения исходных файлов;
  3. Объединение нескольких потоков (например, скомпилированный coffee и js) в один;
  4. Создание потока из текста;
  5. создание собственных плагинов для Browserify;
  6. создание плагинов из плагинов Gulp для Browserify.

Читать дальше →
Total votes 32: ↑28 and ↓4 +24
Views 40K
Comments 15

Новый WebStorm 9: просто лучше. Поддержка Meteor, React и JSX, интеграция с Gulp, PhoneGap и многое другое

JetBrains corporate blog Website development *JavaScript *
2 недели назад мы полностью обновили WebStorm — нашу IDE для front-end-разработки и Node.js. Мы уже анонсировали некоторые улучшения в WebStorm 9, в том числе поддержку новых фреймворков и инструментов. С тех пор было проделано еще немало работы, результаты которой можно увидеть в WebStorm 9. В этом посте мы подробно расскажем об этом новом функционале и кратко напомним обо всем остальном.

image

Читать дальше →
Total votes 44: ↑42 and ↓2 +40
Views 41K
Comments 48

Как мы в django-проекте js собираем + пара хитростей в Gulp

JavaScript *Django *
Sandbox
Всем привет!

Это не руководство, я делюсь опытом того, как мы в большом Django проекте от безобразной помойки скриптов на jQuery постепенно пришли к сборке и минификации сложных frontend-приложений на AngularJS при помощи gulp и browserify.
Читать дальше →
Total votes 12: ↑10 and ↓2 +8
Views 17K
Comments 10

Приятная сборка frontend проекта

Website development *CSS *JavaScript *HTML *Node.JS *
Tutorial
В этой статье мы подробно разберем процесс сборки фронтенд проекта, который прижился в моей повседневной работе и очень облегчил рутину.

Статья не претендует на истину в последней инстанции, так как сегодня существует большое количество различных сборщиков и подходов к сборке, и каждый выбирает по вкусу. Я лишь поделюсь своими мыслями по этой теме и покажу свой workflow.

UPD (13 марта 2015): Заменил несколько плагинов на более актуальные + решил проблему с импортом CSS файлов внутрь SCSS

Читать дальше →
Total votes 61: ↑53 and ↓8 +45
Views 425K
Comments 119

Ещё один пост о сборке front-end проекта

Website development *CSS *JavaScript *HTML *
Tutorial
Js app starter

Я потратил прилично времени на структуризацию и автоматизацию сборки фронта. Задача это интересная и стоит того, чтобы о ней рассказать.

Что умеет делать сборщик:
  • Собирать front-end проект для development & production окружений.
  • Собирать по несколько js/css бандлов на проект.
  • Использовать стиль CommonJS модулей в браузере.
  • Использовать ES6-синтаксис.
  • Спрайты, картинки и многое другое.

Читать дальше →
Total votes 24: ↑22 and ↓2 +20
Views 78K
Comments 12