 
				| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ | 
|---|---|---|---|---|---|
| 1 |  Погружение в проект | 2 теста | |||
| На этом уроке мы рассмотрим, что такое bootstrap-4, рассмотрим инструменты и материалы для нашего проекта | |||||
| 2 | Основа и фреймворк | 4 теста | |||
| На этом уроке мы создадим проект лендинг-страницы и подключим к нему библиотеку bootstrap-4 | |||||
| 3 | Верная навигация | 3 теста | |||
| На этом уроке мы создадим красивое адаптивное навигационное меню для нашего сайта | |||||
| 4 | Заголовок header - красивая основа | 2 теста | |||
| На этом уроке мы создадим заголовок header и зададим его стиль | |||||
| 5 | Заголовок header - оверлей, надпись и кнопка | 2 теста | |||
| На этом уроке мы дооформим header, и разместим на нем надпись и кнопку | |||||
| 6 | Об авторе - блоки и HTML | 2 теста | |||
| На этом уроке мы создадим блок "Об авторе" и наполним его контентом | |||||
| 7 | Об авторе - отступы и дополнения | 1 тест | |||
| На этом уроке мы сделаем дополнения информации об авторе и начнем работу со стилями в данном блоке | |||||
| 8 | Об авторе - отступы, цвета, закругления | 1 тест | |||
| На этом уроке мы зададим красивые цвета тексту и интересный вид картинки | |||||
| 9 | Товар лицом |  | |||
| На этом уроке мы создадим заготовки для портфолио (представления товара или услуг) | |||||
| 10 | Отзывы - размещение карточек |  | |||
| На этом занятии мы создадим и заполним карточки отзывов | |||||
| 11 | Отзывы - стили | 1 тест | |||
| На этом уроке мы зададим стиль карточкам отзывов | |||||
| 12 | Отзывы: карты - в сетку | 4 теста | |||
| На этом уроке мы сделаем карты ровными и научимся использовать в стилях шрифты с google fonts | |||||
| 13 | Обратная связь - создание формы | 1 тест | |||
| На этом уроке мы создадим форму обратной связи | |||||
| 14 | Обратная связь - стильная форма | 1 тест | |||
| На этом уроке мы зададим стили элементам формы обратной связи | |||||
| 15 | JS-навигация |  | |||
| На этом уроке мы сделаем пункты меню активными и реализуем навигацию по сайту при помощи jQuery | |||||
| 16 | ФИНАЛЬНЫЙ УРОК | без видео | |||
| Сделай видео-презентацию своей программы. На видео необходимо ответить на следующие вопросы: 0. Показать, что у тебя получилось. 1. Чему ты научился на этом курсе? 2. Что тебе понравилось, что нет? 3. Что ты ещё добавишь в свой проект? 4. Какой следующий курс ты будешь проходить? | |||||
| Итого: 16 видеоуроков | 2 час. 59 мин. 24 теста | 5 чел. | |||
| Финалисты: Konstantin, vip, Yaroslav, Николай Денисов, Tom . | |||||
 - вставить изображение, альт - если заданной картинки не оказалось, класс - обтекающее изображение
 - вставить изображение, альт - если заданной картинки не оказалось, класс - обтекающее изображение