Создание рабочей папки проекта с помощью Yeoman Создадим папку с названием myicons и воспользуемся генератором Tapp, который создаст все директории с пакетами Stylus, Jade, Gulp, Browserify, Bower и остальными. При успешном запуске Yeoman у вас должна получится такая картинка: [[$googleAdsenceResponsive? ]] После выполнения этих команд у вас получится приблизительно такая структура: Запустим Gulp командой: gulp serve Остальные команды вы можете просмотреть в файле .gulpfile. При успешном запуске у вас должна получится следующая картинка: ...

Не запускайте всё последовательно Не запускайте задания gulp.js в порядке, в котором вы их определили. При паралельном запуске они будут работать гораздо быстрее. Однако, если вы хотите запустить задания в определённом порядке, то можете обозначить зависимости, например так: `gulp.task(‘one’, function(cb) { cb(err); }); gulp.task(’two’, [‘one’], function() { }); gulp.task(‘default’, [‘one’, ’two’]);` В предыдущей версии gulp, вам нужно было использовать что-то вроде gulp-sequence или run-sequence. Используйте задание watch с осторожностью Когда вы просмотрели изменения в файлах, убедитесь, что наблюдение ведётся только за файлами, которые изменяются регулярно. ...

npm устанавливает пакеты локально всередине ваших проектов по-умолчанию. Вы также можете установить пакеты глобально (например, npm install -g <package>) (можно использовать для приложений командной строки). Недостатком этого способа является необходимость использования root пользователя (или sudo) для глобальной установки. Ниже представлен способ глобальной установки пакетов для текущего пользователя. Создайте директорию для глобальных пакетов mkdir "${HOME}/.npm-packages" Укажите для npm где хранить глобально установленные пакеты. Добавьте в ваш ~/.npmrc файл строки: `prefix=${HOME}/.npm-packages` Удостоверьтесь, что npm найдёт установленные бинарники и страницы с мануалами. Добавьте следующее в ваш .bashrc/.zshrc: `NPM_PACKAGES="${HOME}/.npm-packages" PATH="$NPM_PACKAGES/bin:$PATH" # Unset manpath so we can inherit from /etc/manpath via the `manpath` command unset MANPATH # delete if you already modified MANPATH elsewhere in your config export MANPATH="$NPM_PACKAGES/share/man:$(manpath)"` Гляньте в статью npm-g_nosudo чтобы сделать вышеприведенные шаги автомагически. Замечание: если вы используете OS X, файл .bashrc может не существовать, и терминал будет получать параметры окружения из других файлов, например: .profile или .bash_profile. Эти файлы также остаются в домашней папке. В этом случае, просто добавьте следующую строку к ним, что заставит терминал также загрузить файл .bashrc: ...

Давайте создадим галерею с отзывчивыми изображениями. Для этого нам понадобится плагин для вывода галереи и какой-нибудь сниппет для MODX, которым можно будет вывести изображения, хранящиеся на сервере. Для этих целей я выбрал: https://feimosi.github.io/baguetteBox.js/ лайтбокс скрипт для работы галереи дополнение от Валентина Расулова студия Artdevue - дополнение Filedir ресайзер изображений - PhpThumbOn, например, от Евгения Борисова (документация) Из документации лайтбокса возьмём пример для отзывчивых изображений: <a href="img/2-1.jpg" data-at-450="img/thumbs/2-1.jpg" data-at-800="img/small/2-1.jpg" data-at-1366="img/medium/2-1.jpg" data-at-1920="img/big/2-1.jpg"> <img src="img/thumbs/2-1.jpg"> </a> ...

Этот урок - это вступление в Ruby и Rails (Rails - это веб-фреймворк для языка программирования Ruby). Для урока нужны только базовые знания веб, как она работает и чуть знакомства с такими инструментами как текстовый редактор и терминал/шелл. Если вы полностью не знакомы с терминалом, мы написали короткое вступление в Терминал. Вы можете найти какие-то другие точки для старта, так что рекомендую пользоваться Wiki. Или присоединится к Gitter Channel и учится у (с) других(ми). ...

Rails фреймворк - это база для наших веб-приложений. Без какой-то особенной конфигурации вы можете начать создавать ваше приложение и разместить его онлайн для использования другими людьми. Есть три “компонента” у фреймворка “Модель”, “Отображение” и “Контроллер”. Мы пройдёмся по ним чуть позже, но коротко о том, что это такое и для чего: Модели - это объекты, которые подсоединены к базе данных. Каждый раз, когда вы вызываете метод save для одного из них, он положит этот объект в вашу базу данных. Таким образом вы будете иметь его снова при запуске вашего приложения. ...

Замечание: Перед началом, пожалуйста, прочитайте README! Ruby = это язык, который может быть использован для нескольких задач программирования; сегодня мы взглянем на Ruby On Rails, фреймворк, разработанный специально для веб-разработки. Вот пример того, как выглядит Ruby: `class Person attr_accessor :name def say_hello_to(person) puts “Hello #{person.name}” end end first_person = Person.new first_person.name = “Diego” second_person = Person.new second_person.name = “Alice” first_person.say_hello_to(second_person)` Класс позволяет вам описать объект (в нашем случае объект “Person”) и мы даём ему аттрибут attr_accessor. Он также имеет метод say_hello_to, который берёт другой объект “Person” и использует его имя. ...

Отлично, теперь у нас есть база, давайте теперь создадим наш собственный код на её основе. Поскольку вам нужны Модель, Отображения и Контроллер, чтобы всё заработало, то в Rails входит команда, называемая “resource”. Чтобы получить это для нашей первой модели, которую мы назовём “Todo”, мы запустим слеюующий код (**): rails generate resource Todo Произойдёт несколько вещей: Rails создаст необходимые файлы для нас в нужном месте. Если вы взглянете на созданные файлы, то они вас особо не впечатлят, но уже они позволяют вам создавать, сохранять, находить и редактировать ваши Todo. ...

Когда вы добавляете или удаляете что-то из базы данных, то вы можете делать это с помощью “миграций”. Миграции - это Руби код, где вы можете описывать что бы вы хотели поменять. Для начала вы можете сгенерировать миграцию следующей командой (**): rails generate migration add_todo_fields Если вы взглянете на ваш редактор и откроете папку db, то вы увидите, что там есть новый файл, который включает “add_todo_fields” и timestamp. Давайте отредактируем этот файл и добавим несколько колонок (вы можете думать о базе данных как о странице Excel). Для этого мы добавим следующее в метод change: ...

Если ваш сервер запустился и вы перейдёте по адресу http://DOCKER_IP:3000/todos, то получите сообщение об отсутствии действия. Давайте его добавим. Во-первых, что бы мы хотели вывести? Действие “index” в основном используется для выводда списка, в нашем случае для вывода списка todos. Вначале мы получим из базы данных все наши Todos в действии index. Открыв файл app/controllers/todos_controller.rb, вы должны увидеть следующее: class TodosController < ApplicationController end Это создаст новый класс Controller для нас, который мы можем поместить наше действие. Между строками добавьте следующее: ...