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