Верстка сайта ➤ 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
Рекомендуемые видео



















