 
				| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ | 
|---|---|---|---|---|---|
| 1 |  Презентация курса |  | |||
| На этом уроке мы узнаем, о чем курс, и что мы изучим Отчёт отправил: 9014. Николай Денисов Выполнено за 12 мин. [Показать отчёт] Научился: Первое знакомство с Bootstrap | |||||
| 2 | Начало - подключение bootstrap | 1 тест | |||
| На этом занятии мы создадим проект html5 и подключим к нему библиотечку bootstrap Отчёт отправил: 9014. Николай Денисов Выполнено за 41 мин. [Показать отчёт] Научился: Создал сайт, закинул стили от bootstrap . Пока не понятно но вроде сделал всё верно. Сложности: Запустил страшный и ужастный NetBeans. Зачем я это сделал? | |||||
| 3 | Структура сайта и сетка |  | |||
| На этом уроке мы создадим общую структуру сайта портфолио и поработаем с сеткой - адаптивной мобильной резиновой системой разметки Отчёт отправил: 9014. Николай Денисов Выполнено за 1 час. 1 мин. [Показать отчёт] Научился: Добавил общую структуру сайта. id - это уникальная метка ну а class - общий для всех . Как-то вод так. Сложности: Сайт https://getbootstrap.com/ изменился. Непонятно где что искать. Стили Bootstrap не работают, так как хотелось-бы. Непонятно что делать дальше ? | |||||
| 4 | Навигационное меню |  | |||
| На этом уроке создадим адаптивное навигационное меню Отчёт отправил: 9014. Николай Денисов Выполнено за 33 мин. [Показать отчёт] Научился: Добавил на сайт адаптивное меню. В прошлом уроки была проблема со стилями, нашёл в интернете сайт https://getbootstrap.ru/ на русском языке где скачал все необходимое, теперь все работает как надо. Думаю стоит добавить в описание курса ссылку - https://getbootstrap.ru/ Сложности: Немного запарился с дивной пирамидой. Никак понять не могу зачем нужно там много дивов вкладывать друг в друга? | |||||
| 5 | Фиксированная панель и субменю | 1 тест | |||
| На этом уроке мы поиграем с положением навигационной панели и  сделаем субменю для нескольких пунктов Отчёт отправил: 9014. Николай Денисов Выполнено за 34 мин. [Показать отчёт] Научился: Зафиксировал меню и добавил выпадающие списки меню Сложности: Писать длинные строки | |||||
| 6 | Подготовка картинок для портфолио |  | |||
| На этом уроке мы подготовим картинки для портфолио (2-х размеров) Отчёт отправил: 9014. Николай Денисов Выполнено за 23 мин. [Показать отчёт] Научился: Сделал десять картинок Сложности: Не сразу понял что нужно, пришлось поискать свои наработки чтобы вобрать подходящие. | |||||
| 7 | Рефакторинг страницы | 1 тест | |||
| На этом уроке мы проведем рефакторинг кода, и реализуем структуру, запланированную для header, в навигационной панели Отчёт отправил: 9014. Николай Денисов Выполнено за 42 мин. [Показать отчёт] Научился: Доработал меню и логотип сайта. Сложности: Google Fonts изменился, пришлось немного повозиться чтобы разобраться. | |||||
| 8 | Размещение работ портфолио |  | |||
| На этом уроке мы создадим страницу-портфолио наших работ, используя элемент accordeon Отчёт отправил: 9014. Николай Денисов Выполнено за 1 час. 6 мин. [Показать отчёт] Научился: Оформил сайт использую элемент аккордеон Сложности: Чуть не запутался в страшных и ужасных дивах. Один див куда-то пропал и все пошло на с марку, но я оперативно вставил недостающий див и всё прекрасно заработало . | |||||
| 9 | Подробности в модальное окно |  | |||
| На этом уроке мы создадим подробное описание каждой работы нашего портфолио в модальном окне, а таже реализуем скачивание исходников или переход на сайт из записей портфолио Отчёт отправил: 9014. Николай Денисов Выполнено за 1 час. 44 мин. [Показать отчёт] Научился: Реализовал модальное окно Ссылки на скачивание и переходы Сложности: Не закопаться в дивах . | |||||
| 10 | Работа над ошибками |  | |||
| На этом уроке мы внесем исправление в параметры панелей нашего accordeon и добьемся хорошего отображения на различных устройствах Отчёт отправил: 9014. Николай Денисов Выполнено за 11 мин. [Показать отчёт] Научился: Внес исправления в отображение на маленьких устройствах. Сложности: ок | |||||
| 11 | Оформляем footer |  | |||
| На этом уроке мы оформим блок footer с использованием иконок font-awesome Отчёт отправил: 9014. Николай Денисов Выполнено за 50 мин. [Показать отчёт] Научился: Оформил футер, добавил гриф-иконки социальных сетей. Сложности: ок | |||||
| 12 | Делаем главную страницу | 1 тест | |||
| На этом уроке мы оформим главную страницу портфолио, сделаем "выставку" 6 последних работ, и 6 лучших, а также реализуем форму авторизации на сайте Отчёт отправил: 9014. Николай Денисов Выполнено за 1 час. 24 мин. [Показать отчёт] Научился: Добавил домашнюю страницу и вывел представление работ | |||||
| Итого: 12 видеоуроков | 3 час. 55 мин. 4 теста | 15 чел. | |||
| Финалисты: Максим Лапшинов, Ludmila, Сергей Соколов, Алексей Малышев, Алексей|BrisK|Кривицкий, WildOrc, Иван Воронин, Слава, Dmitry Sinitsin, Tekashnik, Андрей Гладков, Yefim, Rita, Max, Николай Денисов . | |||||