Верстка сайта ➤ JS, HTML, SCSS, WEBPACK, SWIPER с анимацией

Описание

Первым делом соберем webpack config, который необходим в 99% случаев разработки. Далее нас ждет верстка сайта с использованием препроцессора SCSS, конечно же сам HTML. А во второй части видео будем писать логику для целого сайта, включая: таймер, открытия модального окна, открытие меню, анимация, подключение слайдера (Swiper), раскрытие пунктов ответов и вопросов и тд.

00:00 - 03:17 Интро
03:17 - 18:21 - Собираем webpack config
18:21 - 01:01:30 - Верстка главного экрана
01:01:30 - 01:14:30 - Верстка блока с изданиями
01:14:30 - 01:23:54 - Верстка блока с DualSense
01:23:54 - 01:29:52 - Верстка блока с видео
01:29:52 - 01:50:35 - Создаем секцию других версий
01:50:35 - 02:05:05 - Верстаем секцию новостей
02:05:05 - 02:12:40 - Создаем блок с вопросами и ответами
02:12:40 - 02:26:15 - Наконец-то, верстка футера
02:26:15 - 03:37:28 - Пишем логику на JavaScript
03:37:28 - 04:01:25 - Создаем модалку

☃️ мой github: https://github.com/tomkovich
? мой телеграм: https://t.me/tomkovich_frontend
? мой инстаграм: https://www.instagram.com/thmpsn_ya
? мой linkedin: https://www.linkedin.com/in/tomkovich

Рекомендую к просмотру:
Гайд по NPM и Gulp - https://www.youtube.com/playlist?list=PLZbLobvphXS-0pUkw-DHC_XL8sj_rlv4q

Создание приложения ReactJS - https://www.youtube.com/playlist?list=PLZbLobvphXS-p41z95dXu-FhqypvljBbW

Создание WordPress темы - https://www.youtube.com/playlist?list=PLZbLobvphXS9xmn7WzdUh1ZTEZwIo9IcQ

Верстка сайта ➤ JS, HTML, SCSS, WEBPACK, SWIPER - https://youtu.be/S7Gi3UnKdmA

#frontend #версткасайта #javascript