Demo.mov
Данный проект представляет из себя верстку новостного сайта "K/C NEWS" образовательного курса Karpov.Courses
Для запуска сайта на локальном хосте с использованием Live Server, вам потребуется выполнить несколько шагов:
- Установить расширение Live Server для вашего редактора кода
- Найти файл index.html
- Нажать правой кнопкой мыши на этот файл в редакторе кода
- В контекстном меню выберать "Open with Live Server" или аналогичный пункт (название может немного отличаться в зависимости от вашего редактора). Live Server автоматически запустит сайт на локальном сервере и откроет его в браузере по умолчанию
Если вы хотите использовать Live Server без редактора кода, вы также можете установить его глобально через npm и запустить его из командной строки:
npm install -g live-server
- устанавливаем локальный серверlive-server
- запуск локального сервера
Данные берутся из файла data.json
. Cтруктура данных новостей задается массивом данных и выглядит примерно следующим образом:
{
"sources": [
{
"id": 1,
"name": "meduza"
},
...
],
"categories": [
{
"id": 1,
"name": "tech"
},
...
],
"items": [
{
"id": 87901,
"lang": "ru",
"date": "Mon Oct 11 2021 16:58:58 GMT+0300 (Moscow Standard Time)",
"title": "Путин назвал причину своего кашля",
"description": "Президент России Владимир Путин рассказал о причине своего кашля и заявил, что со здоровьем у него все нормально. Об этом он рассказал на совещании с постоянными членами Совбеза РФ.\n\n\"Валентина Ивановна (Матвиенко) не беспокойтесь, ...",
"image": "https://img.gazeta.ru/files3/211/14034211/RIAN_6661933.HR-pic905-895x505-19909.jpg",
"source_id": 15,
"category_id": 4
},
...
]
}
HTML, CSS, JavaScript