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