Курс JavaScript ES6-классы. 04. Компонент "Каталог товаров" (Отображение товаров) 

Я смотрю тут совсем не отвечают, очень жаль. У меня такая же ошибка

Лучше. Это максимально просто проект, где минимальный функционал. Проект, приближенный к реальному здесь ru-vid.com/group/PL7cTIfGFrdKkQAWKDu2NdFt5Cx38B-A3i В проекте по "Звёздным войнам" персонажи как раз отображаются не все, а постранично

тоже самое было, потом в html коде script с подключением поднял выше остальных и все стало работать

@@elmaraliyev301 от души) сижу уже час, а тут такое простое решение)

Нашёл ответ?

Значит он не понимает, что htmlCatalog - это переменная. Ошибка в записи шаблонной строки. Возможно, вместо обратных кавычек используются обычные

А путь к изображению правильный?

@@LetsCodeDev src не правильно написал)))

решил проблему?

@@nurb1ack503а ты решил проблему?

Порядок не тот, header должен стоять выше продуктов

Залей проект на Github или куда-то еще и закинь сюда ссылку на файл, где ошибка. Тогда можно что-то будет подсказать. Так по логике, ROOT_PRODUCTS - это селектор для элемента с ID products. Похоже не может его найти на страницею const ROOT_PRODUCTS = document.getElementById('products'); Поверь наличие этого элемента

расширения .json?

@@LetsCodeDev Да))

Да, но лучше осмысленно

Что имеешь ввиду? Админку? В админке добавляем новый товар, а у пользователя он отображается? По сути у нас товары из каталога как раз и добавляются динамически в DOM

@@LetsCodeDev Наверное, админку. Я имел ввиду, кнопку "добавить" на странице. при клике на нее вылазит модалка с полями, при заполнении которой появляется на странице новая карточка товара. Мне это очень интересно, но, наверное, это не для интернет-магазина?

@@user-ir9du6ct3m Это можно сделать, но вопрос в другом. Где будет храниться потом этот товар? Мы можем добавить новую запись в массив CATALOG, но когда мы перезагрузим страницу, то эта запись исчезнет. Чтобы она не исчезла нужно где-то хранить массив: или поместить в локальное хранилище localStorage / IndexedDB или же отправить это всё на backend, чтобы всё записалось в базу данных. В данном курсе мы не пишем backend-приложение, поэтому сохранить в базу данных не сможем

@@LetsCodeDev Согласен, если в данном проекте не запланирован localStorage, то смысла в добавлении нет

@@LetsCodeDev логично хранить товары в бд , не? И при тендере получать их оттуда

Посмотреть что написано в консоли. F12 -> Console

Перевести язык на английский и нажать букву "ё". Получится как раз этот символ "`"

Для кнопка "Показать еще" нужно логику работы программы менять. Сейчас при старте отправляется запрос fetch('server/catalog.json') и забираются все данные. Как вариант, можно сделать следующее: 1. Поменять формат данных в фале catalog.json. Сделать в таком формате в одном файле или разбить на несколько для каждой страницы [ { "page": 1, "data": [ { "id": "el1", "name": "name1" }, { "id": "el2", "name": "name2" } ] }, { "page": 2, "data": [ { "id": "el3", "name": "name3" }, { "id": "el4", "name": "name4" } ] } ] 2. При нажатии на кнопку "Показать еще" отправлять еще один fetch (если разбито по разным файлам) или брать данные по странице 2

Согласен! Хорошее замечание! Статические методы можно и нужно использовать

Была идея сделать через createElement, даже демку делал codepen.io/anton-sergeenkov/pen/BayNgKx Но там получается гораздо сложнее для восприятия, когда проект разрастается, поэтому не реализовывал в этом проекте. Если писать через createElement то в конечном итоге приходишь к созданию своего JSX