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 в корневом каталоге репозитория.
Довольно просто.
Его основная цель - помочь разработчикам понять 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 в корневом каталоге репозитория.
Довольно просто.