Гайд LearnGitBranching | Rus

Статус
В этой теме нельзя размещать новые ответы.
  • 217
  • 101
LearnGitBranching - это визуализатор репозитория git, песочница и серия обучающих руководств и задач.
Его основная цель - помочь разработчикам понять git с помощью визуализации (чего нет при работе с командной строкой).
Это достигается с помощью игры с разными уровнями, благодаря которой можно познакомиться с различными командами git.

Вы можете вводить различные команды в LearnGitBranching (LGB) - и по мере обработки команд ближайшее дерево фиксации будет динамически обновляться, чтобы отражать эффекты каждой команды:
Его визуализация в сочетании с учебными пособиями и «уровнями» может помочь как начинающим, так и разработчикам middle уровня отточить свои навыки управления версиями.
Быстрая демонстрация доступна здесь:
переход

Или вы можете запустить приложение в обычном режиме здесь:
переход

Sandbox Mode

undo чтобы отменить действие последней команды
reset начать с чистого листа (работает и в уровнях)
git clone для имитации удаленных репозиториев!

Режим песочницы может быть отличным вариантом для демонстрации чего-либо другу, но настоящее обучение - это уровни...

Levels

Введите levels, чтобы увидеть доступные уроки/задачи (и какие из них вы уже решили). Каждая серия уровней направлена на обучение некоторой высокоуровневой концепции git, и каждая вкладка уровней разделяет основные миры информации (например, удаленные репозитории по сравнению с локальными).

Sharing permalinks

Вы можете поделиться ссылкой на LearnGitBranching с произвольным набором команд, которые будут выполняться при загрузке, используя параметр URL команды. Вы также, вероятно, захотите отключить диалоговое окно ввода для этого случая с параметром NODEMO url
вот пример для начала:
переход

Level Builder

Вы можете создавать уровни с помощью уровня сборки. Диалоговое окно проведет вас через весь процесс, и в конце вы сможете экспортировать уровень, чтобы получить большой двоичный объект JSON. Вставьте это в суть или непосредственно в проблему, и я могу проверить это / объединить ваши изменения! Вы также можете поделиться этим уровнем напрямую с друзьями, попросив их запустить "уровень импорта" или просто указать идентификатор gist в параметрах URL следующим образом:
переход

Reporting Bugs / Opening Issues

При сообщении об ошибках попробуйте выполнить команду debug_copyTree() в консоли JS, когда она находится в состоянии непосредственно перед воспроизведением ошибки. Это позволит избежать необходимости копировать все команды, которые вы использовали для перехода в определенное состояние.

How the app works / Contributing functionality

LearnGitBranching - довольно простое приложение (с технической точки зрения). Там нет внутренней базы данных или каких-либо запросов AJAX-это 100% клиентское приложение, написанное на JavaScript. Производственная версия (вкл. github.io) буквально просто обслуживает HTML - страницу с некоторыми JS и CSS. Остальная магия заключается в 9k+ строках JavaScript :P

Вот высокоуровневый процесс сборки:

Код записывается в node.js модули, для которых требуются другие модули
CSS записывается только в одну таблицу стилей (нет целой тонны стилей)
Новый HTML-код записывается в HTML-файл шаблона (template.index.html). Требуется только для новых представлений
Приложение "построено", которое выводит:
index.html в корневом каталоге
Файлы CSS и JS в каталоге ./build
Если приложение создается для производства, то эти файлы CSS и JS хэшируются (для взлома кэшей) и выполняются тесты
Вот и все!
Таким образом, если вы создаете приложение локально, все, что вам нужно сделать, чтобы запустить приложение, - это просто открыть его index.html в корневом каталоге репозитория.
Довольно просто.
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху Снизу