Адаптивная верстка сайта из PSD. [2021] #4

Описание: Адаптивная верстка сайта из PSD с помощью HTML/CSS/JS(jQuery). В этом видеоуроке вы поймете как сделать табы на JS/jQuery.

PSD: https://drive.google.com/file/d/1DMBC...

📍 Вы узнаете:

👉 Как создать одностраничный сайт?
👉 Адаптивная верстка - сложно ли?
👉 Верстка сайта с нуля - как и зачем?
👉 Как сверстать сайт?
👉 Создание сайта с нуля или как создать сайт с нуля?
👉 Что такое верстка сайта?
👉 С чего начать верстку сайтов?
👉 Как сделать адаптивность сайта?
👉 Как работать с медиа-запросами?


📍 Таймкоды:

0:00​ Вступление
0:49 Верстка секции
8:35 Создание стилей для секции
9:40 Стилизация табов
13:50 Стилизация карточек
28:50 Обновление компонента кнопки, добавление иконки в кнопку

Это будет полноценная практика создания лендинга с нуля. В рамках этого курса мы создадим адаптивную верстку с помощью CSS grid + flexbox, подключим слайдер, создадим функционал для табов. На практике с объяснениями мы будем закреплять ваши знания. Ролики постепенно будут выходить на Youtube и соответственно в конце вы получите готовый лендинг который можно добавить в портфолио. Так же я буду читать ваши комментарии и стараться адаптировать видео под ваши запросы. Начинаем.

При просмотре данного курса вы получите ответы на следующие вопросы:
Как создать одностраничный сайт, адаптивная верстка, верстка сайта с нуля, создание сайта с нуля, создать сайт с нуля

Если у вас появятся вопросы или пожелания - пишите в комментариях.

=======================================

Привет. Меня зовут Всеволод Курочка и я занимаюсь фронтенд-разработкой уже 6 лет. За это время я сверстал более 200 сайтов. Принимал участие в стартапах, работал в офисе и удаленно, фрилансил. Принимал участие в мелких, средних и крупных проектах. Разрабатывал проекты в интернациональных командах. На этом канале буду делиться своим опытом в сфере web-разработки, верстки лендингов, верстки сайтов, натяжки сайтов на CMS и многое другое.

#верстка​, #видео​, #уроки​, #курсы​, #html​, #css​, #psd​, #grid​, #layout​, #css3​, #html5​, #js​, #лендинг​

Мой сайт: https://vkurochka.com​