Верстка сайтов от 0 до 1. 2021 (Вадим Прокопчук)
Как будет проходить обучение
1. Структурированная информация. Все по полочкам.
В каждом уроке будет несколько обучающих видео для лучшего усвоения инфы. Вся информация разбита на блоки, которые максимально удобны для постепенного усвоения информации. Все по полочкам, чтобы не было каши в голове.
2. Домашки
После каждого урока будут домашки, которые необходимо выполнять
Также Вы получите:
заряд мотивации и вдохновения, полезные сервисы и ссылки.
Курс рассчитан на 8 недель, много практики, все продумано так, чтобы после курса вы себе сделали портфолио, я покажу, как его нужно делать и сколько должно быть работ. А дальше или работа в веб студии или фриланс.
Участники прошлого курса очень довольны, многие до конца обучения успели взять заказ и заработать денег.
1
0 Приветствие
1.1. Настройка рабочего окружения, установка VSC
1.2. HTML простыми словами. Все, что нужно для старта
1.3. CSS простыми словами. Все, что нужно знать для старта
2
2.1. Работа с тегами, проект для обучения
2.2. Сброс стилей reset.css
2.3. Отступы margin и padding
2.4. Подробно об box-sizing и overflow-hidden
2.5. Псевдоклассы и Псевдоэлементы
2.6. Позиционирование элементов
2.7. Свойства transform и transition
3
3.1. Display flex
3.2. Jquery и slick slider
3.3 Figma, верстка мини проекта
4
4.1. Верстка header
4.2. Верстка about
4.3. Верстка expertise
4.4. Верстка magic
5
5.1. Верстка portfolio
6
6.1. Верстка slider blog
6.2. Верстка team
6.3. Верстка pricing
6.4. Верстка clients
6.5. Верстка form
6.6. Верстка footer
7
7.1. header адаптив
7.2. about адаптив
7.3. Expertise адаптив
7.4. magic адаптив
8
8.1. Portfolio адаптив
8.2 Slider адаптив
8.3. Team адаптив
8.4. Pricing адаптив
8.5. Connection + Footer адаптив
9
9.1. Плавный скролл, Липкий header
9.2. Препроцессоры
10
10.1. Хостинг
10.2. БЭМ
11
11.1. Gulp
11.2. GIT
12
12.1. Начало проекта
12.2 Header
13
13.1 Footer
13.2 Top Slider
13.3 Display grid
14
14.1 Categories
14.2. Video popup
15
15.1 Products
15.2. Promo
16
16.1. Blog
16.2. Breadcrumbs
16.3. Login
16.4. 404 + Register
17
17.1. Shop page
18
18.1. Product 1
19
19.1. Product 2
19.2. Blog
20
20.1. Blog One
20.2. Contacts
21
21.1. Модульность
21.2. Адаптив header и footer
22
22.1 index adaptive ч1
22.2 index adaptive ч2
23
23.1. Register, login, blog, blog one adaptive
23.2. Product, shop, contacts adaptive
24
24.1 Фриланс
24.2 WEB Студия
25
25. WordPress