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

Herunterladen "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON"

input logo icon
Inhaltsverzeichnis
|

Inhaltsverzeichnis

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
Заключение
Ähnliche Videos aus unserem Katalog
|

Ähnliche Videos aus unserem Katalog

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Kanal: Фрілансер по життю
Video-Tags
|

Video-Tags

фрилансер по жизни
адаптивная верстка сайта
адаптивная верстка сайта html css
адаптивная верстка сайта flexbox
адаптивная верстка шапки сайта
верстка макета
верстка макета figma
верстка макета html css
верстка макета с нуля
верстка макета для новичков
верстка макета из фигмы
адаптивная верстка
верстка практика
верстка сайта
верстка сайтов уроки
адаптивная верстка макета
верстка сайтов
обучение верстке
html css
javascript
Sie haben UDL Helper bereits installiert Sie können Video mit 1 Klick herunterladen!
Installiert
für
Google Chrome

Beschreibung:

Адаптивная верстка сайта. В этом видео я покажу подробную 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 🤟 Живи, а работай в свободное время! ©

Downloadoptionen vorbereiten

popular icon
Beliebt
hd icon
HD-Video
audio icon
Nur Ton
total icon
Alle Formate
* – Wenn das Video in einem neuen Tab abgespielt wird, gehen Sie dorthin, klicken Sie mit der rechten Maustaste auf das Video und wählen Sie „Video speichern unter …“
** — Link zur Online-Wiedergabe in spezialisierten Playern

Fragen zum Herunterladen von Videos

mobile menu iconWie kann ich ein "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" Video herunterladen?mobile menu icon

  • http://unidownloader.com/ Website ist der beste Weg, um ein Video oder einen separaten Audiotrack herunterzuladen, wenn Sie auf die Installation von Programmen und Erweiterungen verzichten wollen.

  • UDL Helper ist eine praktische Erweiterung, die sich nahtlos in YouTube, Instagram und OK.ru einfügt, um Inhalte schnell herunterzuladen.

  • UDL Client (für Windows) ist die leistungsstärkste Lösung, die mehr als 900 Websites, soziale Netzwerke und Video-Hosting-Sites sowie jede Videoqualität unterstützt, die in der Quelle verfügbar ist.

  • UDL Lite ist ein wirklich bequemer Weg, um von Ihrem mobilen Gerät aus auf eine Website zuzugreifen. Mit seiner Hilfe können Sie ganz einfach Videos direkt auf Ihr Smartphone herunterladen.

mobile menu iconWelches Format von "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" Video sollte ich wählen?mobile menu icon

  • Die besten Qualitätsformate sind FullHD (1080p), 2K (1440p), 4K (2160p) und 8K (4320p). Je höher die Auflösung Ihres Bildschirms ist, desto höher sollte die Videoqualität sein. Es gibt jedoch noch weitere Faktoren zu berücksichtigen: Download-Geschwindigkeit, freier Speicherplatz und Geräteleistung während der Wiedergabe.

mobile menu iconWarum friert mein Computer beim Laden eines "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" Video ein?mobile menu icon

  • Der Browser/Computer sollte nicht komplett einfrieren! Sollte dies der Fall sein, melden Sie dies bitte mit einem Link zu dem Video. Manchmal können Videos nicht direkt in einem geeigneten Format heruntergeladen werden, daher haben wir die Möglichkeit hinzugefügt, die Datei in das gewünschte Format zu konvertieren. In einigen Fällen kann dieser Vorgang aktiv Computerressourcen in Anspruch nehmen.

mobile menu iconWie kann ich ein "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" Video auf mein Handy herunterladen?mobile menu icon

  • Sie können ein Video über die Website oder die pwa-Anwendung UDL Lite auf Ihr Smartphone herunterladen. Es ist auch möglich, einen Download-Link per QR-Code mit der UDL Helper-Erweiterung zu versenden.

mobile menu iconWie kann ich einen Audiotitel (Musik) als MP3 "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" herunterladen?mobile menu icon

  • Der bequemste Weg ist die Verwendung des UDL Client-Programms, das die Umwandlung von Videos in das MP3-Format unterstützt. In einigen Fällen kann MP3 auch über die UDL Helper-Erweiterung heruntergeladen werden.

mobile menu iconWie kann ich einen Frame aus einem Video "Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON" speichern?mobile menu icon

  • Diese Funktion ist in der UDL Helper-Erweiterung verfügbar. Stellen Sie sicher, dass in den Einstellungen "Video-Schnappschuss-Button anzeigen" aktiviert ist. In der unteren rechten Ecke des Players, links neben dem Symbol "Einstellungen", sollte ein Kamerasymbol erscheinen. Wenn Sie darauf klicken, wird das aktuelle Bild des Videos im JPEG-Format auf Ihrem Computer gespeichert.

mobile menu iconWas kostet das alles?mobile menu icon

  • Es kostet nichts. Unsere Dienste sind für alle Benutzer absolut kostenlos. Es gibt keine PRO-Abonnements, keine Beschränkungen hinsichtlich der Anzahl oder der maximalen Länge der heruntergeladenen Videos.