# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
На этом уроке мы узнаем, о чем курс, и что мы изучим Отчёт отправил: 5649. Максим Лапшинов Выполнено за 10 мин. [Показать отчёт] Научился: послушал Сложности: дослушать до конца Комментарии: очень подробно решили вы расказать что будим делать хотя это все можно было презентацию в 3 минуты уложить |
|||||
2 | Начало - подключение bootstrap |
1 тест |
|||
На этом занятии мы создадим проект html5 и подключим
к нему библиотечку bootstrap Отчёт отправил: 5649. Максим Лапшинов Выполнено за 5 мин. [Показать отчёт] Научился: настроил и все Сложности: нечего Комментарии: нету |
|||||
3 | Структура сайта и сетка |
|
|||
На этом уроке мы создадим общую структуру сайта портфолио
и поработаем с сеткой - адаптивной мобильной резиновой системой разметки Отчёт отправил: 5649. Максим Лапшинов Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: работать с сеткой исправить ошибку в коде переписать на bootstrap 4 Сложности: заставить себя сделать дополнительную работу хоть и маленкую Комментарии: В видео id=row а в bootstrap нету такого Id вместо этого написать класс совсем по другому будит смотреться Отличия 3 от 4 версии col-lg убран вместо него просто col hidden-xs нету его вместо него есть hidden-xs-up - скрывает элементы при выше разрешением а hidden-xs-down при низком разрешение скрывает Можно скрывать элементы и совсем другие показывать при определенном разрешении экрана во как |
|||||
4 | Навигационное меню |
|
|||
На этом уроке создадим адаптивное навигационное меню
Отчёт отправил: 5649. Максим Лапшинов Выполнено за 2 час. 00 мин. [Показать отчёт] Научился: познакомился с меню и сделал подменю всплывающее хорошо опыта получил когда возился с переделкой на bootstrap 4 Сложности: при переделки на bootstrap 4 возникла ошибка при сворачивании меню целиком вот http://codepen.io/anon/pen/bWmJYB Комментарии: а так можно просто исправить поставив <a class="navbar-brand" href="#">Домой</a> а как без такого тега сделать? может кто то знает или подскажет ? |
|||||
5 | Фиксированная панель и субменю |
1 тест |
|||
На этом уроке мы поиграем с положением навигационной панели и
сделаем субменю для нескольких пунктов Отчёт отправил: 5649. Максим Лапшинов Выполнено за 40 мин. [Показать отчёт] Научился: сделал фиксированным меню с верху при переделки на 4 версию исправил свой баг что у меня меню оказалась сдвинутым полностью в лево почитал документацию и более лучше запомнил все Сложности: понять в чем ошибка что меню полностью с лева а не почти в центре Комментарии: просто не создал в меню контайнера и она было с самого левого угла и в этом была ошибка а так хорошо позанимался и разобрался в этом |
|||||
6 | Подготовка картинок для портфолио |
|
|||
На этом уроке мы подготовим картинки для портфолио (2-х размеров)
Отчёт отправил: 5649. Максим Лапшинов Выполнено за 10 мин. [Показать отчёт] Научился: вспомнил какие сайты могу показать Сложности: нечего Комментарии: подготовил файлы |
|||||
7 | Рефакторинг страницы |
1 тест |
|||
На этом уроке мы проведем рефакторинг кода,
и реализуем структуру, запланированную для header, в навигационной панели Отчёт отправил: 5649. Максим Лапшинов Выполнено за 20 мин. [Показать отчёт] Научился: узнал про фонты узнал как в 3 и в 4 версии делать меню на правую сторону сдвигать Сложности: найти как в 4 версии сделать пункт меню в право Комментарии: работаем над собой |
|||||
8 | Размещение работ портфолио |
|
|||
На этом уроке мы создадим страницу-портфолио наших работ,
используя элемент accordeon Отчёт отправил: 5649. Максим Лапшинов Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: познакомился с аккордеоном переписал на 4 версию довольно легко и быстро хотя пришлось класс panel заменить классом card Сложности: искать опечатку у себя в названии класса Комментарии: в 4 версии заметно выделен на аккордионе что это ссылка и что по ней можно кликать и цвета более яркии сильно бросаются в глаза если применить вместо panel-success это card-success то все будит зеленым не только header но и все внутри поэтому пришлось применить bg-success |
|||||
9 | Подробности в модальное окно |
|
|||
На этом уроке мы создадим подробное описание каждой работы нашего портфолио
в модальном окне, а таже реализуем скачивание исходников или переход на сайт из записей портфолио Отчёт отправил: 5649. Максим Лапшинов Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: разобрался в модальных окнах и в отличии 3 от 4 версии тоже самое с badge пришлось править и нету в 4 bottstrap glyphicon пришлось использовать fontawesome Сложности: разобраться во всем и привести к более менее похожему виду средствами bootstrap Комментарии: вот так учимся и запоминаем |
|||||
10 | Работа над ошибками |
|
|||
На этом уроке мы внесем исправление в параметры панелей нашего accordeon и добьемся
хорошего отображения на различных устройствах Отчёт отправил: 5649. Максим Лапшинов Выполнено за 10 мин. [Показать отчёт] Научился: внес изменения Сложности: трудностей не возникло Комментарии: нету |
|||||
11 | Оформляем footer |
|
|||
На этом уроке мы оформим блок footer с использованием
иконок font-awesome Отчёт отправил: 5649. Максим Лапшинов Выполнено за 30 мин. [Показать отчёт] Научился: добавлять иконки соц сетей Сложности: сложности невозникло Комментарии: и на 4 версии все также само без изменений |
|||||
12 | Делаем главную страницу |
1 тест |
|||
На этом уроке мы оформим главную страницу портфолио,
сделаем "выставку" 6 последних работ, и 6 лучших, а также реализуем форму авторизации на сайте Отчёт отправил: 5649. Максим Лапшинов Выполнено за 2 час. 00 мин. [Показать отчёт] Научился: оформил главную страницу узнал про thumbnail переписал на bootstrap 4 Сложности: сделал одну ошибку и искал что нетак в bootstrap 4 провозился долго а оказалось забыл class="row" Комментарии: Спасибо за курс жду продолжения |
|||||
Итого: 12 видеоуроков |
3 час. 55 мин. 4 теста |
15 чел. | |||
Финалисты: Максим Лапшинов, Ludmila, Сергей Соколов, Алексей Малышев, Алексей|BrisK|Кривицкий, WildOrc, Иван Воронин, Слава, Dmitry Sinitsin, Tekashnik, Андрей Гладков, Yefim, Rita, Max, Николай Денисов . |