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

ดาวน์โหลด "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON"

input logo icon
หน้าปกเครื่องเสียง
โปรดรอ เรากำลังเตรียมลิงก์สำหรับการรับชมและดาวน์โหลดวิดีโอแบบไม่มีโฆษณาอย่างง่ายดาย
console placeholder icon
สารบัญ
|

สารบัญ

0:00
В видео
0:50
РЕКЛАМА
2:16
Подготовка к работе
4:02
Подготовка к работе: Подключение шрифтов
12:32
Подготовка к работе: Цвета
13:28
Подготовка к работе: Размеры
16:06
Верстка хедера сайта
1:19:36
Верстка футера сайта
1:49:18
Верстка главного слайдера
2:48:35
Изменение хедера при скролле
2:53:29
Верстка блока с преимуществами
2:59:43
Верстка блока с товарами
4:02:17
Верстка слайдера Rooms
4:26:12
Верстка слайдера Tips & Tricks
4:36:17
Верстка галереи Furniture
4:52:51
Заключение
วิดีโอที่คล้ายกันจากแคตตาล็อกของเรา
|

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

Адаптивная верстка сайта "Фрилансер по жизни". HTML SCSS JS FIGMA GULP WEBPACK. Часть №2
2:13:27

Адаптивная верстка сайта "Фрилансер по жизни". HTML SCSS JS FIGMA GULP WEBPACK. Часть №2

ช่อง: Фрілансер по життю
Адаптивная верстка интернет-магазина с нуля. Часть #4. GULP SCSS JS
2:55:15

Адаптивная верстка интернет-магазина с нуля. Часть #4. GULP SCSS JS

ช่อง: Фрілансер по життю
Адаптивна верстка для початківців. Пояснення дій. HTML CSS FIGMA
3:10:38

Адаптивна верстка для початківців. Пояснення дій. HTML CSS FIGMA

ช่อง: Фрілансер по життю
Адаптивная верстка сайта с нуля! Верстка сайта, стоимостью 7000
4:55:47

Адаптивная верстка сайта с нуля! Верстка сайта, стоимостью 7000

ช่อง: Обучение HTML, CSS, JavaScript | Анатолий Ивашов
Адаптивна верстка сайту на базі шаблону ЧФ3. Пояснення дій. HTML CSS JS FIGMA. Частина №1
3:02:25

Адаптивна верстка сайту на базі шаблону ЧФ3. Пояснення дій. HTML CSS JS FIGMA. Частина №1

ช่อง: Фрілансер по життю
Адаптивная верстка сайта интернет-магазина. Объяснение действий. HTML SCSS JS FIGMA GULP WEBPACK.
8:15:37

Адаптивная верстка сайта интернет-магазина. Объяснение действий. HTML SCSS JS FIGMA GULP WEBPACK.

ช่อง: Фрілансер по життю
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
3:55:52

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

ช่อง: Фрілансер по життю
Адаптивна верстка сайту для початківців. Пояснення дій. HTML CSS FIGMA. Частина №2
3:15:27

Адаптивна верстка сайту для початківців. Пояснення дій. HTML CSS FIGMA. Частина №2

ช่อง: Фрілансер по життю
Адаптивна верстка сайту на базі шаблону ЧФ3. Пояснення дій. HTML CSS JS FIGMA. Частина №2
4:00:11

Адаптивна верстка сайту на базі шаблону ЧФ3. Пояснення дій. HTML CSS JS FIGMA. Частина №2

ช่อง: Фрілансер по життю
แท็กวิดีโอ
|

แท็กวิดีโอ

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

คำอธิบาย:

Адаптивная верстка сайта. В этом видео я покажу подробную HTML CSS JS верстку очень интересного макета FIGMA с кучей полезных решений и лайвхаков! Это одностраничный сайт с корзиной и товарами. Первым делом нас ждет интересная шапка с выпадающим меню и поиском. Конечно же мы реализуем меню-бургер. Сразу же сверстаем подвал где, в том числе, использую свою разработку - адаптивные спойлеры. Далее приступим к нестандартному главному слайдеру, где применим все свои знания flex и grid верстки, а также динамический адаптив. Ниже нас ждет блок с товарами. Помимо интересных решений построение grid-сетки мы научимся добавлять товары в корзину, а также подгружать больше товаров из JSON файла! Заключающим блоком будет очень интересная галерея картинок, где будут реализованы flex и grid сетки, открытие картинки в попапе, а также плавное движение галереи при движении курсора мыши. 😱По промокоду YT_FREELANCER вы получите скидку 50% при заказе виртуального хостинга на месяц, квартал или полгода - https://hostiq.ua/virtual-hosting/ Материалы урока: 👉Макет, картинки, иконки, JS-код для шаблона товара и JSON файл с товарами (открытый доступ): https://www.patreon.com/posts/maket-dlia-figma-52447608 👉Стартовый шаблон "Чертоги фрилансера": https://www.patreon.com/posts/chertogi-v2-0-js-41164505 👉Результат верстки: https://www.patreon.com/posts/52518912 Полезные ссылки: 💪 Набор на курс по верстке: https://edu.fls.guru/ 👉Бесплатный курс по верстке: https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr 👉Иконочный шрифт: https://www.youtube.com/watch?v=QYwI3LRCnRE&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=22 👉Интересные спойлеры: https://www.youtube.com/watch?v=0fg9bZcL1RM&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=31 👉Меню-бургер: https://www.youtube.com/watch?v=zs1r8yafTE8&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=27 👉Слайдер Swiper: https://www.youtube.com/watch?v=ddbxsrGPRY0&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=23 👉Gulp: https://www.youtube.com/watch?v=stFOy0Noahg&list=PLM6XATa8CAG5v6T2a0TTdwyK0nZrSRxFi&index=5 👉Динамический адаптив: https://www.youtube.com/watch?v=QKuMr575vlQ&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=17 👉Адаптивное свойство: https://www.youtube.com/watch?v=eaOAY0vIB4U 🔴 Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/ 🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle 🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) 🔴 Facebook: https://www.facebook.com/unsupportedbrowser 🔴 Instagram: https://www.facebook.com/unsupportedbrowser 00:00:00 - В видео 00:00:50 - РЕКЛАМА 00:02:16 - Подготовка к работе 00:04:02 - Подготовка к работе: Подключение шрифтов 00:12:32 - Подготовка к работе: Цвета 00:13:28 - Подготовка к работе: Размеры 00:16:06 - Верстка хедера сайта 01:19:36 - Верстка футера сайта 01:49:18 - Верстка главного слайдера 02:48:35 - Изменение хедера при скролле 02:53:29 - Верстка блока с преимуществами 02:59:43 - Верстка блока с товарами 04:02:17 - Верстка слайдера Rooms 04:26:12 - Верстка слайдера Tips & Tricks 04:36:17 - Верстка галереи Furniture 04:52:51 - Заключение 👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - https://www.youtube.com/channel/UCJNVBfLijFSa_tBcrNZKZag 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle 🤟 Живи, а работай в свободное время! ©

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

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

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

mobile menu iconฉันจะดาวน์โหลดวิดีโอ "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" ได้อย่างไรmobile menu icon

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

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

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

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

mobile menu iconฉันควรเลือกรูปแบบวิดีโอ "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" ใดmobile menu icon

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

mobile menu iconเหตุใดคอมพิวเตอร์จึงค้างเมื่อโหลดวิดีโอ "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON"mobile menu icon

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

mobile menu iconฉันจะดาวน์โหลดวิดีโอ "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" ลงในโทรศัพท์ของฉันได้อย่างไรmobile menu icon

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

mobile menu iconฉันจะดาวน์โหลดแทร็กเสียง (เพลง) เป็น MP3 "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" ได้อย่างไรmobile menu icon

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

mobile menu iconจะบันทึกเฟรมจากวิดีโอ "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" ได้อย่างไรmobile menu icon

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

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

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