# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
2 теста |
|||
На этом уроке мы рассмотрим, что такое bootstrap-4, рассмотрим инструменты и материалы для нашего проекта Отчёт отправил: 11589. Yefim Выполнено за 3 час. 29 мин. [Показать отчёт] Научился: Brackets у меня уже был установлен. Давно хотел задать вопрос: Как в нем сохранять файлы в формате utf-8? Сложности: --- |
|||||
2 | Основа и фреймворк |
4 теста |
|||
На этом уроке мы создадим проект лендинг-страницы и подключим к нему библиотеку bootstrap-4 Отчёт отправил: 11589. Yefim Выполнено за 33 мин. [Показать отчёт] Научился: Создавать проект лендинг-страницы и подключим к нему библиотеку bootstrap-4 Сложности: ---- |
|||||
3 | Верная навигация |
3 теста |
|||
На этом уроке мы создадим красивое адаптивное навигационное меню для нашего сайта Отчёт отправил: 11589. Yefim Выполнено за 2 час. 57 мин. [Показать отчёт] Научился: Создавать красивое адаптивное навигационное меню для сайта Сложности: Долго меню не хотело разворачиватьсч вертикально. Но после внимательной проверки и исправления ошибок все заработало. |
|||||
4 | Заголовок header - красивая основа |
2 теста |
|||
На этом уроке мы создадим заголовок header и зададим его стиль
Отчёт отправил: 11589. Yefim Выполнено за 1 час. 7 мин. [Показать отчёт] Научился: Создавать заголовок header и задавать его стиль Сложности: --- |
|||||
5 | Заголовок header - оверлей, надпись и кнопка |
2 теста |
|||
На этом уроке мы дооформим header, и разместим на нем надпись и кнопку
Отчёт отправил: 11589. Yefim Выполнено за 1 час. 22 мин. [Показать отчёт] Научился: Дооформлять header, и размещать на нем надпись и кнопку. Сложности: Обратил внимание на то, что при запуске проекта через "Гарри Потера"(из среды brackets) все отображается корректно. Если же запускать файл index.html из ОС кликом, то картинки не видно. Почему??? |
|||||
6 | Об авторе - блоки и HTML |
2 теста |
|||
На этом уроке мы создадим блок "Об авторе" и наполним его контентом
Отчёт отправил: 11589. Yefim Выполнено за 1 час. 15 мин. [Показать отчёт] Научился: Cоздавать блок "Об авторе" Сложности: ---- |
|||||
7 | Об авторе - отступы и дополнения |
1 тест |
|||
На этом уроке мы сделаем дополнения информации об авторе и начнем работу со стилями в данном блоке Отчёт отправил: 11589. Yefim Выполнено за 57 мин. [Показать отчёт] Научился: Задавать размери сетки для разных экранов. Сложности: Давно хотел спросить: Почему этот курс размещён в разделе "Другие"? Разве он не попадает в категорию Web? |
|||||
8 | Об авторе - отступы, цвета, закругления |
1 тест |
|||
На этом уроке мы зададим красивые цвета тексту и интересный вид картинки
Отчёт отправил: 11589. Yefim Выполнено за 58 мин. [Показать отчёт] Научился: Задавать красивые цвета тексту и интересный вид картинки Сложности: ---- |
|||||
9 | Товар лицом |
|
|||
На этом уроке мы создадим заготовки для портфолио (представления товара или услуг)
Отчёт отправил: 11589. Yefim Выполнено за 9 час. 18 мин. [Показать отчёт] Научился: Создавать заготовки для портфолио. Сложности: ---- |
|||||
10 | Отзывы - размещение карточек |
|
|||
На этом занятии мы создадим и заполним карточки отзывов
Отчёт отправил: 11589. Yefim Выполнено за 54 мин. [Показать отчёт] Научился: Создавать и заполнять карточки отзывов. Сложности: ----- |
|||||
11 | Отзывы - стили |
1 тест |
|||
На этом уроке мы зададим стиль карточкам отзывов Отчёт отправил: 11589. Yefim Выполнено за 59 мин. [Показать отчёт] Научился: Задавать стиль карточкам отзывов Сложности: ---- |
|||||
12 | Отзывы: карты - в сетку |
4 теста |
|||
На этом уроке мы сделаем карты ровными и научимся использовать в стилях шрифты с google fonts
Отчёт отправил: 11589. Yefim Выполнено за 4 час. 41 мин. [Показать отчёт] Научился: Делать карты ровными и научился использовать шрифты с помощью ресурса google fonts Сложности: Нашел у себя ошибку с предвдущего урока. Вопрос: мы сделали <div class="col-lg-3 col-md-3 card"> для кадой картинки. Если сделать этот див общим для всех карточек, будет тот же визуальный эффект? Тли я сего-то не понимаю? |
|||||
13 | Обратная связь - создание формы |
1 тест |
|||
На этом уроке мы создадим форму обратной связи
Отчёт отправил: 11589. Yefim Выполнено за 1 час. 18 мин. [Показать отчёт] Научился: Создавать форму обратной связи. Сложности: Интересно, что в коде для кнопки submit написано английский слово"Send", но браузер автоматически переводит этот текст. |
|||||
14 | Обратная связь - стильная форма |
1 тест |
|||
На этом уроке мы зададим стили элементам формы обратной связи
Отчёт отправил: 11589. Yefim Выполнено за 1 час. 59 мин. [Показать отчёт] Научился: Задавать стили элементам формы обратной связи Сложности: От последнего стиля .contact-form .right{ max-width = 600px; } я не заметтил изменения |
|||||
15 | JS-навигация |
|
|||
На этом уроке мы сделаем пункты меню активными и реализуем навигацию по сайту при помощи jQuery
Отчёт отправил: 11589. Yefim Выполнено за 15 час. 24 мин. [Показать отчёт] Научился: Урок вызвал у меня противоречивое чувство. С одной стороны большие ожидания от поключения ресурсов JS сменились разочарованием от полученных результатов. С другой стороны приятно, что пункты меню заработали! Сложности: Прежде всего в некоторых случаях имеются различия в функциональности при запуске проекта из редактора и простым кликом из ОС. Например, в первом случае при клике на 3-полосную кнопку при максимальном экране список меню отображается не горизонтально, как задумано, а вертикально. При запуске из ОС список меню отображается корректно. Другая проблема возникала при попытке кликнуть на на кнопку браузера "Обновить эту страницу". В обоих случаях Обновления не происходило. Сначала я подумал, что это особенность моего браузера. Но другие браузеры дают тот же результат. И самое интересное, что когда я закомментировал код javascript-а, функциональность не изменилась. Как решить описанные проблемы? |
|||||
16 | ФИНАЛЬНЫЙ УРОК |
без видео |
|||
Сделай видео-презентацию своей программы. На видео необходимо ответить на следующие вопросы: 0. Показать, что у тебя получилось. 1. Чему ты научился на этом курсе? 2. Что тебе понравилось, что нет? 3. Что ты ещё добавишь в свой проект? 4. Какой следующий курс ты будешь проходить? |
|||||
Итого: 16 видеоуроков |
2 час. 59 мин. 24 теста |
5 чел. | |||
Финалисты: Konstantin, vip, Yaroslav, Николай Денисов, Tom . |