# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
Наша цель - разобраться в этом фреймворке и создать рабочий проект - новую видеошколу. Каждый формулист может стать соавтором новой видеошколы. Каждый участник может написать свои строчки для проекта. И каждый из них получит незаменимый опыт по созданию реального рабочего проекта с использованием современных технологий: Yii, PHP, MySQL, Git, Bootstrap, JavaScript, jQuery, AJAX и многое другое. Отчёт отправил: 24974. Вячеслав Выполнено за 17 мин. [Показать отчёт] Научился: Устанавливать OpenServer Сложности: Устанавливать openServer |
|||||
2 | Web - Первый кирпич сайта |
|
|||
На этом уроке мы настроим минимальные версии модулей на нашем OpenServer для дальнейшей работы. Проверим версии apache, php и MySQL. После чего мы поработаем в консоли, создав необходимый минимум. Далее мы проверим работоспособность нашего мини сайта. Отчёт отправил: 24974. Вячеслав Выполнено за 13 мин. [Показать отчёт] Научился: Установке OpenServer Сложности: Установка OpenServer |
|||||
3 | Git - Все ходы записываются |
|
|||
На этом уроке мы проинициализиуем локальный git репозиторий в ранее созданной папке нашего проекта school. После чего откроем нашу папку school в PhpStorm для дальнейшей работы уже в более удобной среде разработки. Создадим необходимый файл .gitignore с базовыми правилами и закоммитим наш первый коммит в локальный git репозиторий. Отчёт отправил: 24974. Вячеслав Выполнено за 4 час. 16 мин. [Показать отчёт] Научился: создать .gitignore через phpstorm Сложности: создать .gitignore через phpstorm |
|||||
4 | Composer - Установка пустоты |
|
|||
На этом уроке мы подключим фреймворк Yii через composer в консоли. Научимся получать токен репозитория git. Далее мы приступим к реализации нашего проекта, для начала модифицируем index.php, чтобы задействовать фреймворк Yii. Так же создадим конфигурационный файл для нашего проекта и передадим его как параметр при создании экземпляра веб-приложения Yii. Отчёт отправил: 24974. Вячеслав Выполнено за 29 мин. [Показать отчёт] Научился: Установка Yii2 композером и запуску его. Сложности: Ничего сложного пока нет. |
|||||
5 | Controller - Точка входа программиста |
|
|||
На этом уроке мы создадим первый контроллер, который является точкой входа для нашего веб-приложения. Познакомимся с полезными ссылками и схемами жизненного цикла нашего веб-приложения. Отчёт отправил: 24974. Вячеслав Выполнено за 8 мин. [Показать отчёт] Научился: Создавать дефолтный контроллер. Сложности: Ничего |
|||||
6 | Views - Представления начинаются |
2 теста |
|||
На этом уроке мы создадим первое представление для отображения основной странички нашего веб-приложения. Для удобного поиска ошибок мы активируем встроенную в Yii систему отладки. Отчёт отправил: 24974. Вячеслав Выполнено за 14 мин. [Показать отчёт] Научился: Добавлять представления |
|||||
7 | Codeception - Пошаговое тестирование |
1 тест |
|||
На этом уроке мы установим систему тестирования веб-приложений и создадим несколько тестов имитации поведения гостя на сайте. Отчёт отправил: 24974. Вячеслав Выполнено за 1 час. 53 мин. [Показать отчёт] Научился: Устанавливать codeception под линукс с помощью композера. Запускать базовые acceptance тесты для проверки страниц сайта со стороны клиента. Сложности: Устанавливать codeception под линукс с помощью композера. Были ошибки с путями autoload-а изза чего codeception не запускался с фатальной ошибкой. Пришлось удалить codeception и переустановить его с помощью команды composer require codeception/codeception --dev - данная команда указала на отсутствие зависимости, что потребовало установить sudo apt-get install php-xml - после чего composer require codeception/codeception --dev благополучно отработала и codeception запустился! |
|||||
8 | Bootstrap - Пусть будет красиво! |
|
|||
На этом уроке мы начнём оформление нашего сайта. Для этого мы установим и подключим набор инструментов bootstrap, включающий в себя HTML/CSS шаблоны оформления и JavaScript расширения. Первое что нам необходимо сделать, это добавить верхнее меню. Отчёт отправил: 24974. Вячеслав Выполнено за 34 мин. [Показать отчёт] Научился: Добавлять экосистему тритер bootstrap фреймворка в систему yii2. Познал значение тэгов размктки в main лайауте. Очень больно было видеть вставку style прямо в код разметки html. Печаль в том, что для того чтоб навигационная бутрстрап-панель не перекрывала контентнадо просто исправить стили добавив в начало класс navbar, чтобы получилось в итоге: 'options' => [ 'class' => 'navbar navbar-default navbar-static-top', ], в данном случае вертикальный отступ от панели произойдёт автоматически средствами разметки самого бутстрапа. |
|||||
9 | Menu - Богатый выбор |
|
|||
На прошлом уроке мы создали навигационную панель, на этом уроке мы разместим пункты меню на этой панели. Отчёт отправил: 24974. Вячеслав Выполнено за 15 мин. [Показать отчёт] Научился: Создавать отображать бутстрап навигационную панель в шаблоне yii2 |
|||||
10 | Join/login - Полёт Навигатора |
1 тест |
|||
На этом уроке мы вернёмся к ранее созданным тестам, которые провалились при проверке пунктов меню регистрации и авторизации пользователя. На этом уроке мы устраним проблемы, изза которых тесты не могут завершиться успешно. Отчёт отправил: 24974. Вячеслав Выполнено за 26 мин. [Показать отчёт] Научился: Работа с несколькими представлениями и компонентом urlManager. Особенно полезно было узнать о настройке 'showScriptName' => false ! Закреплены несколько новых синтаксисов методов класса тестировщика codeception. Сложности: Обнаружить ошибку в логике тестов. |
|||||
11 | Debug - Следы на песке |
1 тест |
|||
На этом уроке мы установим систему отладки в Yii для удобства отлавливания ошибок. После чего мы его подключим, прописав необходимые параметры в конфигурационный файл. Так же продемонстрируем как добавлять собственные логи по типу. Посмотрите инструкцию по установке. Отчёт отправил: 24974. Вячеслав Выполнено за 33 мин. [Показать отчёт] Научился: Научился установке и настройке Debug-панели. У кого не получилось увидеть панель. (Это может коснуться тех, кто выполняет уроке в 2020г.) Смотрим пустая ли папка runtime/debug, чтоб убедиться, что мы говорим об одной проблеме, т.е. баг в новом отладчике. Меняем в composer.json следующую строчку "yiisoft/yii2-debug": "^2.1" на "yiisoft/yii2-debug": "2.0.*" Запускаем в корне проекта composer update Даунгрейдится панель до версии 2.0.14. И у меня на двух разных развёртываниях yii2 это сработало. Взято не с потолка а после поиска информации на баг-трекерах. Сложности: Найти баг несовместимости в новых версиях дебаг-панели. |
|||||
12 | User - Помещение регистратуры |
|
|||
На этом уроке мы займёмся причёсыванием нашего проекта. Создадим необходимые тесты для обоснования наших действий. Для начала вынесем функции join/login в отдельный контроллер. Так же перенесём сопутствующие файлы видов в одноимённую папку. Отчёт отправил: 24974. Вячеслав Выполнено за 13 мин. [Показать отчёт] Научился: Начинать с тестирования. |
|||||
13 | Panel - Красивые анкеты |
|
|||
На этом уроке мы займёмся оформлением страничек регистрации и авторизации при помощи набора инструментов bootstrap. Для этого мы доработаем наши представления join/login.php Отчёт отправил: 24974. Вячеслав Выполнено за 7 мин. [Показать отчёт] Научился: Bootstrap стилям |
|||||
14 | Model - Модели на подиуме |
|
|||
На этом уроке мы поговорим о моделях, представлениях и связях через контроллер. Для этого мы рассмотрим схему, на основе которой будем писать код в последующих уроках. Отчёт отправил: 24974. Вячеслав Выполнено за 10 час. 25 мин. [Показать отчёт] Научился: Проектировке базы данных аутентификации пользователя. Изучил класс ActiveRecord. Сложности: Рисовать схему от руки, давно не писал ручкой на бумаге. |
|||||
15 | Tests - Обоснование необходимости |
|
|||
На этом уроке мы займёмся обоснованием дальнеших действий через создание тестов. По аналогии напоминает написание ТЗ для программистов. Далее реализуем тесты поведения пользователей на сайте. Отчёт отправил: 24974. Вячеслав Выполнено за 2 час. 8 мин. [Показать отчёт] Научился: Создавать пошагово acceptance тесты |
|||||
16 | Steps - Пошаговая инструкция |
|
|||
На этом уроке мы реализуем сгенерированные на прошлом уроке функции для корректной работы созданных, так же на прошлом уроке, тестов. Отчёт отправил: 24974. Вячеслав Выполнено за 40 мин. [Показать отчёт] Научился: Более детально углубился в acceptance тесты. |
|||||
17 | Console - Есть ли жизнь в Консоли? |
|
|||
На этом уроке мы создадим консольное приложение на базе Yii и почитаем описание команд. Подключим vendor\autoload.php для корректной работы php yii.php help migrate. Отчёт отправил: 24974. Вячеслав Выполнено за 38 мин. [Показать отчёт] Научился: Научился создавать консольную application для yii2 фреймворка. Очень полезный, но очень короткий урок! Сложности: Пока сложного ничего небыло. Просто всё повторяю за диктором. Смысл действий понятен. |
|||||
18 | Migration - Архитектура таблицы |
|
|||
На этом уроке мы создадим первую миграцию, опишем в ней структуру таблицы user. Миграции помогают следить за актуальностью схемы базы данных. Отчёт отправил: 24974. Вячеслав Выполнено за 1 час. 15 мин. [Показать отчёт] Научился: Научился создавать и редактировать файлы миграций. |
|||||
19 | DBase - Подключение к Матрице |
2 теста |
|||
На этом уроке мы создадим базу данных в MySQL. После чего создадим конфигурационный файл подключения к БД. Далее запустим миграцию в нашем консольном приложении, для автоматической генерации актуальной структуры таблиц. Отчёт отправил: 24974. Вячеслав Выполнено за 1 час. 38 мин. [Показать отчёт] Научился: Научился создавать соединение с базами данных, осознал важность миграций и научился их создаавать, выполнять и откатывать. Сложности: Честно признаюсь, хоть я и не специалист в данном вопросе, но мне было всё предельно ясно. Трудно найти то, что было бы для меня трудно понять в данном уроке. Как, впринципе, и в предыдущих в этом курсе. |
|||||
20 | UserRecord - Очень активная модель |
|
|||
На этом уроке мы создадим модель связи с таблицей пользователей. Добавим в таблицу нашего первого пользователя. После чего перейдём на страничку регистрации и проверим добавился ли пользователь в БД. Так же поизучаем дебаг панель, изучим что происходит при работе с БД. Отчёт отправил: 24974. Вячеслав Выполнено за 4 час. 36 мин. [Показать отчёт] Научился: Создавать модели на базе ActiveRecord |
|||||
21 | Faker - Тысяча фантазёров! |
1 тест |
|||
На этом уроке мы добавим библиотеку Faker для генерации случайных данных при создании случайных пользователей. Для этого мы вначале установим необходимую библиотеку. После чего используем её в наших тестах. Отчёт отправил: 24974. Вячеслав Выполнено за 38 мин. [Показать отчёт] Научился: Научился устанавливать библиотеку Faker и генерить с его помощью тестовые данные. Генерация данных инициализировалась в модели UserRecord методом setTestUser, который вызывался в котроллере UserController->actionJoin. Данные успешно попали в таблицу user базы данных проекта. |
|||||
22 | UserIdentity - Посторонним В |
|
|||
На этом уроке мы переходим к аутентификации пользователей на нашем сайте. Для этого мы воспользуемся встроенным в Yii интерфейсом IdentityInterface. Немного поэкспериментируем с авторизацией пользователей. Отчёт отправил: 24974. Вячеслав Выполнено за 49 мин. [Показать отчёт] Научился: Наследовать IdentityInterface и реализовывать некоторые из его методов. Активировать компонент user['identityClass'] при помощи неймспейса к класу реализующему аутентификацию. |
|||||
23 | Logout - Выход из лабиринта |
|
|||
На этом уроке мы реализуем возможность выхода с сайта. Для этого нам понадобиться доработать представление меню, чтобы оно отличалось при авторизованном/неавторизованном пользователе. Так же реализуем метод выхода пользователя с сайта (Logout). Отчёт отправил: 24974. Вячеслав Выполнено за 45 мин. [Показать отчёт] Научился: Узнал про некоторые полезные методы и поля класса-компонента User, такие как isGuest, login(), logout().. |
|||||
24 | UserJoinForm - Модель для формы |
|
|||
На этом уроке мы создадим модель для формы регистрации пользователя. После чего мы добавим её использование в нашем представлении join.php Отчёт отправил: 24974. Вячеслав Выполнено за 24 мин. [Показать отчёт] Научился: Создавать форму при помощи ActiveForm. Сложности: use и namespace |
|||||
25 | Rules - Валидация без правил |
1 тест |
|||
На этом уроке мы добавим валидацию полей при регистрации пользователя. Также для полей добавим индивидуальные правила. Отчёт отправил: 24974. Вячеслав Выполнено за 20 мин. [Показать отчёт] Научился: Добавил ajax валидацию формы при помощи инструментов валидации yii2. Научился точечно переводить каждое правило. Кстати, если кому-то нужно перевести все правила сразу, то не вздумайте вписывать их по одному, возможно данная локализация уже есть встроенная в yii2. Забегая вперёд, Если хотите на русском языке все сообщения, как у меня на втором скриншоте, то просто добавьте в web конфиг строчку 'language' => 'ru', Сложности: Понять где у валидаторов нужно в массиве просто перечислить параметры\правила с дефолтными целочисленными ключами, а где нужно использовать пары ключ => значение. |
|||||
26 | JoinPost - Вторая сторона модели |
|
|||
На этом уроке мы реализуем вспомогательную функцию, куда перенесём обработку фазы POST запроса нашей формы регистрации пользователей. Так же добавим генерацию начальных данных для первой фазы регистрации пользователей. |
|||||
27 | IfEmailUsed - Почта закрыта |
|
|||
На этом уроке мы добавим проверку существования email в БД перед тем как зарегистрировать пользователя. Проведём эксперименты и отрефакторим нашу проверку. |
|||||
28 | HasErrors - Где водятся волшебники? |
|
|||
На этом уроке мы реализуем дополнительную проверку, которая будет генерировать ошибку. После чего добавим проверку наличия ошибок перед тем как проверять на валидность email. Поэкспериментируем с последовательностью самих проверок. |
|||||
29 | Save - Запись в книгу |
|
|||
На этом уроке мы реализуем добавление данных пользователя в БД, после успешной проверки. Так же добавим редирект на страничку авторизации после успешной регистрации пользователя. |
|||||
30 | UserLoginForm - Модель на входе |
|
|||
На этом уроке мы реализуем форму авторизации пользователей. Создадим модель UserLoginForm и добавим правила заполнения полей. |
|||||
31 | IfEmailNotFound - На деревню дедушке |
|
|||
На этом уроке мы реализуем проверку почтового ящика при авторизации пользователя, а зарегистрирован ли он. Так же настроим контроллер для корректной работы проверки. |
|||||
32 | IfPasswordWrong - Пароль? Пароль! Проходи. |
|
|||
На этом уроке мы добавим ещё одну валидацию при авторизации пользователя, а именно вводимый им пароль. Посмотрим логи запросов в БД и запустим тестирование. |
|||||
33 | Refactoring - Нет дубликатам! |
|
|||
На этом уроке мы займёмся рефакторингом дублирующего кода, выполняющего одно и тоже на протяжении выполнения одной задачи. |
|||||
34 | Test - Запуск функциональных тестов |
|
|||
На этом уроке мы создадим функциональный тест. Но для корректной его работы, нам понадобиться провести несколько очень важных манипуляций. |
|||||
35 | PasswordIsHashed - Покажите-ка ваш хэш |
|
|||
На этом уроке мы реализуем тестирование на корректность хешированных паролей перед тем как они сохраняются в БД. Для начала нам понадобиться создать дополнительную функцию установки пароля в UserRecord(). После чего мы приступим к созданию тестов. |
|||||
36 | Security - Кручу-верчу-захэшировать хочу! |
|
|||
На этом уроке мы реализуем хеширование паролей перед тем как их сохранять в базу данных. Для начала нужно очистить все аккаунты пользователей, так как они содержат пароли в явном виде. |
|||||
37 | Hash - Как правильно солить пароли |
|
|||
На этом уроке мы поговорим о вариантах хеширования паролей пользователей для дополнительной безопасности. Посмотрим, сколько времени занимает хеширование пароля, воспользовавшись встроенной системой профилирования. |
|||||
38 | Remember me - Печенька на память |
|
|||
На этом уроке мы поговорим о галочке «Запомнить меня» для авторизации на месяц — чтобы сайт не просил повторно вводить логин/пароль даже после закрытия/открытия браузера. |
|||||
39 | Authokey - Ключи в сейфе |
|
|||
На этом уроке мы реализуем более безопасный способ автоматической авторизации на сайте. Для этого мы создадим отдельное поле 'authokey', в нашей БД, для автологина. |
|||||
40 | REFRESH - 40 МГНОВЕНИЙ ОПЫТА |
|
|||
На этом финальном уроке тебе предстоит повторить весь курс ещё раз. Да, ты не ослышался - выполнить все шаги по созданию этого проекта. Чтобы было удобнее - скачай план уроков всего курса. Уверен, ты сможешь всё сделать самостоятельно, причём, значительно быстрее. Лучше всего это сделать на другом компьютере. |
|||||
Итого: 40 видеоуроков |
7 час. 42 мин. 9 тестов |
5 чел. | |||
Финалисты: Иван Воронин, Tekashnik, Семен, Александр, Tom . |