Обучение JavaScript. Урок для начинающих. Скрипты для сайта интернет магазина
Вставка
- Опубліковано 13 чер 2024
- ↓↓↓ Таймкоды, ссылки на материалы в описании под видео ↓↓↓
Обучение JavaScript на практическом примере. Пишем JS скрипты для сайта интернет магазина. Работа с DOM, поиск элементов, нажатие (клик), функции, переменные, массивы. Урок по языку программирования JavaScript от веб-разработчика.
Интенсив по JavaScript.
Паттерн MVC. JSON и LocalStorage: school.webcademy.ru/intensive...
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 01 Июля 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 08 Июля 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews
📍 Материалы к уроку:
• Стартовый шаблон урока: webcademy.ru/webinars/shop-st...
• Готовый код с урока: webcademy.ru/webinars/sushi-s...
Тайм-коды:
00:00 Знакомство с проектом
03:00 Начинаем работу. Знакомство с версткой проекта
05:03 Счетчик для одного товара на JS
28:10 Счетчики для всех товаров на JS
46:59 Добавление товара в корзину
01:07:14 Суммирование одинаковых товаров в корзине
01:18:49 Удаление товара из корзины. JavaScript
01:29:32 Скрытие надписи "Корзина пуста"
01:45:33 Показ блока "Оформить заказ"
01:48:07 Подсчет стоимости товаров в корзине
02:10:30 Блок "доставка"
02:20:16 Примечание и информация о Интенсиве JS MVC
02:22:20 Бонус. Работа с JSON на JavaScript
02:37:59 Курс по JavaScript frontend разработке
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, JavaScript, JQuery, PHP, MySQL, React, Gulp.
На нашем канале bit.ly/3erF41X вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Сайт школы ВебКадеми: webcademy.ru/
Наша группа Вконтакте: webcademy
Telegram канал: t.me/webcademynews
Самое понятное и адекватное объяснение JS, которое я видел в жизни. Удачи автору!
Спасибо! По-больше бы таких видео!
Спасибо за видео!) Побольше бы таких практик по js))
на самом деле от души брат за твои грамотные уроки. Ты прямо надежда моя!
Отличный видео-урок, у Вас явный талант к преподаванию ,очень доходчиво объясняете !
Как же хорошо обьясняете. Спасибо вам.
По-моему очень подробно и понятно получилось. Отдельное спасибо за подготовленную заготовку вёрстки. Просто топ!
Хочу выразить огромную благодарность за контент, все понятно без воды
Спасибо. Очень крутой материал)
Супер! Большое спасибо, ясно и крайне доходчиво.🥰
Офигенная подача и все понятно. Большое спасибо автору за такой контент!
Это было здорово! Моё почтение за такой урок и мастеркласс!
Спасибо! Понятно и доступно)
Спасибо за суперский урок и отдельное спасибо за приложеный готовый код.
Это дар, уметь так объяснять доходчиво.. Наконец-то блондинка начала понимать JS..😂 Респект и благодарность
Аналогичная история. Только я не блондин. Спасибо, автор
Как ваши успехи ?)
Респект, мэн!! Очень толково все изложил без воды и без лишнего разжевывания . И за возможность скачать исходники и готовый результат отдельное спасибо.
Очень полезно и содержательно. Все работает! Спасибо за урок
Спасибо вам огромное, уже второй день смотрю и понемногу делаю. Получается. Хоть понятно у вас - что и для чего делаем и прописываем.
Классный урок. Писал код вместе с автором во время просмотра. Всё получилось! Я очень рад. Побольше бы таких уроков на вашем канале где что-то пишется на JavaScript. Хорошо, что даёте файлы со стартовым кодом и готовым кодом. Иногда из-за невнимательности что-то пропустил и всё... а тут подсмотрел - и нашел ошибку. За это отдельное спасибо! Удачи вам и мотивации записывать подобные видео :)
Благодарю за подробное объяснение
Спасибо большое! Очень доходчиво! Очень хочется по админке и CRUD обучение
Ну что сказать одним словом пушка!!!!Побольше бы таких видео которые уже приблежают тебе к сути из всего что ты учил.От простой верстки до того что оказываеться не нужно все делать с помощю верстки.
Доходчивое объяснение многих вещей. Для новичков будет очень полезно.
Прошел урок )))Как всегда все круто!Отдельное спасибо и респект что оставляете в открытом доступе начальные и готовые файлы проекта в отличии от некоторых других блогеров которые даже самую простую строчку кода умудряються заливать на патреон как платный контент что напрочь отбивает любое желание смотреть их видео!Удачи вам в продвижении контента!
Жаль что я не нашел этот канал раньше, у меня проблемы с Js но в этом видео шикарное объяснение, все понятно и доходчиво, спасибо !
Полностью согласен
привет у мнея тоыхе проблеми отзовитес как ваш прогрес?
У вас получилось сделать сайт полностью?
Аналогично
Привет, спустя год, как ваш прогрес?
Хороший урок, особое спасибо за часть "работа с JSON"
Здравствуйте, можно побольше таких уроков🙏
Шикарное объяснение, автору спасибо!
Спасибо большое, что на просторах ютуба попался ты. Все очень доходчиво и понятно
Шикарное объяснение. Большое спасибо!
Очень полезный ролик, всё очень доходчиво, а главное - показывает как используется JS на практике, большое спасибо☺
Здравствуйте. Огромное спасибо за столь внятный, интересный и познавательный урок.
Одно из лучших практических видео!!!
Спасибо! Очень понятно, подробно объясняешь и чисто пишешь код!
урок определённо здоровский, и для начинающих прям круто. Но сам код имеет некоторые лишние действия как я считаю. Но урок всё равно полезный)
Спасибо огромное за грамотное обьяснение!!
Отличный контент,Игорь!подача, ценность материала,все супер.Нужен ещё контент относительно интернет магазинов на js
Спасибо тебе за урок! Благодаря тебе вышел на фриланс!!!
Все хорошо расписано и понятно. Качество и уровень кода проста на высоте, как и подачи материала в целом. Что сказать, ещё один фаворит в моем чемодане.
Вы сделали сайт полностью?
Очень круто объясняете! Все доходчиво. Так и аппетит просыпается идти к вам на курсы!
Вы сделали сайт полностью?
Алла разы болсын,өте түсінікті
Мне нравиться ваши видео. Хотелось бы больше видео с JavaScript :)
Очень полезный гайд! Автор - мужик с большой буквы! Респект таким людям)
Спасибо Вам огромное за этот урок. Кладезь полезной, применимой на практике информации. Отличная, понятная подача! Так же спасибо за ссылки на материалы курса. Вообще канал -ТОП! У Вас, однозначно, огромный педагогический талант. Успехов Вам)
Вы сделали этот сайт полностью?
спасибо большое за урок, узнал много нового
Спасибо большое за урок, наставник
Ты просто лучший, всё просто и понятно, спасибо тебе за этот ролик
Вы просто боженька ) Спасибо огромное )
Спасибо за видео, все получилось, все понял 👍
Хотелось бы больше видео с JavaScript :)
спасибо за урок
ты лучший ! развития тебе!!!!
Пушка! Спасибо большое 🎉🎉🎉
Супер объясняешь, 👍👍👍👍
Отличный урок! Спасибо)
Ну это просто шедевр , понятнее уже некуда.
Благодарю за отличное изложение материала. Все очень доходчиво. Отдельное спасибо, что без фреймворков. Пробовал освоить React - пока не получилось, вернулся к более глубокому изучению чистого JS, этот видеоролик - просто клад.
Заинтересовался темой, как дальше отправлять данные заказа из корзины, их получать и обрабатывать. Насколько я понимаю, в данном примере данные о содержании заказа содержатся вне тега , внутри формы находится только поле ввода номера телефона и кнопка "Заказать"...
Буду искать материалы))
Я даже подпишусь! Очень помог, самый понятный гайд
Спасибо большое!
спасибо это очень интересно
Лучшее обьяснение которое я видел! Большое спасибо за такой материал! Посмотрел и переписал весь код на одном дыхании!
У вас остался этот сайт?
Видео просто шик))) спасибо большое
тот случай когда получаешь не только знания но и удовольствие от процесса!) Юра ты Красавчик!) так держать!)
моднейший урок конечно, уже две недели раз за разом делаю)))
пока до половину могу сделать, не смотря в готовый код))
отличная практика JS!
огромное спасибо!!!
очень круто и понятно объясняешь, спасибо за такой контент и проделанную работу!
Вы сделали сайт полностью?
Данное видео - это золотой клад. Определенно лайк и в избранное! Вот такой контент нужен, с практикой!
СПАСИБО!!
это супер, так понятно, как для детей просто! спасибо Вам большое! единственная проблема - запомнить эту логику и последовательность. наверное, надо десятки таких корзин для этого сделать...
Все верно, раза 4 повторите и запомните. Так и есть)
Крутой чел. Разжевал конкретно
отлично!
Спасибо! Подписался
огромное спасибо
супер!
Спасибо за урок
Очень годно 👍
Огромнейшее Спасибо автору ролика. Смотрим всей семьей! Ладно шутка, я один смотрю но всё очень интересно. Было бы у меня НОЛЬ опыта в ДЖ первое видео которое я бы посмотрел это было бы ваше. Жаль что вы избегаете таких терминов как Делегирование событий, всплытие и погружение объекта, DOM и т.д
но за такую подробность это простительно .
Подписка, лайк!
Вы правда крутой ментор. Прям хочется купить у вас курс, но понимаю что ранее купленные курсы нужно довести до конца. Жаль что вас раньше не увидел.
спасибо за урок очень полезен☺, у меня вопрос а как подключить товары к базе с добавлением
спасибо очень доходчиво😊😊
а может есть и css который Вы написали для этого JS-а
Вот это топ объяснения! Как 1000 лайков поставить)?
я за видео узнал больше, чем на своих курсах
Спасибо больше
за код в описании и понятное объяснение
яркий пример того, что не надо сразу бежать в каналы где сотни тысяч подписчиков, спасибо за урок , полезно и без воды.
2:05:54 - если у вас не изменяется сумма при кликах в счётчике в корзине, то поменяйте условие:
if (event.target.closest('.класс вашего элемента'))
Вы сделали сайт полностью?
Видео попало в рекомендации только сейчас, через 4 месяца
Сохраните эфир потом посмотрю ша немогу
лучшее видео
Здравствуйте, очень заинтересовали ваши уроки, но есть ли у вас урок именно по верстке этого шаблона? Хотела бы начать с этого, а то получается видео по готовом шаблону, хотелось бы тоже его сделать по вашим урокам
Можно ли корзину на ajax разворачивающуюся сделать интересно 🤔💭
спасибо очень познователний урок. Фигми нету?
Неужели нашёл что-то годное
Ребят, а как плагин называется, который подсвечивает желтой линией одну фигурную скобку с другой? очень удобно
🔝🔝
Ваша разметка в html просто самая читабельная 👍🙏🏻
Спасибо)
@@WebCademy подскажите у меня пишет чтоб devTools не доступен в России , и не никак не проверить теперь код установил vpn ничего не изменилось как проверять написание и работу не понимаю
@@user-ni8eb7mb3c Странно, не встречал такого. Попробуйте Firefox.
@@WebCademyУ меня ошибка в консоли почему-то. Когда я пишу counter.innerText и не появляется 1 внизу,как у вас на 17:40 минуте в видео. Ошибка такая: Uncaught ReferenceError: counter is not defined at : 1:1 и всё
Спасибо огромное, теперь я начал более менее понимать как это все работает.
но у меня есть вопрос, какой плагин ты используешь? ибо как ты пишешь внутри JS хтмл код с пробелами и ентер? когда я просто копирую и вставляю мне приходится убирать все между ними отступы потому что js не заработает нормально и всегда светится красным. изза этого невозможно нормально воспринимать весь хтмл код который я написал.
маленькая добавка- если у кого-то, как у меня, дробные цены (20,5 долларов, например), используйте parseFloat вместо parseInt в totalPrice (parseInt округляет дробные числа)
спосибо человеческое 😄;
Здравствуйте! А как посмотреть продвинутый интенсив? Ссылки на него нет в описании.
А можно дублировать ссылки на "макет" даного урока скажем на google drive?
Добрый день подскажите не вижу ссылку на интенсив где модно купить please!