Файлы тестового задания находятся вот в этой ветке
https://github.com/akoptsov/curriculum/tree/gh-pages
Здесь только инструкция
Проект использует внутри себя
- Jekyll (on github) - этот генератор работает на gh-pages, куда я собрался выкатываться
- jQuery (on github) - в основном для работы с DOM
- jQuery UI (on github)- потому что мне было лень делать свои диалоги, календари и спиннеры
- requirejs (on github) - чтобы было не так мучительно больно искать баги в сотнях джаваскрипта
- Handlebars (on github) - потому что он отлично работает с requirejs (подсмторел вот тут)
Для развертывания проекта нужен Ruby (для Jekyll) и собственно Jekyll. Инструкция по установке последнего находится здесь.
После этого надо в корневой папке проекта выполнить команду
jekyll
Если Вы увидите что-то вроде
Building site: /your/path -> /your/path/_site
Successfully generated site: /your/path -> /your/path/_site
значит, сайт собран, и можно подключать папку _site к веб-серверу.
Важно: для просмотра нужно подключить папку _site как http://[host]/curriculum,
иначе не подцепятся картинки.
Для этого требуется Node.
После выкачивания проекта нужно в корневой папке сделать
> npm install requirejs
если requirejs ещё не установлен глобально.
В этой же корневой папке есть файл app.build.js c инструкцией для сборщика. Если вы под Windows™,
то Вам будет достаточно запустить файл сборщика
> gather.cmd
иначе надо вызвать команду сборки руками из корня проекта
> node ./node_modules/requirejs/bin/r.js -o app.build.js
или как-то так.
Для подключения вместо собранных скриптов их разжатых аналогов нужно в файлах index.html и print.html
в переменной var require = {...} заменить
baseUrl: 'require/compiled'
на
baseUrl: 'require'
Если после этого ещё запустить в корне проекта команду
> jekyll --auto
то все изменения, сделанные снаружи папки _site, будут автоматически в неё попадать и отображаться на сайте.