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

[@sergtsch87]

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

[@man_money_]

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

[@Klerfe]

Ні, не один, я вже 4 роки в університеті вивчаю "програмування" така сама тема. 🥴 Завжди приходиться переписувати код з відео, а по іншому не працює так як я хочу.

[@man_money_]

@ мабуть нам треба ще більше практики

[@Klerfe]

@@man_money_ Треба, але на проєкті для вирішення бізнес задач.

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

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

[@irynazdobnikova4501]

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

[@sergtsch87]

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

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

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

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

const cartQuantityUpgrade = () => {
const cartQuantity = document.querySelector(".cart-list-quantity-section > input");
if (cartQuantity.value updateCartTotal()); потрібно змінити на:
cartQuantity.addEventListener("change", () => cartQuantityUpgrade());

[@O.L.I.A.N.A]

О, я часто на пром додаю товари в кошик, і воно все вибиває, бо ціна відʼємна😬😬😬

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

@@O.L.I.A.N.A Пром пом пом.

[@O.L.I.A.N.A]

@@ДмитроЛимар 😆😆😆

[@kateamiinee]

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

[@Исиар]

Дякую за урок

[@immortal601]

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

[@savchukit1454]

Це якраз наступне заняття)

[@ВладМаліновський]

Чекаю наступний урок)

[@Исиар]

Дякую за відео

[@user-pt1te3uh7f]

Дякую

[@Dimiurg-]

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

[@Lila-Maka]

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

[@Исиар]

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

[@MaksymRudnyi]

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

[@ivanovserg8795]

Віталію, дякую за відео! Є до Вас такі питання:
1. Чи буде оптимальним додати ще клас (наприклад .cart-empty) до всього кошику (div.cart) яким маніпулювати та таким чином через CSS ховати/показувати його внутрішні блоки (.cart-list-wrapper) та (.cart-empty-title) у разі порожнього (не порожнього) кошика ? Тоді можна позбавитися коду для роботи з внутрішніми елементами у функції removeProductFromCart, по типу:
const cartListWrapper = document.querySelector(".cart-list-wrapper");
const emptyCartTitle = document.querySelector(".cart-empty-title");
cartListWrapper.style.display = "none";
emptyCartTitle.style.display = "block";

[@savchukit1454]

Так, звичайно!)
Розмір завжди має значення! Тільки в програмуванні тенденції протилежні від світських: чим менше коду, тим краще)

[@inthelens9682]

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

[@Исиар]

Коли буде наступний урок?

[@savchukit1454]

Сьогодні)

[@takumi_senju]

2:40 планшет??😂

[@savchukit1454]

Після запису відео лише прочитав опис))

[@takumi_senju]

@@savchukit1454 буває, зато більш веселу обстановку створює, як на мене це +

[@RoTrend23493]

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

[@savchukit1454]

Хто шукає, той знайде))

[@RoTrend23493]

знайшов)))))

[@RoTrend23493]

по опису на сторінці легко можна впізнати)

[@tarasfydria4889]

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

[@ЮлияЧоп-е9л]

вже доступно 720

[@Dima-bg4cg]

@@ЮлияЧоп-е9л вже 1080p є

[@_Tem4ik_86]

Допомагає?

[@taraskoz9486]

const container = document.querySelector(".products-container");

productsItem.forEach(element => {
const item = document.createElement("li");
item.classList.add("product-item");
item.innerHTML=`

${element.title}
${element.description}

${element.price}$Add to cart

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

[@savchukit1454]

Таааааак, взагалі шикарно, вдячний разом з підписниками! :)

[@cryptobrarry]

що ви бачіте перед собою? то гітхаб ))))

[@GNOM_N]

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

[@inthelens9682]

Пийте заспокійливі)

[@Ілля_Боднар-н5д]

дякую,але поки чекав то вже все це вивчив