На основе сервиса gorest.co.in был создан Блог, который состоит из 2-х видов страниц (2-х html файлов): списка статей и детальной страницы статьи
На странице списка статей каждый элемент должен быть ссылкой на статью вида post.html?id=10 (вместо 10 - id соответствующей статьи). Так же на этой странице должна быть постраничная навигация, построенная на основе свойства из ответа на список статей с информацией о количестве статей и страниц. Каждая ссылка должна вести на index.html?page=10 (вместо 10 - номер соответствующей страницы). При этом ссылка на первую страницу не должна иметь параметров, то есть должна просто вести на страницу index.html.
ОткрытьНа основе сервиса swapi.dev был создан каталог эпизодов Star Wars с выводом детальной информации о каждом фильме. Данное приложение имеет 2 вида страниц:
На детальной странице присутствуют следующие элементы:
Все запросы, которые можно запустить параллельно, отправляются с помощью Promise.all не обрабатываются последовательно.
Код для соответствующей страницы загружается с помощью динамического импрота, то есть только если он нужен на текущей странице. При этом разделяется код отрисовки DOM-дерева и код получения данных из API.
Стили тоже загружаются асинхронно из кода. Страница показывается до тех пор, пока все необходимые ресурсы для её отображения не загрузились.
Переходы по ссылкам и по кнопкам "Назад" и "Вперёд" не приводят к перезагрузке страницы.
ДИСКЛЕЙМЕР: