Travel Agent. HTML верстка на Gulp сборке. Swiper slider, анимации Scroll Reveal. Часть 2
2 часть. HTML SCSS верстка лендинга туристического сайта на Gulp сборке. Swiper slider, scroll reveal анимации.
Материалы со стрима будут опубликованы в Telegram канале: friZxyBulgNmYjE6
Плейлист по верстке макета Travel Agent
Ссылка на макет:
Урок по Gulp сборке:
Чат верстальщиков ВебКадеми: QAxmsKj2HyWfEKzz
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на Telegram:
Тайм коды:
00:00 План на стрим, общение
02:50 Верстка. Продолжаем с первого стрима. Код для старта
05:45 Верстка. Секция Partners
16:44 Общение с чатом
18:18 line-height 1.4 = 140%
19:00 Как передавать заказчику проект на gulp сборке
19:58 Почему line-height указываю в процентах
20:30 Верстка. Секция Popular destinations
30:25 container-right
33:45 Верстка карточки для слайдера
48:45 Перерыв
49:37 Общение с чатом. Как подготовиться к курсу по JS
51:53 Prettier для автоформатирования кода
53:00 Чем SCSS отличается от CSS
53:30 Мои авторские курсы по веб-разработке
55:55 Вопрос про фото галерею fancybox
57:25 Цветовая тема в VS Code
58:28 Будет ли анимация для этого проекта
1:00:28 Ошибки в консоли во время написания кода с gulp
1:01:55 Вопрос про переменные в CSS
1:02:37 Какой функционал обязан делать верстальщик в макете
1:03:37 VS Code на английском или русском языке
1:04:27 Курс по продвинутой верстке
1:05:38 Сколько я учился до первых заказов, мой опыт до создания ВебКадеми
1:08:30 Есть ли уроки по верстке на React JS
1:09:09 Реально ли найти заказы на фрилансе
1:09:49 Есть ли инструменты для авто-адаптирования сайтов под мобилки
1:10:52 Планы по курсу по WordPress
1:11:28 Самый легкий и сложный проект который мне попадался
1:12:46 Планы по урокам на канал
1:13:34 Как найти ошибка в autocomplete js
1:15:19 JavaScript для верстальщика
1:17:12 Верстка. Swiper слайдер
1:41:23 Общение. Актуален ли Gulp
1:43:23 Продолжение верстки
1:44:35 Уровень верстальщика и подход к верстке
1:48:25 Общение с чатом
1:50:10 Верстка. Секция с отзывами
1:54:10 Верстка карточки с отзывом. Разметка
2:00:10 Стили для карточки с отзывом
2:06:20 Дублируем карточки
2:07:00 Анимация для блока с карточками
2:12:57 Правка бага с анимацией
2:14:08 Общение с чатом
2:16:34 Как сделать карточки со сдвигом как на макете
2:20:14 Как сделать динамическую пагинацию
2:22:00 Верстка. Секция c подпиской. Subscribe
2:24:30 Стили для секции subscribe
2:34:38 Верстка формы подписки
2:35:35 Стилизация формы
2:43:20 Фикс иконки в секции
2:43:56 Общение с чатом
2:49:05 Линейка в Figma
2:50:26 Достаточно ли знать только gulp и scss для frontend разработки
2:51:00 Что нужно знать для того чтобы начать зарабатывать на программировании
2:53:13 Вопрос про единицы измерения в CSS
2:55:40 Другие вопросы
2:56:11 Сколько будет стоить верстка такого проекта на фрилансе
2:56:50 Сколько будет стоить верстка такого проекта на фрилансе
2:57:47 Где можно оставить заявку на консультацию
2:59:35 Про картинку на стриме
3:00:50 Верстка. Подвал
3:04:55 Верстка навигации в подвале
3:06:44 Стили для навигации в подвале
3:10:15 Стили для лейаута в подвале
3:15:00 Общение с чатом
3:22:08 Вопрос по файловой структуре проекта
3:27:00 Пример доработки gulp сборки. Копирование php файлов
3:31:45 Ответы на вопросы
3:33:30 Верстка. Анимация появления при скролле. Подключение ScrollReveal
3:47:12 Порядок в файле
3:53:49 Общение с чатом
3:54:30 Какой посоветуешь JS фреймворк
3:56:00 Завершение стрима
#HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #gulp
137 views
0
2
4 weeks ago 00:22:58 1
[loric123] ТНО СУПЕР ИВЕНТЫ (щит-посты)
4 weeks ago 00:47:31 353
Техничка Ивентора I Gosha travel
1 month ago 00:04:33 1
[VideoFromSpace] Most Underrated Place to Go in Our Solar System - ’Travel Agents’ Explain
1 month ago 00:02:39 1
[Movieclips] Atomic Blonde (2017) - This is the Game Scene (8/10) | Movieclips
1 month ago 00:16:08 4
Великие Луки, Псковская область - Щит России (г.)
1 month ago 01:33:00 864
Оман - обзор направления и отельной базы; зачем ехать и что посмотреть в стране
1 month ago 00:00:11 53
Video by Online Travel Agent
1 month ago 00:00:16 145
Clip by @turagent_mariia
1 month ago 01:02:25 181
Обзор отеля Radisson Blu Resort Maldives 5* на Мальдивах
1 month ago 01:07:58 1
C’EST GRAVE! Un agent de l’ONU admet que la guerre est le seul moyen de gagner beaucoup d’argent
1 month ago 00:03:45 13
Слово “agent“ может иметь несколько значений, связано с действиями, выполненными от имени другого человека
1 month ago 00:54:03 1
CNN: “Biden devrait démissionner et installer Kamala avant la certification de l’élection“-MDL NEWS
1 month ago 00:53:52 2
Топовый тур-агент
1 month ago 00:02:49 65
[Netflix] Carry-On | Official Trailer | Netflix
1 month ago 00:16:08 2.4K
Ранний заезд и поздний выезд в отель на о.Хайнань, Китай. Инструкция от Павла Георгиева.