# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
На этом уроке мы узнаем, о чем курс, и что мы изучим Отчёт отправил: 8275. Tekashnik Выполнено за 10 мин. [Показать отчёт] Научился: Проникся полезностью данного курса, попробую пройти) Сложности: Найти время |
|||||
2 | Начало - подключение bootstrap |
1 тест |
|||
На этом занятии мы создадим проект html5 и подключим
к нему библиотечку bootstrap Отчёт отправил: 8275. Tekashnik Выполнено за 18 мин. [Показать отчёт] Научился: Всё скачал, всё установил всё работает)) Сложности: Найти время |
|||||
3 | Структура сайта и сетка |
|
|||
На этом уроке мы создадим общую структуру сайта портфолио
и поработаем с сеткой - адаптивной мобильной резиновой системой разметки Отчёт отправил: 8275. Tekashnik Выполнено за 34 мин. [Показать отчёт] Научился: Повторили как создавать сетки в Bootstrap. Id - это уникальный индентификатор Class - это универсальный идентификатор, который можно использовать в бесконечном количестве элементов. Сложности: Найти время |
|||||
4 | Навигационное меню |
|
|||
На этом уроке создадим адаптивное навигационное меню
Отчёт отправил: 8275. Tekashnik Выполнено за 24 мин. [Показать отчёт] Научился: Я конечно уже видал уже в bootstrap такие мощные вложенные деревья div-ов. Интересно бы послушать как можно с первого раза написать такую конструкцию: <div class="container" id="container"> <div class="row"> <div class="navbar navbar-default"> <div class="container"> <div class="navbar navbar-header"> <button class="navbar-toggle" data-toggle="collapse" data-target="#myTopMenu"> Сложности: Понять как эти div-ы работают вкупе. |
|||||
5 | Фиксированная панель и субменю |
1 тест |
|||
На этом уроке мы поиграем с положением навигационной панели и
сделаем субменю для нескольких пунктов Отчёт отправил: 8275. Tekashnik Выполнено за 20 мин. [Показать отчёт] Научился: Научился выпадающему меню) Всё доходчиво и понятно) Сложности: Найти опечатку) |
|||||
6 | Подготовка картинок для портфолио |
|
|||
На этом уроке мы подготовим картинки для портфолио (2-х размеров)
Отчёт отправил: 8275. Tekashnik Выполнено за 19 мин. [Показать отчёт] Научился: Создал картинки, каждой двух размеров. Сложности: Найти время |
|||||
7 | Рефакторинг страницы |
1 тест |
|||
На этом уроке мы проведем рефакторинг кода,
и реализуем структуру, запланированную для header, в навигационной панели Отчёт отправил: 8275. Tekashnik Выполнено за 2 час. 49 мин. [Показать отчёт] Научился: Подключать Google fonts Сложности: Придумать, что было самым сложным |
|||||
8 | Размещение работ портфолио |
|
|||
На этом уроке мы создадим страницу-портфолио наших работ,
используя элемент accordeon Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 5 мин. [Показать отчёт] Научился: Делать аккардион на Bootstrap 3 Сложности: Не запутаться во всех этих многочисленных классах)) |
|||||
9 | Подробности в модальное окно |
|
|||
На этом уроке мы создадим подробное описание каждой работы нашего портфолио
в модальном окне, а таже реализуем скачивание исходников или переход на сайт из записей портфолио Отчёт отправил: 8275. Tekashnik Выполнено за 3 час. 52 мин. [Показать отчёт] Научился: Создал все 5 модальных окон) Оказалось не так то быстро, но я всё равно сделал Почему то у меня модальное окно открывается в левом верхнем углу, а у Валеры по середине.... хм.. Сложности: Создавать все 5 модальных окон |
|||||
10 | Работа над ошибками |
|
|||
На этом уроке мы внесем исправление в параметры панелей нашего accordeon и добьемся
хорошего отображения на различных устройствах Отчёт отправил: 8275. Tekashnik Выполнено за 7 мин. [Показать отчёт] Научился: Внесли исправления, всё стало отображаться корректно. Сложности: Придумать, что было самым сложным. |
|||||
11 | Оформляем footer |
|
|||
На этом уроке мы оформим блок footer с использованием
иконок font-awesome Отчёт отправил: 8275. Tekashnik Выполнено за 4 час. 50 мин. [Показать отчёт] Научился: Подключать библиотеки fontawesome и работать с их иконками. Сложности: По началу скачал 5-ню версию fontawesome (такая уже есть), но что то не совсем разобрался как подключить шрифты, поэтому скачал 4.7.0 и с ней всё как по маслу прошло))) |
|||||
12 | Делаем главную страницу |
1 тест |
|||
На этом уроке мы оформим главную страницу портфолио,
сделаем "выставку" 6 последних работ, и 6 лучших, а также реализуем форму авторизации на сайте Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 23 мин. [Показать отчёт] Научился: Сделал всё как по уроку)) Только не под диктовку, а сначала посмотрел, потом всё сделал сам) Сложности: Делать немного монотонную работу) |
|||||
Итого: 12 видеоуроков |
3 час. 55 мин. 4 теста |
15 чел. | |||
Финалисты: Максим Лапшинов, Ludmila, Сергей Соколов, Алексей Малышев, Алексей|BrisK|Кривицкий, WildOrc, Иван Воронин, Слава, Dmitry Sinitsin, Tekashnik, Андрей Гладков, Yefim, Rita, Max, Николай Денисов . |