Чтобы создать одностраничное веб-приложение (SPA), лучшим подходом будет использование современных фреймворков и библиотек, таких как React, Angular, Vue.js и др. Однако если вы хотите сделать SPA на чистом JavaScript без фреймворков (что хорошо для обучения основам), вам потребуется иметь глубокие знания в таких областях как DOM-манипуляции, AJAX, обработка истории браузера (HTML5 History API) и управление состоянием.
Чтобы разобраться, почему код, скопированный с GitHub, не работает, попробуйте следующие шаги:
1. **Проверьте пути к файлам**: Убедитесь, что все ссылки на внешние скрипты и ресурсы указывают на правильные файлы и что структура папок на вашем сервере соответствует той, что используется в примере на GitHub.
2. **Просмотрите консоль браузера на предмет ошибок**: Откройте инструменты разработчика в браузере (обычно это делается нажатием F12) и перейдите во вкладку Console. Если сайт не отображается, то, скорее всего, там будут ошибки, указывающие на проблемы, такие как ненайденные файлы, синтаксические ошибки, отсутствующие переменные и т.д.
3. **Проверьте сетевую активность**: В инструментах разработчика браузера перейдите во вкладку Network и обновите страницу. Это позволит вам увидеть все сетевые запросы, и вы сможете проверить, не возникает ли проблем с загрузкой ресурсов.
4. **CORS (Cross-Origin Resource Sharing)**: Если вы загружаете ресурсы с другого домена, убедитесь, что CORS настроен правильно, иначе браузер заблокирует эти запросы.
5. **Проверка кода**: Возможно, вы что-то пропустили при копировании кода или изменили его таким образом, что это вызвало ошибку. Перепроверьте код на соответствие исходному.
6. **Подключение сторонних библиотек**: Если в проекте используются сторонние библиотеки, убедитесь, что они подключены корректно и версия библиотеки поддерживает используемый вами код.
Если после всех этих действий сайт все еще не работает, тогда может потребоваться читать и разбираться с детальным кодом и логикой SPA, представленного в видео. Кроме того, адаптируйте пример под свои нужды, предварительно разобравшись с принципами работы SPA.
По поводу видео, которое вы привели: видео это хороший старт, чтобы получить базовое представление о создании SPA, но разработка настоящего проекта требует более глубокого изучения темы и понимания тонких моментов, связанных с асинхронной загрузкой данных, управлением историей сессии и интерфейсом пользователя.
