Сделал заданьку
This commit is contained in:
30
README.md
Normal file
30
README.md
Normal file
@@ -0,0 +1,30 @@
|
||||
# Посты
|
||||
|
||||
Создайте страницу, которая загружает посты из [JSONPlaceholder](https://jsonplaceholder.typicode.com/) и выводит их на страницу в виде карточек.
|
||||
|
||||
## API
|
||||
|
||||
Основной эндпоинт: `https://cataas.com/api/cats`, либо любой другой который сможете найти
|
||||
|
||||
Откройте эту ссылку в браузере и изучите структуру JSON-ответа. Изучите что содержится внутри JSON:
|
||||
|
||||
## Задание
|
||||
|
||||
В репозитории есть файл `index.html` с готовой разметкой. Ваша задача - написать `script.js`, и добавить стили к карточке, чтобы выглядело аккуратно.
|
||||
|
||||
### Вывести все посты
|
||||
|
||||
1. При загрузке страницы сделать `fetch` к `https://cataas.com/api/cats`
|
||||
2. Ответ - это массив из 10 объектов (котов)
|
||||
3. С помощью цикла `for` пройдитесь по массиву и для каждого кота создайте карточку на странице
|
||||
|
||||
### Доп. задание
|
||||
|
||||
1. Выведите только первые 5 котов, а не все 10
|
||||
|
||||
## Полезные ссылки
|
||||
|
||||
- [JSONPlaceholder документация](https://jsonplaceholder.typicode.com/)
|
||||
- [MDN: fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)
|
||||
- [MDN: Работа с JSON](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/JSON)
|
||||
- [MDN: String.prototype.slice()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice)
|
||||
Reference in New Issue
Block a user