background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

ดาวน์โหลด "UI-компоненты №4. Отправка корзины на почту"

input logo icon
"videoThumbnail UI-компоненты №4. Отправка корзины на почту
สารบัญ
|

สารบัญ

0:00
Вступление
0:50
Создаем модальное окно (html, css)
25:35
Вставляем товары в модальное окно (js)
37:00
Обработка товаров и их запись в форму для отправки
46:11
Заключение
วิดีโอที่คล้ายกันจากแคตตาล็อกของเรา
|

วิดีโอที่คล้ายกันจากแคตตาล็อกของเรา

UI-компоненты №13. Валидация и отправка формы на почту в 2022
27:59

UI-компоненты №13. Валидация и отправка формы на почту в 2022

ช่อง: MaxGraph - cайты как страсть
UI-компоненты №18. Мобильное меню с определением секции
30:22

UI-компоненты №18. Мобильное меню с определением секции

ช่อง: MaxGraph - cайты как страсть
Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Верстка шапки
37:06

Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Верстка шапки

ช่อง: MaxGraph - cайты как страсть
UI-компоненты №2. Сетка карточек и фиксированный фильтр
34:10

UI-компоненты №2. Сетка карточек и фиксированный фильтр

ช่อง: MaxGraph - cайты как страсть
Верстаю сайт, используя фишки своей Gulp-сборки
3:06:32

Верстаю сайт, используя фишки своей Gulp-сборки

ช่อง: MaxGraph - cайты как страсть
UI-компоненты №10. Степпер с вводом количества и кнопками увеличения\уменьшения
22:43

UI-компоненты №10. Степпер с вводом количества и кнопками увеличения\уменьшения

ช่อง: MaxGraph - cайты как страсть
UI-компоненты №16. Бесконечно движущийся блок (ticker slider) на чистом CSS
7:06

UI-компоненты №16. Бесконечно движущийся блок (ticker slider) на чистом CSS

ช่อง: MaxGraph - cайты как страсть
UI-компоненты №6. Сохранение корзины в localStorage
38:42

UI-компоненты №6. Сохранение корзины в localStorage

ช่อง: MaxGraph - cайты как страсть
UI-компоненты №1. Карточка товара с несколькими изображениями
41:25

UI-компоненты №1. Карточка товара с несколькими изображениями

ช่อง: MaxGraph - cайты как страсть
UI-компоненты №17. Создание карточек с прижатием кнопки внизу
9:55

UI-компоненты №17. Создание карточек с прижатием кнопки внизу

ช่อง: MaxGraph - cайты как страсть
แท็กวิดีโอ
|

แท็กวิดีโอ

верстка
верстка сайта
верстка сайта с нуля
верстка с нуля
адаптивная верстка
html
html css
уроки html
верстка лендинга
верстка сайтов уроки
css
js
maxgraph
ui-компоненты
карточка товара
карточка товара html css
готовые решения html css
карточки сетка css
корзина товаров на javascript
корзина товаров js
js корзина товаров
корзина товаров на чистом js
ityoutubersru
ui_компоненты
คุณได้ UDL Helper ติดตั้ง แล้ว คุณสามารถดาวน์โหลด วิดีโอ ได้ใน 1 คลิก!
ติดตั้งแล้ว
สำหรับ
Google Chrome

คำอธิบาย:

Привет! Давно хотел сделать рубрику, где буду большое внимание уделять не целым страницам, а ее деталям. Так, как мне кажется, удобнее для восприятия и видно больше мелочей. В связи с этим, сделал новую рубрику UI-компоненты, которая будет посвящена разным реализациям с различных сайтов, которые часто встречаются. Здесь я буду стараться сделать универсальную верстку, чтоб данный компонент можно было внедрить на сайт без проблем. Также можно не беспокоиться и за сборщики/препроцессоры и прочие нюансы - здесь я пишу на чистых языках - html, css, js. В этой части я сделаю отправку нашей корзины товаров на почту. Содержание: 00:00 - Вступление 00:50 - Создаем модальное окно (html, css) 25:35 - Вставляем товары в модальное окно (js) 37:00 - Обработка товаров и их запись в форму для отправки 46:11 - Заключение Увы, забыл сделать удаление товаров, простите :( https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/UI-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B%20%E2%84%960.%20%D0%A1%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2%D1%8B%D0%B9%20%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD - стартовый шаблон для верстки https://www.figma.com/file/28GCW0PvfdyEAU2T39rjNc/ui-components?node-id=0%3A1 - макет в Figma https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/UI-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B%20%E2%84%964.%20%D0%9A%D0%BE%D1%80%D0%B7%D0%B8%D0%BD%D0%B0%20%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%BE%D0%B2%20%D0%BD%D0%B0%20%D1%87%D0%B8%D1%81%D1%82%D0%BE%D0%BC%20js%20-%20%D0%BE%D1%82%D0%BF%D1%80%D0%B0%D0%B2%D0%BA%D0%B0 - готовая верстка на GitHub Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось? https://www.youtube.com/channel/UCxJyCit95jsb-JLE3kXnq1Q?sub_confirmation=1 Моя страница вконтакте: http://vk.com/maxdenaro Мой блог: https://verstaem.online/blog/ Мой сайт: http://maxgraph.ru/ Канал в телеграм: https://teleg.run/maxgraph Чат для верстальщиков: https://teleg.run/maxgraph_chat

กำลังเตรียมตัวเลือกการดาวน์โหลด

popular icon
ที่นิยม
hd icon
HD วิดีโอ
audio icon
เสียงเท่านั้น
total icon
ทุกรูปแบบ
* — หากวิดีโอกำลังเล่นในแท็บใหม่ ให้ไปที่แท็บนั้น จากนั้นคลิกขวาที่วิดีโอแล้วเลือก "บันทึกวิดีโอเป็น..."
** — ลิงก์มีไว้สำหรับการเล่นออนไลน์ในเครื่องเล่นเฉพาะทาง

คำถามเกี่ยวกับการดาวน์โหลดวิดีโอ

mobile menu iconฉันจะดาวน์โหลดวิดีโอ "UI-компоненты №4. Отправка корзины на почту" ได้อย่างไรmobile menu icon

  • เว็บไซต์ http://unidownloader.com/ เป็นวิธีที่ดีที่สุดในการดาวน์โหลดวิดีโอหรือแทร็กเสียงแยกต่างหาก หากคุณต้องการหลีกเลี่ยงการติดตั้งโปรแกรมและส่วนขยาย

  • ส่วนขยาย UDL Helper เป็นปุ่มที่สะดวกซึ่งฝังไว้บนเว็บไซต์ YouTube, Instagram และ OK.ru เพื่อการดาวน์โหลดเนื้อหาที่รวดเร็ว

  • UDL Client (สำหรับ Windows) - โซลูชันที่ทรงพลังที่สุดที่รองรับเว็บไซต์ โซเชียลเน็ตเวิร์ก และไซต์โฮสต์วิดีโอมากกว่า 900 แห่ง รวมถึงคุณภาพวิดีโอใด ๆ ที่มีอยู่ในแหล่งที่มา

  • UDL Lite - เป็นวิธีที่สะดวกในการเข้าถึงเว็บไซต์จากอุปกรณ์มือถือของคุณ ด้วยความช่วยเหลือนี้ คุณสามารถดาวน์โหลดวิดีโอลงสมาร์ทโฟนของคุณได้โดยตรง

mobile menu iconฉันควรเลือกรูปแบบวิดีโอ "UI-компоненты №4. Отправка корзины на почту" ใดmobile menu icon

  • รูปแบบคุณภาพที่ดีที่สุดคือ FullHD (1080p), 2K (1440p), 4K (2160p) และ 8K (4320p) ยิ่งความละเอียดหน้าจอของคุณสูงเท่าไร คุณภาพวิดีโอก็ควรจะสูงขึ้นตามไปด้วย อย่างไรก็ตาม ยังมีปัจจัยอื่นๆ ที่ต้องพิจารณา: ความเร็วในการดาวน์โหลด จำนวนพื้นที่ว่าง และประสิทธิภาพของอุปกรณ์ระหว่างการเล่น

mobile menu iconเหตุใดคอมพิวเตอร์จึงค้างเมื่อโหลดวิดีโอ "UI-компоненты №4. Отправка корзины на почту"mobile menu icon

  • เบราว์เซอร์/คอมพิวเตอร์ไม่ควรหยุดทำงานโดยสิ้นเชิง! หากเกิดเหตุการณ์เช่นนี้ โปรดรายงานพร้อมลิงก์ไปยังวิดีโอ บางครั้งวิดีโอไม่สามารถดาวน์โหลดได้โดยตรงในรูปแบบที่เหมาะสม ดังนั้นเราจึงเพิ่มความสามารถในการแปลงไฟล์เป็นรูปแบบที่ต้องการ ในบางกรณี กระบวนการนี้อาจใช้ทรัพยากรคอมพิวเตอร์อย่างจริงจัง

mobile menu iconฉันจะดาวน์โหลดวิดีโอ "UI-компоненты №4. Отправка корзины на почту" ลงในโทรศัพท์ของฉันได้อย่างไรmobile menu icon

  • คุณสามารถดาวน์โหลดวิดีโอลงในสมาร์ทโฟนของคุณได้โดยใช้เว็บไซต์ UDL Lite หรือแอปพลิเคชัน pwa นอกจากนี้ยังสามารถส่งลิงก์ดาวน์โหลดผ่านโค้ด QR โดยใช้ส่วนขยาย UDL Helper ได้อีกด้วย

mobile menu iconฉันจะดาวน์โหลดแทร็กเสียง (เพลง) เป็น MP3 "UI-компоненты №4. Отправка корзины на почту" ได้อย่างไรmobile menu icon

  • วิธีที่สะดวกที่สุดคือการใช้ UDL Client ซึ่งรองรับการแปลงวิดีโอเป็นรูปแบบ MP3 ในบางกรณี คุณสามารถดาวน์โหลดไฟล์ MP3 ผ่านส่วนขยาย UDL Helper ได้

mobile menu iconจะบันทึกเฟรมจากวิดีโอ "UI-компоненты №4. Отправка корзины на почту" ได้อย่างไรmobile menu icon

  • คุณลักษณะนี้มีอยู่ในส่วนขยาย UDL Helper ตรวจสอบให้แน่ใจว่าได้เลือกตัวเลือก "ปุ่มแสดงผลเพื่อบันทึกภาพหน้าจอจากวิดีโอ" ในการตั้งค่า ไอคอนกล้องควรปรากฏที่มุมขวาล่างของเครื่องเล่นทางด้านซ้ายของไอคอน "การตั้งค่า" เมื่อคุณคลิก เฟรมปัจจุบันจากวิดีโอจะถูกบันทึกลงในคอมพิวเตอร์ของคุณในรูปแบบ JPEG

mobile menu iconค่าใช้จ่ายทั้งหมดนี้เท่าไหร่mobile menu icon

  • ไม่มีค่าใช้จ่ายเลยจริงๆ บริการของเราฟรีสำหรับผู้ใช้ทุกคนอย่างแน่นอน ไม่มีการสมัครสมาชิกแบบ PRO ไม่มีการจำกัดจำนวนหรือความยาวสูงสุดของวิดีโอที่ดาวน์โหลด