# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
На этом уроке мы узнаем, о чем курс, и что мы изучим Отчёт отправил: 10558. Иван Воронин Выполнено за 9 мин. [Показать отчёт] Научился: Настрой отличный. Решение принято. Двигаемся дальше. Сложности: найти время |
|||||
2 | Начало - подключение bootstrap |
1 тест |
|||
На этом занятии мы создадим проект html5 и подключим
к нему библиотечку bootstrap Отчёт отправил: 10558. Иван Воронин Выполнено за 32 мин. [Показать отчёт] Научился: Всё отлично, идём дальше. Сложности: найти время |
|||||
3 | Структура сайта и сетка |
|
|||
На этом уроке мы создадим общую структуру сайта портфолио
и поработаем с сеткой - адаптивной мобильной резиновой системой разметки Отчёт отправил: 10558. Иван Воронин Выполнено за 36 мин. [Показать отчёт] Научился: айди уникальный, а класс можно использовать сколько угодно раз. айди используются для якорей. всё отлично, идём дальше. Сложности: найти время |
|||||
4 | Навигационное меню |
|
|||
На этом уроке создадим адаптивное навигационное меню
Отчёт отправил: 10558. Иван Воронин Выполнено за 26 мин. [Показать отчёт] Научился: Отличный урок, разжёвывание каждой строчки очень кстати, идём дальше. Сложности: найти время |
|||||
5 | Фиксированная панель и субменю |
1 тест |
|||
На этом уроке мы поиграем с положением навигационной панели и
сделаем субменю для нескольких пунктов Отчёт отправил: 10558. Иван Воронин Выполнено за 31 мин. [Показать отчёт] Научился: Надеюсь к хеадеру вернёмся, а то он за фиксированным меню спрятался и не отображается. А так всё ок, движемся дальше. Сложности: найти время |
|||||
6 | Подготовка картинок для портфолио |
|
|||
На этом уроке мы подготовим картинки для портфолио (2-х размеров)
Отчёт отправил: 10558. Иван Воронин Выполнено за 1 час. 19 мин. [Показать отчёт] Научился: Поднял свои старые архивы сайтов, сделал 14 скриншотов и их уменьшенных копий, я пользую другой программой для пакетного преобразования, называется: FastStone Image Viewer, имеются ещё аналоги, но они для более крупного количества графических файлов подходят. Всё отлично, идём дальше. Сложности: Найти время |
|||||
7 | Рефакторинг страницы |
1 тест |
|||
На этом уроке мы проведем рефакторинг кода,
и реализуем структуру, запланированную для header, в навигационной панели Отчёт отправил: 10558. Иван Воронин Выполнено за 46 мин. [Показать отчёт] Научился: Подключил два шрифта, один для всего сайта, второй для логотипа. Подключение использовал через CSS, чтобы не захламлять HTML код. Всё отлично, идём дальше. Сложности: найти время |
|||||
8 | Размещение работ портфолио |
|
|||
На этом уроке мы создадим страницу-портфолио наших работ,
используя элемент accordeon Отчёт отправил: 10558. Иван Воронин Выполнено за 4 час. 40 мин. [Показать отчёт] Научился: Урок как всегда на высоте, всё разжёвано от и до. Всё отлично, идём дальше. Сложности: Найти время |
|||||
9 | Подробности в модальное окно |
|
|||
На этом уроке мы создадим подробное описание каждой работы нашего портфолио
в модальном окне, а таже реализуем скачивание исходников или переход на сайт из записей портфолио Отчёт отправил: 10558. Иван Воронин Выполнено за 1 час. 40 мин. [Показать отчёт] Научился: Добавил 5 работ, ещё не все, остальные будут добавлены позже, когда доберёмся до php =) такие вещи удобнее генерировать, ибо очень много избыточности ручной. Сложности: найти время |
|||||
10 | Работа над ошибками |
|
|||
На этом уроке мы внесем исправление в параметры панелей нашего accordeon и добьемся
хорошего отображения на различных устройствах Отчёт отправил: 10558. Иван Воронин Выполнено за 9 мин. [Показать отчёт] Научился: Да, так намного лучше, плюс в прошлом уроке был лишний класс описан в CSS, забыл совсем об этом сказать, когда пытались увеличить размер иконки скачивания или ссылки на внешний сайт. Так же добавил и ссылку на скачивание и ссылку на внешний сайт для каждой из работа. Всё супер, идём дальше. Сложности: найти время |
|||||
11 | Оформляем footer |
|
|||
На этом уроке мы оформим блок footer с использованием
иконок font-awesome Отчёт отправил: 10558. Иван Воронин Выполнено за 1 час. 0 мин. [Показать отчёт] Научился: Немного провёл косметику футера, чтобы выглядело веселее. Как всегда отличный урок, всё супер, идем к финалу. Сложности: найти время |
|||||
12 | Делаем главную страницу |
1 тест |
|||
На этом уроке мы оформим главную страницу портфолио,
сделаем "выставку" 6 последних работ, и 6 лучших, а также реализуем форму авторизации на сайте Отчёт отправил: 10558. Иван Воронин Выполнено за 4 час. 41 мин. [Показать отчёт] Научился: Отличный мини курс по бутстрапу, отличная практика, вторая часть напрашивается по php для создание простого движка для генерации данных страниц. Так сказать для наглядности, чтобы показать, что ручное наполнение сайта это уже не наш метод =) з.ы. когда закончил, увидел, что уже 9 число, не успел вовремя залить отчёт, ну и ладно. =) Сложности: найти время Видеообзор: sZ4DAd1jZKw |
|||||
Итого: 12 видеоуроков |
3 час. 55 мин. 4 теста |
15 чел. | |||
Финалисты: Максим Лапшинов, Ludmila, Сергей Соколов, Алексей Малышев, Алексей|BrisK|Кривицкий, WildOrc, Иван Воронин, Слава, Dmitry Sinitsin, Tekashnik, Андрей Гладков, Yefim, Rita, Max, Николай Денисов . |