Для заработка
Эти современные инструменты позволяют делать с нуля, дорабатывать, продвигать сайты. С этими знаниями вы заработаете намного больше.
Решение 70% задач верстальщика
После прохождения этого интенсивного курса вы сможете решить 70% задач ставящихся перед верстальщиками.
70% материала усваивается при однократном прохождении
Учёными доказано, что обучение по методике "Слушай, смотри, повторяй" позволяет усвоить до 70% материала при однократном его прохождении. Если просто смотреть курс, то вы усвоите около 15% материала.
JavaScript
Вы научитесь интегрировать скрипты в веб-страницы. В 70% случаев готовые скрипты интегрируются и адаптируются для сайта.
FLEXBOX
В курс интегрирован отдельный мини-курс по FLEXBOX.
Эффективная верстка
С помощью HTML 5 / CSS 3 / FLEXBOX вы можете верстать как на конструкторе сайтов.
Бесплатно
Мама учила делится.
Валидная верстка
Вы научитесь верстать не просто эффективно, но и валидно.
Адаптивная верстка
В курсе отдельная глава посвящена адаптивной верстке.
Курс по HTML 5 CSS 3 / FLEXBOX
Кто я такой
Чтобы учить тебя?!
13 лет опыта в веб-разработке и маркетинге
Написал CMS интернет-магазина
Создал сайт за 20 000$
Практикующий эксперт по SEO
Практикующий эксперт по Яндекс Директ
Этот курс — самый простой способ изучить HTML 5 / CSS 3 / FLEXBOX. За 3 часа 20 минут вы изучите всю базу web-вёрстки, что позволит вам заниматься доработкой любых веб-приложений. Также Вы научитесь интегрировать скрипты в ваши сайты и верстать валидно и эффективно. Именно знание HTML / CSS позволяют зарабатывать на продвижении сайтов.
ВАЖНО!
Проходить курс надо по методике "слушай — смотри — повторяй именно так вы усвоите до 70% материала курса
ВАЖНО!
Проходить курс надо по методике "слушай — смотри — повторяй именно так вы усвоите до 70% материала курса
Павел Станкевич
Веб-мастер
Курс по HTML 5 CSS 3 / FLEXBOX
— Вот он! Бесплатный
Курс по FLEXBOX
Таймкоды курса:
0:00 Вступление
1:15 Подготовка файлов
2:25 Программы которые надо установить
3:25 Создаём index.html
4:25 Сортируем скрипты и стили
5:25 Создаём главный файл стилей styles.css
5:45 Настройка Sublime text 3
6:27 Базовые элементы HTML страницы
8:30 Элементы head
8:50 Установка кодировки
9:10 Настройка адаптивного отображения
9:40 тег title
10:40 мета тег description
12:45 Подключение файлов стилей
15:25 теги og graph
16:00 favicon подключение
17:10 Подключение шрифтов из библиотеки Google Fonts
19:27 тег body и его основные элементы
22:27 тег header делаем шапку сайта
29:11 Селекторы CSS -- мини курс
42:50 Делаем общие стили CSS
52:42 Единицы изменения
53:41 FLEXBOX -- мини курс
1:13:13 Делаем стили для header(шапки сайта)
1:25:12 Генератор тени CSS
1:29:25 HTML верстка блока товара в две колонки
1:34:10 CSS верстка блока товара в две колонки
1:56:25 HTML верстка блока "рекомендованные товары"
2:11:03 HTML верстка блока footer -- подвала сайта
2:24:50 Адаптивная верстка для контейнера 320px
2:42:40 Адаптивная верстка для контейнера 620px
3:00:10 Подключение скриптов JS
3:04:00 Настройка lightbox.js
3:06:40 Настройка карусели изображений slick slider
3:12:42 Валидация кода HTML
0:00 Вступление
1:15 Подготовка файлов
2:25 Программы которые надо установить
3:25 Создаём index.html
4:25 Сортируем скрипты и стили
5:25 Создаём главный файл стилей styles.css
5:45 Настройка Sublime text 3
6:27 Базовые элементы HTML страницы
8:30 Элементы head
8:50 Установка кодировки
9:10 Настройка адаптивного отображения
9:40 тег title
10:40 мета тег description
12:45 Подключение файлов стилей
15:25 теги og graph
16:00 favicon подключение
17:10 Подключение шрифтов из библиотеки Google Fonts
19:27 тег body и его основные элементы
22:27 тег header делаем шапку сайта
29:11 Селекторы CSS -- мини курс
42:50 Делаем общие стили CSS
52:42 Единицы изменения
53:41 FLEXBOX -- мини курс
1:13:13 Делаем стили для header(шапки сайта)
1:25:12 Генератор тени CSS
1:29:25 HTML верстка блока товара в две колонки
1:34:10 CSS верстка блока товара в две колонки
1:56:25 HTML верстка блока "рекомендованные товары"
2:11:03 HTML верстка блока footer -- подвала сайта
2:24:50 Адаптивная верстка для контейнера 320px
2:42:40 Адаптивная верстка для контейнера 620px
3:00:10 Подключение скриптов JS
3:04:00 Настройка lightbox.js
3:06:40 Настройка карусели изображений slick slider
3:12:42 Валидация кода HTML
