# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
На этом уроке мы узнаем, о чем курс, и что мы изучим Отчёт отправил: 1295. Дмитрий Че Выполнено за 12 мин. [Показать отчёт] Научился: О! Это очень ценный курс - портфолио вещь необходимая! И Bootstrap знать нужно)) Так что "в путь!" Сложности: Пройти мимо) Так и не получилось! |
|||||
2 | Начало - подключение bootstrap |
1 тест |
|||
На этом занятии мы создадим проект html5 и подключим
к нему библиотечку bootstrap Отчёт отправил: 1295. Дмитрий Че Выполнено за 25 мин. [Показать отчёт] Научился: Скачивать, устанавливать и подключать библиотеку Bootstrap. Сложности: пока ничего сложного) |
|||||
3 | Структура сайта и сетка |
|
|||
На этом уроке мы создадим общую структуру сайта портфолио
и поработаем с сеткой - адаптивной мобильной резиновой системой разметки Отчёт отправил: 1295. Дмитрий Че Выполнено за 16 час. 26 мин. [Показать отчёт] Научился: Научился подключать bootstrap и задавать адаптивку для размера колонок по сетке с помощью классов .row, .col-xs-, .col-sm-, .col-md-, .col-lg-, а также скрывать с помщью класса .hidden-xs и т.п. Отличие класса от id в том, что id уникален, а класс на то и класс, что может быть у многих объектов, объединяя их в класс) На письме это # и . соответственно. Сложности: Обозначил row как id - с трудом это обнаружил, тогда все заработало) |
|||||
4 | Навигационное меню |
|
|||
На этом уроке создадим адаптивное навигационное меню
Отчёт отправил: 1295. Дмитрий Че Выполнено за 36 мин. [Показать отчёт] Научился: Оформлять выпадающее меню по клику на кнопке. Правда выглядит это иначе, чем в уроке - похоже, что бутстрап не стоит на месте. Сложности: так и не понял, почему у меня все так отличается, хотя код один в один. Подозреваю, что это из-за версий бутстрапа |
|||||
5 | Фиксированная панель и субменю |
1 тест |
|||
На этом уроке мы поиграем с положением навигационной панели и
сделаем субменю для нескольких пунктов Отчёт отправил: 1295. Дмитрий Че Выполнено за 2 час. 33 мин. [Показать отчёт] Научился: Создавать выпадающий список в бутстрапе! Сложности: много классов!!!)) |
|||||
6 | Подготовка картинок для портфолио |
|
|||
На этом уроке мы подготовим картинки для портфолио (2-х размеров)
Отчёт отправил: 1295. Дмитрий Че Выполнено за 1 час. 28 мин. [Показать отчёт] Научился: В общем ничему, но этот урок был подготовительный. Сложности: ничего сложного |
|||||
7 | Рефакторинг страницы |
1 тест |
|||
На этом уроке мы проведем рефакторинг кода,
и реализуем структуру, запланированную для header, в навигационной панели Отчёт отправил: 1295. Дмитрий Че Выполнено за 48 мин. [Показать отчёт] Научился: Размещать пункт меню справа, подключать гугл фонтс. Сложности: все просто) |
|||||
8 | Размещение работ портфолио |
|
|||
На этом уроке мы создадим страницу-портфолио наших работ,
используя элемент accordeon |
|||||
9 | Подробности в модальное окно |
|
|||
На этом уроке мы создадим подробное описание каждой работы нашего портфолио
в модальном окне, а таже реализуем скачивание исходников или переход на сайт из записей портфолио |
|||||
10 | Работа над ошибками |
|
|||
На этом уроке мы внесем исправление в параметры панелей нашего accordeon и добьемся
хорошего отображения на различных устройствах |
|||||
11 | Оформляем footer |
|
|||
На этом уроке мы оформим блок footer с использованием
иконок font-awesome |
|||||
12 | Делаем главную страницу |
1 тест |
|||
На этом уроке мы оформим главную страницу портфолио,
сделаем "выставку" 6 последних работ, и 6 лучших, а также реализуем форму авторизации на сайте |
|||||
Итого: 12 видеоуроков |
3 час. 55 мин. 4 теста |
15 чел. | |||
Финалисты: Максим Лапшинов, Ludmila, Сергей Соколов, Алексей Малышев, Алексей|BrisK|Кривицкий, WildOrc, Иван Воронин, Слава, Dmitry Sinitsin, Tekashnik, Андрей Гладков, Yefim, Rita, Max, Николай Денисов . |