# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
На этом уроке мы узнаем, о чем курс, и что мы изучим Отчёт отправил: 10365. Rita Выполнено за 15 мин. [Показать отчёт] Научился: Проникся полезностью данного курса Сложности: - |
|||||
2 | Начало - подключение bootstrap |
1 тест |
|||
На этом занятии мы создадим проект html5 и подключим
к нему библиотечку bootstrap Отчёт отправил: 10365. Rita Выполнено за 4 час. 28 мин. [Показать отчёт] Научился: создать html5 проект скачать библиотечку bootstrap , установить библиотеку в проект |
|||||
3 | Структура сайта и сетка |
|
|||
На этом уроке мы создадим общую структуру сайта портфолио
и поработаем с сеткой - адаптивной мобильной резиновой системой разметки Отчёт отправил: 10365. Rita Выполнено за 3 час. 28 мин. [Показать отчёт] Научился: id - это уникальное название которое можно использовать только один раз и только к одному элементу class - это универсальное название, применимое ко всем объектам в которых я хочу видеть те же стили |
|||||
4 | Навигационное меню |
|
|||
На этом уроке создадим адаптивное навигационное меню
Отчёт отправил: 10365. Rita Выполнено за 5 час. 51 мин. [Показать отчёт] Научился: Сделал навигационное меню для отображения в обычном размере и на маленьком экране |
|||||
5 | Фиксированная панель и субменю |
1 тест |
|||
На этом уроке мы поиграем с положением навигационной панели и
сделаем субменю для нескольких пунктов Отчёт отправил: 10365. Rita Выполнено за 4 час. 32 мин. [Показать отчёт] Научился: создавать субменю для нескольких пунктов и стрелочку к меню |
|||||
6 | Подготовка картинок для портфолио |
|
|||
На этом уроке мы подготовим картинки для портфолио (2-х размеров)
Отчёт отправил: 10365. Rita Выполнено за 2 час. 20 мин. [Показать отчёт] Научился: сделать скриншоты файлов, сохранить в jpg-файлы |
|||||
7 | Рефакторинг страницы |
1 тест |
|||
На этом уроке мы проведем рефакторинг кода,
и реализуем структуру, запланированную для header, в навигационной панели Отчёт отправил: 10365. Rita Выполнено за 1 час. 14 мин. [Показать отчёт] Научился: Подключать Google fonts создать пункт меню с id=logo, реализовать его стиль с помощью шрифта с google fonts |
|||||
8 | Размещение работ портфолио |
|
|||
На этом уроке мы создадим страницу-портфолио наших работ,
используя элемент accordeon Отчёт отправил: 10365. Rita Выполнено за 32 мин. [Показать отчёт] Научился: создать страницу-портфолио наших работ, используя элемент accordeon |
|||||
9 | Подробности в модальное окно |
|
|||
На этом уроке мы создадим подробное описание каждой работы нашего портфолио
в модальном окне, а таже реализуем скачивание исходников или переход на сайт из записей портфолио Отчёт отправил: 10365. Rita Выполнено за 2 дня 3 час. 50 мин. [Показать отчёт] Научился: делать модальные окна с помощью bootstrap. Научился делать красивые ссылки на скачивание с glyph-иконкой |
|||||
10 | Работа над ошибками |
|
|||
На этом уроке мы внесем исправление в параметры панелей нашего accordeon и добьемся
хорошего отображения на различных устройствах Отчёт отправил: 10365. Rita Выполнено за 19 час. 55 мин. [Показать отчёт] Научился: исправления в код - всё стало отображаться корректно. |
|||||
11 | Оформляем footer |
|
|||
На этом уроке мы оформим блок footer с использованием
иконок font-awesome Отчёт отправил: 10365. Rita Выполнено за 1 день 4 час. 20 мин. [Показать отчёт] Научился: оформим блок footer с использованием иконок font-awesome |
|||||
12 | Делаем главную страницу |
1 тест |
|||
На этом уроке мы оформим главную страницу портфолио,
сделаем "выставку" 6 последних работ, и 6 лучших, а также реализуем форму авторизации на сайте Отчёт отправил: 10365. Rita Выполнено за 8 час. 24 мин. [Показать отчёт] Научился: Отличный мини курс по бутстрапу, отличная практика, вторая часть напрашивается по php для создание простого движка для генерации данных страниц. |
|||||
Итого: 12 видеоуроков |
3 час. 55 мин. 4 теста |
15 чел. | |||
Финалисты: Максим Лапшинов, Ludmila, Сергей Соколов, Алексей Малышев, Алексей|BrisK|Кривицкий, WildOrc, Иван Воронин, Слава, Dmitry Sinitsin, Tekashnik, Андрей Гладков, Yefim, Rita, Max, Николай Денисов . |