Материалы урока: bit.ly/jVLyQ8
Всем привет, друзья! Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.
Создание сайта от А до Я (комплексный курс): goo.gl/ankxq9
Создание интернет-магазина от А до Я: goo.gl/7mDqYD
Создание крутого слайдера (+посадка на CMS): bit.ly/jVLyQ8
Все курсы в одном комплекте: wd-m.ru/bundle
Таймкоды:
00:00 Урок 1 - Знакомство с проектом, подготовка к верстке
19:02 Урок 2 - Верстка блока «top-line»
53:16 Урок 3 - Верстка сайдбара
1:30:26 Урок 4 - Верстка слайдера изображений
1:45:06 Урок 5 - Верстка второго слайдера и синхронизация
2:06:48 Урок 6 - Элементы управления слайдером
2:29:45 Урок 7 - Верстка и анимация шестерни, стилизация цифр
2:58:00 Урок 8 - Смена и анимация цифр
3:18:10 Урок 9 - Модальное окно с формой обратной связи
3:43:54 Урок 10 - Адаптивная верстка и кастомный курсор
ВКонтакте: jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb
10 июн 2024