| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
|---|---|---|---|---|---|
| 1 |
Погружение в проект
|
2 теста |
|||
|
На этом уроке мы рассмотрим, что такое bootstrap-4, рассмотрим инструменты и материалы для нашего проекта Отчёт отправил: 14981. DimanDOS Выполнено за 3 час. 27 мин. [Показать отчёт] Научился: Вот такие вот картинки :) Сейчас как раз хочу пересоздать dimandos.ru, а без Бутстрапа никуды))) Сложности: Подогнать картинки под размеры |
|||||
| 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 . | |||||