# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
На этом уроке мы узнаем, о чем курс, и что мы изучим Отчёт отправил: 11589. Yefim Выполнено за 16 мин. [Показать отчёт] Научился: Запасаться Хорошим настроением Сложности: -------- |
|||||
2 | Начало - подключение bootstrap |
1 тест |
|||
На этом занятии мы создадим проект html5 и подключим
к нему библиотечку bootstrap Отчёт отправил: 11589. Yefim Выполнено за 9 час. 42 мин. [Показать отчёт] Научился: Создавать стартовый HTML-5 проект с использованием Bootstrap. Сложности: Возникла проблема: NetBeans не показывал в списке категорий HTML5/JavaScript. Оказалось, что надо было подключить дополнительные модули. |
|||||
3 | Структура сайта и сетка |
|
|||
На этом уроке мы создадим общую структуру сайта портфолио
и поработаем с сеткой - адаптивной мобильной резиновой системой разметки Отчёт отправил: 11589. Yefim Выполнено за 13 час. 36 мин. [Показать отчёт] Научился: Познакомился с адаптивной мобильной резиновой системой разметки Сложности: все ясно |
|||||
4 | Навигационное меню |
|
|||
На этом уроке создадим адаптивное навигационное меню
Отчёт отправил: 11589. Yefim Выполнено за 3 час. 46 мин. [Показать отчёт] Научился: Хотелось научиться создавать адаптивное навигационное меню Сложности: Мои пункты меню выстраиваются в столбец, а не в ряд. При этом кнопка невидима постоянно. О её наличии я узнаю по виду курсора. Помогите найти ошибку. Неужели причина в том, что я использую Chrome? |
|||||
5 | Фиксированная панель и субменю |
1 тест |
|||
На этом уроке мы поиграем с положением навигационной панели и
сделаем субменю для нескольких пунктов Отчёт отправил: 11589. Yefim Выполнено за 7 час. 19 мин. [Показать отчёт] Научился: Управлять положением навигационной панели и создавfть субменю для нескольких пунктов. Сложности: Нашел ошибку в своем коде, сделанную в прошлом уроке. Все заработало точно как показано в видеуроке. |
|||||
6 | Подготовка картинок для портфолио |
|
|||
На этом уроке мы подготовим картинки для портфолио (2-х размеров)
Отчёт отправил: 11589. Yefim Выполнено за 19 час. 47 мин. [Показать отчёт] Научился: Всё знакомо. Сложности: Выбирать картинки |
|||||
7 | Рефакторинг страницы |
1 тест |
|||
На этом уроке мы проведем рефакторинг кода,
и реализуем структуру, запланированную для header, в навигационной панели Отчёт отправил: 11589. Yefim Выполнено за 1 час. 18 мин. [Показать отчёт] Научился: Располагать правый пункт меню в крайнем правом положении. Использовать ресурс google fonts Сложности: На малом экране при наезде на "Portfelio" почему-то не работает title="Главная страница" |
|||||
8 | Размещение работ портфолио |
|
|||
На этом уроке мы создадим страницу-портфолио наших работ,
используя элемент accordeon Отчёт отправил: 11589. Yefim Выполнено за 2 час. 15 мин. [Показать отчёт] Научился: Отображать страницу-портфолио своих работ, используя элемент accordeon Сложности: Всё получилось. Отличный урок!!! |
|||||
9 | Подробности в модальное окно |
|
|||
На этом уроке мы создадим подробное описание каждой работы нашего портфолио
в модальном окне, а таже реализуем скачивание исходников или переход на сайт из записей портфолио Отчёт отправил: 11589. Yefim Выполнено за 1 день 20 час. 52 мин. [Показать отчёт] Научился: Реализовывать скачивание исходников и переход на сайт Сложности: Урок отличный. Довольно длинный. Трудно было найти непрерывное время для его изучения. |
|||||
10 | Работа над ошибками |
|
|||
На этом уроке мы внесем исправление в параметры панелей нашего accordeon и добьемся
хорошего отображения на различных устройствах Отчёт отправил: 11589. Yefim Выполнено за 4 час. 22 мин. [Показать отчёт] Научился: Убирать лишние col-xs-* и col-sm-*. Интересно бы узнать как догадаться, что именно это надо убирать? Сложности: Почему-то при запуске проекта из среды разработки отображение в браузере некорректно и появляется сообщение о сбое. При этом никаких средств отладчика браузера не включены. Если я загружаю файл index.html из Винды, то отображение нормальное. |
|||||
11 | Оформляем footer |
|
|||
На этом уроке мы оформим блок footer с использованием
иконок font-awesome Отчёт отправил: 11589. Yefim Выполнено за 11 час. 54 мин. [Показать отчёт] Научился: Делать footer Сложности: Код вроде бы такой же, а иконки социальных сетей отображаются в новой строке? |
|||||
12 | Делаем главную страницу |
1 тест |
|||
На этом уроке мы оформим главную страницу портфолио,
сделаем "выставку" 6 последних работ, и 6 лучших, а также реализуем форму авторизации на сайте Отчёт отправил: 11589. Yefim Выполнено за 2 дня 14 час. 54 мин. [Показать отчёт] Научился: Оформлять главную страницу портфолио, а также форму авторизации на сайте Сложности: Все получилось |
|||||
Итого: 12 видеоуроков |
3 час. 55 мин. 4 теста |
15 чел. | |||
Финалисты: Максим Лапшинов, Ludmila, Сергей Соколов, Алексей Малышев, Алексей|BrisK|Кривицкий, WildOrc, Иван Воронин, Слава, Dmitry Sinitsin, Tekashnik, Андрей Гладков, Yefim, Rita, Max, Николай Денисов . |