# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
2 теста |
|||
На этом уроке мы рассмотрим, что такое bootstrap-4, рассмотрим инструменты и материалы для нашего проекта Отчёт отправил: 24659. Виталий Выполнено за 16 час. 24 мин. [Показать отчёт] Научился: пока ничего сложного и нового Сложности: подобрать фотку себя любимого. Заныр в семейный альбом вызвал интерес самоизолированных детей и затянулся до второго часа ночи. Фотка выбрана в итоге не была. Поставлю Илона Маска)) |
|||||
2 | Основа и фреймворк |
4 теста |
|||
На этом уроке мы создадим проект лендинг-страницы и подключим к нему библиотеку bootstrap-4 Отчёт отправил: 24659. Виталий Выполнено за 1 час. 1 мин. [Показать отчёт] Научился: после харизматичного ЕВ слушать тоскливо. Как будто на лекции в институте сидишь. Спать охота |
|||||
3 | Верная навигация |
3 теста |
|||
На этом уроке мы создадим красивое адаптивное навигационное меню для нашего сайта Отчёт отправил: 24659. Виталий Выполнено за 1 час. 56 мин. [Показать отчёт] Научился: пойдёт Сложности: долго копал на тему подключения fontAwesome без скачивания в папку. Не накопал, скачал |
|||||
4 | Заголовок header - красивая основа |
2 теста |
|||
На этом уроке мы создадим заголовок header и зададим его стиль
Отчёт отправил: 24659. Виталий Выполнено за 1 час. 26 мин. [Показать отчёт] Научился: пока начало, пока не сложно Сложности: на ноуте с 14 дюймовым экраном стоит масштаб 125% и соответственно картинка тоже получилась увеличенной. Все эти пиксели, в общем, почему-то тоже масштабируются. Я думал только текст(( |
|||||
5 | Заголовок header - оверлей, надпись и кнопка |
2 теста |
|||
На этом уроке мы дооформим header, и разместим на нем надпись и кнопку
Отчёт отправил: 24659. Виталий Выполнено за 1 час. 3 мин. [Показать отчёт] Научился: зачем класс оверлей сам по себе пустой и отдельно стоящий? я в него всё вложил ничего не поменялось |
|||||
6 | Об авторе - блоки и HTML |
2 теста |
|||
На этом уроке мы создадим блок "Об авторе" и наполним его контентом
Отчёт отправил: 24659. Виталий Выполнено за 48 мин. [Показать отчёт] Научился: Все создал Сложности: А верхнее меню мы специально в контейнер не засунули? |
|||||
7 | Об авторе - отступы и дополнения |
1 тест |
|||
На этом уроке мы сделаем дополнения информации об авторе и начнем работу со стилями в данном блоке Отчёт отправил: 24659. Виталий Выполнено за 1 час. 16 мин. [Показать отчёт] Научился: не совсем понятно как отработало position. Надо покурить мануал Сложности: переехал в phpstorm, живой просмотр выглядит немного не так, да и работает в css с задержкой |
|||||
8 | Об авторе - отступы, цвета, закругления |
1 тест |
|||
На этом уроке мы зададим красивые цвета тексту и интересный вид картинки
Отчёт отправил: 24659. Виталий Выполнено за 1 день 23 час. 0 мин. [Показать отчёт] Научился: научился скруглять фотографию и делать отступы |
|||||
9 | Товар лицом |
|
|||
На этом уроке мы создадим заготовки для портфолио (представления товара или услуг)
Отчёт отправил: 24659. Виталий Выполнено за 1 день 1 час. 15 мин. [Показать отчёт] Научился: Пользоваться Плейсхордер.ком Удобная вещь, в закладки Крутая вещь. Как показал эксперимент - ограничения на 12 колонок нет. Забил 16 фоток и все встали в ряд Сложности: Какая то непонятная полоса прокрутки снизу появилась. Не исчезает на любых размерах окна |
|||||
10 | Отзывы - размещение карточек |
|
|||
На этом занятии мы создадим и заполним карточки отзывов
Отчёт отправил: 24659. Виталий Выполнено за 17 час. 35 мин. [Показать отчёт] Научился: научился многоэтажным заданиям для emmet и многоэтажно конструировать структуру блоков Сложности: написал в карточках вот это "col-xl-3 col-lg-3 col-md-6 col-sm-12" теперь при изменении ширины просто окном браузера всё работает так как я и хотел, сначала по две в ряд, при еще большем уменьшении становятся столбиком. НО когда делаешь в режиме просмотра кода по F12 и эмуляция мобильного - ни при какой самой минимальной ширине в столбик не встаёт |
|||||
11 | Отзывы - стили |
1 тест |
|||
На этом уроке мы зададим стиль карточкам отзывов Отчёт отправил: 24659. Виталий Выполнено за 57 мин. [Показать отчёт] Научился: Делать тени, использовать hover эффекты Сложности: закачал на хостинг - адаптивность у карточек и курсов вообще исчезла. В общем надо заводить экскаватор и копать копать |
|||||
12 | Отзывы: карты - в сетку |
4 теста |
|||
На этом уроке мы сделаем карты ровными и научимся использовать в стилях шрифты с google fonts
Отчёт отправил: 24659. Виталий Выполнено за 3 час. 16 мин. [Показать отчёт] Научился: Классы col задавал пол дня нужного эффекта не добился шрифты импортировал и заменил - работает Сложности: после мучений с переносами и адаптивностью, выкинул все col-ы и сделал класс card-group из bootstrap, а интервалы соорудил через mx-3. и всё равно совсем гибко не работает. В документации, кстати написано что в кардгруппах адаптивность не поддерживается. |
|||||
13 | Обратная связь - создание формы |
1 тест |
|||
На этом уроке мы создадим форму обратной связи
Отчёт отправил: 24659. Виталий Выполнено за 23 мин. [Показать отчёт] Научился: Создана двухколоночная форма, наполнена элементами и сдобрена кнопкой Сложности: Чем дольше в лес тем меньше трудностей |
|||||
14 | Обратная связь - стильная форма |
1 тест |
|||
На этом уроке мы зададим стили элементам формы обратной связи
Отчёт отправил: 24659. Виталий Выполнено за 22 мин. [Показать отчёт] Научился: интересно было что цвет кнопки меняется цветом ее фона, я бы в другую сторону стал копать Сложности: всё гуд |
|||||
15 | JS-навигация |
|
|||
На этом уроке мы сделаем пункты меню активными и реализуем навигацию по сайту при помощи jQuery
Отчёт отправил: 24659. Виталий Выполнено за 3 час. 11 мин. [Показать отчёт] Научился: что-то потыкали, некоторые вещи даже работают Сложности: Ничего кроме alert не заработало. Хоть какое число ставлю, плавность не появляется. Шторм всё подчеркнул - пишет not resolved, в консоли браузера ошибки - не знаю, что такое myElement Ну это бог с ним, может просто новая версия JQ потом разберусь. В JS полный ноль |
|||||
16 | ФИНАЛЬНЫЙ УРОК |
без видео |
|||
Сделай видео-презентацию своей программы. На видео необходимо ответить на следующие вопросы: 0. Показать, что у тебя получилось. 1. Чему ты научился на этом курсе? 2. Что тебе понравилось, что нет? 3. Что ты ещё добавишь в свой проект? 4. Какой следующий курс ты будешь проходить? |
|||||
Итого: 16 видеоуроков |
2 час. 59 мин. 24 теста |
5 чел. | |||
Финалисты: Konstantin, vip, Yaroslav, Николай Денисов, Tom . |