Основи JavaScript для початківців #28 - Базовий інтернет-магазин

Таймкоди:
0:00 - Вступ. Показ функціоналу сайту
6:20 - GitHub
11:30 - Опис завдання
15:03 - Найважливіша частина відео
17:23 - Стилі
21:08 - JS код

[man_money_]

Щиро дякую за твої уроки! У мене така проблема, що коли Віталік, пояснює якусь тему окремо, я наче все розумію, а от коли доходить до практичного застосування набутих знань, то нічого не можу до купи зв'язати. Я один такий? Дуже дякую за відео

[sergtsch]

Вже підписався на ваш канал. Залишу вподобайку та коментар авансом. Дякую Вам за вашу працю, за ваші цікаві та корисні україномовні випуски

[ЄлізаветаЯщук]

Віталію, дякую за інформацію яку ви надаєте!

[irynazdobnikova]

Дякую за пояснення кожного рядочка😃. Питання написала вам на пошту

[sergtsch]

Завдяки порадам алгоритму YouTube дізнався за ваш канал. Дякую за вашу працю

[immortal]

Ще б дуже хотілося почути про local/session storage. Ця тема складна для мене, а в тебе гарно виходить пояснювати

[kateamiinee]

Ура, нове відео🥳Дякую за якісний контент

[ДмитроЛимар]

Вітаю! Дякую за чудове та прекрасне відео та пояснення!
Із того, що можна покращити, так це заборону вводу в input поле. Тому що існує можливість поставити знак -, від чого total стане від'ємним.

[сергаш]

26:55 який Віталій розумний 😄🤓💛 кляс 🤪

[Dimiurg-]

Привіт, чи є у планах записати серію уроків по створенню реального проекту із фронтендом і бекендом із повноцінною базою данних ?

[Lila-Maka]

Дякую за актуальну інформацію!
А чи можна попросити пораду, щодо хорошого хостингу в Україні.

[MaksymRudnyi]

Привіт. Чудовий канал та курс по JS. Як щодо співпраці та колаборації? Допоможемо нашим підписникам знайти більше якісного контенту. Буду ждати Вашу відповідь. Успіхів з розвитком каналу.

[сергаш]

шукав особисту пошту, аби повідомити панові Віталію про слова "знаходитись" і "давайте", які вживаються у невластивій для української мови значеннях (з огляду на стилістику української мови); дуже цікаво 🤔🤓 слухати конкретний випадок з async > await, які використовуються на практиці… мені це особисто ще складно осягнути, аде дорогу пройде той, хто ІДЕ… дяка за такі уроки 🙏🙏🙏 і вимова чудова

[Исиар]

Про event і target на каналі відео небуло)

[inthelens]

Питання, як змінювати зображення, опис, ціну і т.д . Тобто елементи які додані через "fakestoreapi". ? Бо до мене щось не доходить )
Яким способом зазвичай створюють сайти ? Таким як тут вказано, чи пишуть через html всі елементи, а потім прописують функціонал через js ?
Поясніть будьласка, буду вдячний )

[ivanovserg]

Віталію, дякую за відео! Є до Вас такі питання:

1. Чи буде оптимальним додати ще клас (наприклад .cart-empty) до всього кошику (div.cart) яким маніпулювати та таким чином через CSS ховати/показувати його внутрішні блоки (.cart-list-wrapper) та (.cart-empty-title) у разі порожнього (не порожнього) кошика ? Тоді можна позбавитися коду для роботи з внутрішніми елементами у функції removeProductFromCart, по типу:

const cartListWrapper =
const emptyCartTitle =
cartListWrapper.style.display = "none";
emptyCartTitle.style.display = "block";

[taraskoz]

const container =

productsItem.forEach(element => {
const item =

item.innerHTML=`
<img src="${element.image}">
<h4>${element.title}</h4>

<section class="product-item-price">
to cart</button>
</section>
`;

container.appendChild(item);
});
Щоб не створювати багато змінних можна і так зробити.

[RoTrend]

Віталій, Ви є в FB?)))
бо ми вже всі тут як родичі, а навіть не бачилися онлайн)))

[tarasfydria]

наявна лише шакальна якість відео(360)

[GNOM_N]

Я вам вдячна за відео, але так дратує оце постійне дьоргання монітору, дуже швидке виділення тексту по декілька разів.