# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
2 теста |
|||
На этом уроке мы рассмотрим, что такое bootstrap-4, рассмотрим инструменты и материалы для нашего проекта Отчёт отправил: 9913. vip Выполнено за 34 мин. [Показать отчёт] Научился: Давно смотрел не выдержал решил попробовать. Как и всегда Хром устанавливать не стал попробуем без него прорваться. Сложности: как-то страшнова-то |
|||||
2 | Основа и фреймворк |
4 теста |
|||
На этом уроке мы создадим проект лендинг-страницы и подключим к нему библиотеку bootstrap-4 Отчёт отправил: 9913. vip Выполнено за 10 мин. [Показать отчёт] Научился: Волшебная клавиша Tab в Brackets магия |
|||||
3 | Верная навигация |
3 теста |
|||
На этом уроке мы создадим красивое адаптивное навигационное меню для нашего сайта Отчёт отправил: 9913. vip Выполнено за 20 час. 56 мин. [Показать отчёт] Научился: Реализовал по мнению Валерия Жданова "красивое меню" |
|||||
4 | Заголовок header - красивая основа |
2 теста |
|||
На этом уроке мы создадим заголовок header и зададим его стиль
Отчёт отправил: 9913. vip Выполнено за 36 мин. [Показать отчёт] Научился: реализовал подгрузку подложки абсолютные пути не заработали пришлось сделать относительные: background-image: url('../img/Header3.jpg'); Сложности: не совсем понятно вот это <link href="css/style.css" rel="stylesheet" type="text/css"> откуда я могу узнать что именно там нужно все это прописать в таком виде? |
|||||
5 | Заголовок header - оверлей, надпись и кнопка |
2 теста |
|||
На этом уроке мы дооформим header, и разместим на нем надпись и кнопку
Отчёт отправил: 9913. vip Выполнено за 23 час. 49 мин. [Показать отчёт] Научился: Реализовал надписи и кнопки |
|||||
6 | Об авторе - блоки и HTML |
2 теста |
|||
На этом уроке мы создадим блок "Об авторе" и наполним его контентом
Отчёт отправил: 9913. vip Выполнено за 27 мин. [Показать отчёт] Научился: создал блок сайта об авторе сайта Сложности: немного разъезжается будем смотреть что с этим делать дальше и если не получится в конце фильма как всегда поправим |
|||||
7 | Об авторе - отступы и дополнения |
1 тест |
|||
На этом уроке мы сделаем дополнения информации об авторе и начнем работу со стилями в данном блоке Отчёт отправил: 9913. vip Выполнено за 27 мин. [Показать отчёт] Научился: Продолжил издеваться над персональной страничкой все отлично - продолжаем в том же ключе Сложности: вот этот код <div class="col-lg-8 col-md-8 col-sm-12 about_me"> не совсем понятен вернее сам код понятен что он на текущий мОмент делает но откуда это было взято непонятно же |
|||||
8 | Об авторе - отступы, цвета, закругления |
1 тест |
|||
На этом уроке мы зададим красивые цвета тексту и интересный вид картинки
Отчёт отправил: 9913. vip Выполнено за 1 день 16 час. 37 мин. [Показать отчёт] Научился: Округлили технологии по bootstrap Если по нему для отрисовки надо сколько знать параметров лучше его сразу закопать нельзя так пальцем программе указать что надо и пусть сама код рисует ну сколько можно 22 век на носу |
|||||
9 | Товар лицом |
|
|||
На этом уроке мы создадим заготовки для портфолио (представления товара или услуг)
Отчёт отправил: 9913. vip Выполнено за 1 день 2 час. 17 мин. [Показать отчёт] Научился: добавили рамочки для будущих картинок |
|||||
10 | Отзывы - размещение карточек |
|
|||
На этом занятии мы создадим и заполним карточки отзывов
Отчёт отправил: 9913. vip Выполнено за 1 день 12 час. 27 мин. [Показать отчёт] Научился: создал блог заполнил его от имени 4 персон Сложности: расчетверить личности повторное высылание отчёта тот видимо где-то в сети ботов подвис |
|||||
11 | Отзывы - стили |
1 тест |
|||
На этом уроке мы зададим стиль карточкам отзывов Отчёт отправил: 9913. vip Выполнено за 1 день 1 мин. [Показать отчёт] Научился: отлично получилось реализовать подсветку и курсор магия нереальная |
|||||
12 | Отзывы: карты - в сетку |
4 теста |
|||
На этом уроке мы сделаем карты ровными и научимся использовать в стилях шрифты с google fonts
Отчёт отправил: 9913. vip Выполнено за 35 мин. [Показать отчёт] Научился: магия нереальная продолжается мои огромные картинки встали ровненько и красивенько отлично что шрифтушечки подшружаются онлайн и не нужно об этом заботится все уже сделано давно до нас Сложности: прикольно что сайт https://fonts.google.com/ не открывает IE11 на Win10 очень интересно как они там эти корпорации "срутся" между собой мне понравился вот этот Indie Flower |
|||||
13 | Обратная связь - создание формы |
1 тест |
|||
На этом уроке мы создадим форму обратной связи
Отчёт отправил: 9913. vip Выполнено за 24 мин. [Показать отчёт] Научился: создал на форме подписку по кнопке |
|||||
14 | Обратная связь - стильная форма |
1 тест |
|||
На этом уроке мы зададим стили элементам формы обратной связи
Отчёт отправил: 9913. vip Выполнено за 23 мин. [Показать отчёт] Научился: реализовал красивые стили в форме |
|||||
15 | JS-навигация |
|
|||
На этом уроке мы сделаем пункты меню активными и реализуем навигацию по сайту при помощи jQuery
Отчёт отправил: 9913. vip Выполнено за 10 час. 23 мин. [Показать отчёт] Научился: активировал функционал меню через JS |
|||||
16 | ФИНАЛЬНЫЙ УРОК |
без видео |
|||
Сделай видео-презентацию своей программы. На видео необходимо ответить на следующие вопросы: 0. Показать, что у тебя получилось. 1. Чему ты научился на этом курсе? 2. Что тебе понравилось, что нет? 3. Что ты ещё добавишь в свой проект? 4. Какой следующий курс ты будешь проходить? Отчёт отправил: 9913. vip Выполнено за 17 мин. [Показать отчёт] Научился: построил одностранчник на bootstrap Сложности: разобраться в командосе Bootstrap отличный FW нужно обязательно тщательно изучить и использовать в работе Видеообзор: PkM43Y1Rcss |
|||||
Итого: 16 видеоуроков |
2 час. 59 мин. 24 теста |
5 чел. | |||
Финалисты: Konstantin, vip, Yaroslav, Николай Денисов, Tom . |