Замовити розробку сайту або плагіна для WordPress, розробку сайту на фреймворку Laravel, Symfony або Yii2…
Для того щоб встановити jQuery-скрипт галереї (popup-вікна) Fancybox, виконайте наступну команду в консолі:
bower i fancybox
Але перед встановленням бібліотеки переконайтесь, що у вас встановлені Node.js та npm. Як це зробити, ви можете прочитати в цій статті.
Здравствуйте! У цій статті хочу описати свій досвід кастомної верстки з використанням фреймворку Bootstrap 3.
Чим саме ми займатимемося?
Для початку, давайте визначимося зі структурою каталогів нашого проєкту. Візьмемо, наприклад, таку:
/_data /scss /bootstrap //У цьому каталозі знаходяться змінені нами файли Bootsrap _bootstrap.scss //Підключені компоненти _variables.scss //Змінні style.scss //Зміст підключення інших файлів template.scss //Стилі проекту .bowerrc bower.json gulpfile.js package.json /assets// Містить завантажені бовером скрипти /image //Зображення та стилі проекту index.php
Ця стаття скоріше необхідність, ніж детальний посібник по node, gulp, bower та npm. Справа в тому, що наступні кілька статей торкатимуться верстки. А я останнім часом все частіше використовую подібні «механізми» для спрощення та оптимізації робочого процесу.
Короткий опис:
Gulp — збирач проєктів, написаний на node.js
Bower — менеджер пакетів для фронтенду в web. Також написаний на node.js
Node.js — програмна платформа, заснована на рушії V8 (який транслює JavaScript у машинний код)
Npm — пакетний менеджер для node.js (а Gulp і Bower є його пакетами)
Отже, що нам потрібно в результаті? — встановлені та робочі Gulp і Bower. Вони дозволять підвищити продуктивність у розробці web-проєктів.
А для цього нам знадобиться встановити Node.js і Npm. Поїхали.
Встановлення NodeJs:
$ sudo apt-get install nodejs
Встановлення менеджера пакетів Npm:
$ sudo apt-get install npm
Не знаю, як під Windows, але під Ubuntu це робиться дуже просто :). Навіть нічого попередньо завантажувати не потрібно. Ввів команду — і вуаля, все готово.