# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
Наша цель - разобраться в этом фреймворке и создать рабочий проект - новую видеошколу. Каждый формулист может стать соавтором новой видеошколы. Каждый участник может написать свои строчки для проекта. И каждый из них получит незаменимый опыт по созданию реального рабочего проекта с использованием современных технологий: Yii, PHP, MySQL, Git, Bootstrap, JavaScript, jQuery, AJAX и многое другое. Отчёт отправил: 10670. Сергей Соколов Выполнено за 25 мин. [Показать отчёт] Научился: скачивать и устанавливать OpenServer =) остальное уже было Сложности: ничего Комментарии: =) |
|||||
2 | Web - Первый кирпич сайта |
|
|||
На этом уроке мы настроим минимальные версии модулей на нашем OpenServer для дальнейшей работы. Проверим версии apache, php и MySQL. После чего мы поработаем в консоли, создав необходимый минимум. Далее мы проверим работоспособность нашего мини сайта. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: создал необходимые каталоги и файл index.php Настроил OpenServer таким образом чтобы по адресу http://localhost открывалась наша страничка. Посмотрел как запускать php сервер Сложности: ничего Комментарии: =) |
|||||
3 | Git - Все ходы записываются |
|
|||
На этом уроке мы проинициализиуем локальный git репозиторий в ранее созданной папке нашего проекта school. После чего откроем нашу папку school в PhpStorm для дальнейшей работы уже в более удобной среде разработки. Создадим необходимый файл .gitignore с базовыми правилами и закоммитим наш первый коммит в локальный git репозиторий. Отчёт отправил: 10670. Сергей Соколов Выполнено за 8 мин. [Показать отчёт] Научился: Создал git репозиторий. Добавил в него файлы .gitignore и index.php Сложности: ничего Комментарии: =) |
|||||
4 | Composer - Установка пустоты |
|
|||
На этом уроке мы подключим фреймворк Yii через composer в консоли. Научимся получать токен репозитория git. Далее мы приступим к реализации нашего проекта, для начала модифицируем index.php, чтобы задействовать фреймворк Yii. Так же создадим конфигурационный файл для нашего проекта и передадим его как параметр при создании экземпляра веб-приложения Yii. Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: добавил необходимые зависимости с помощью composer. Создал папку config и файл web.php Переписал файл index.php таким образом чтобы обеспечить запуск yii Сложности: ничего Комментарии: =) |
|||||
5 | Controller - Точка входа программиста |
|
|||
На этом уроке мы создадим первый контроллер, который является точкой входа для нашего веб-приложения. Познакомимся с полезными ссылками и схемами жизненного цикла нашего веб-приложения. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: создал папку controllers и файл SiteController.php В контроллере добавил действие для страницы index Сложности: ничего Комментарии: =) |
|||||
6 | Views - Представления начинаются |
2 теста |
|||
На этом уроке мы создадим первое представление для отображения основной странички нашего веб-приложения. Для удобного поиска ошибок мы активируем встроенную в Yii систему отладки. Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: Поменял return в контроллере Добавил в index.php define ('YII_DEBUG', true); Обновил страницу и увидел чего не хватает для отображения нашей странички. Добавил необходимые директории и файлы представлений в них. Сложности: ничего Комментарии: =) |
|||||
7 | Codeception - Пошаговое тестирование |
1 тест |
|||
На этом уроке мы установим систему тестирования веб-приложений и создадим несколько тестов имитации поведения гостя на сайте. Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: добавил в проект codeception и инициализировал её открыл файл конфигурации acceptance и создал тесты вписал в созданный файл необходимые тесты запустил тест и добавил новые тесты "на вырост" =) Сложности: ничего Комментарии: =) |
|||||
8 | Bootstrap - Пусть будет красиво! |
|
|||
На этом уроке мы начнём оформление нашего сайта. Для этого мы установим и подключим набор инструментов bootstrap, включающий в себя HTML/CSS шаблоны оформления и JavaScript расширения. Первое что нам необходимо сделать, это добавить верхнее меню. Отчёт отправил: 10670. Сергей Соколов Выполнено за 20 мин. [Показать отчёт] Научился: добавил к проекту bootsrtap добавил в layout навбар бутстрапа поменял настройки так чтобы всё заработало =) Добавил триггеры в main.php Сложности: ничего Комментарии: =) |
|||||
9 | Menu - Богатый выбор |
|
|||
На прошлом уроке мы создали навигационную панель, на этом уроке мы разместим пункты меню на этой панели. Отчёт отправил: 10670. Сергей Соколов Выполнено за 8 мин. [Показать отчёт] Научился: Добавил пункты меню в наш навбар. Добавил в конроллер действия для Join и Login попробовал выполнить тесты Сложности: ничего Комментарии: тесты не прошли скорее всего потому что у нас линк href не такой как мы ожидаем в тесте =) |
|||||
10 | Join/login - Полёт Навигатора |
1 тест |
|||
На этом уроке мы вернёмся к ранее созданным тестам, которые провалились при проверке пунктов меню регистрации и авторизации пользователя. На этом уроке мы устраним проблемы, изза которых тесты не могут завершиться успешно. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: сделал "красивую" адресную строку Созда файл .htaccess создал представления для join и login и указал эти представления в контроллере. Сложности: ничего Комментарии: аутентификация, по сути определение что к нам подключился конкретный пользователь. авторизация это присвоение этому пользователю полномочий на определенные действия в соответствии с какими-то правилами. |
|||||
11 | Debug - Следы на песке |
1 тест |
|||
На этом уроке мы установим систему отладки в Yii для удобства отлавливания ошибок. После чего мы его подключим, прописав необходимые параметры в конфигурационный файл. Так же продемонстрируем как добавлять собственные логи по типу. Посмотрите инструкцию по установке. Отчёт отправил: 10670. Сергей Соколов Выполнено за 20 мин. [Показать отчёт] Научился: Добавил инструменты дебага Yii посмотрел как это работает. Круто, что еще можно сказать =) Сложности: ничего Комментарии: =) |
|||||
12 | User - Помещение регистратуры |
|
|||
На этом уроке мы займёмся причёсыванием нашего проекта. Создадим необходимые тесты для обоснования наших действий. Для начала вынесем функции join/login в отдельный контроллер. Так же перенесём сопутствующие файлы видов в одноимённую папку. Отчёт отправил: 10670. Сергей Соколов Выполнено за 12 мин. [Показать отчёт] Научился: Создал новый контроллер user и поместил туда действия join и login Создал папку views/user и перенес туда представления login и join поменял ссылки в меню Сложности: ничего Комментарии: =) |
|||||
13 | Panel - Красивые анкеты |
|
|||
На этом уроке мы займёмся оформлением страничек регистрации и авторизации при помощи набора инструментов bootstrap. Для этого мы доработаем наши представления join/login.php Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Добавил немного дизайна на странички join и login =) Сложности: ничего Комментарии: =) |
|||||
14 | Model - Модели на подиуме |
|
|||
На этом уроке мы поговорим о моделях, представлениях и связях через контроллер. Для этого мы рассмотрим схему, на основе которой будем писать код в последующих уроках. Отчёт отправил: 10670. Сергей Соколов Выполнено за 6 мин. [Показать отчёт] Научился: Внимательно изучил схему веб-приложения Сложности: ничего Комментарии: =) |
|||||
15 | Tests - Обоснование необходимости |
|
|||
На этом уроке мы займёмся обоснованием дальнеших действий через создание тестов. По аналогии напоминает написание ТЗ для программистов. Далее реализуем тесты поведения пользователей на сайте. Отчёт отправил: 10670. Сергей Соколов Выполнено за 20 мин. [Показать отчёт] Научился: Добавил класс для тестирования join и login Сложности: ничего Комментарии: =) |
|||||
16 | Steps - Пошаговая инструкция |
|
|||
На этом уроке мы реализуем сгенерированные на прошлом уроке функции для корректной работы созданных, так же на прошлом уроке, тестов. Отчёт отправил: 10670. Сергей Соколов Выполнено за 12 мин. [Показать отчёт] Научился: Реализовал все необходимые для тестирования функции Сложности: ничего Комментарии: =) |
|||||
17 | Console - Есть ли жизнь в Консоли? |
|
|||
На этом уроке мы создадим консольное приложение на базе Yii и почитаем описание команд. Подключим vendor\autoload.php для корректной работы php yii.php help migrate. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: создал консольное приложение yii Сложности: ничего Комментарии: =) |
|||||
18 | Migration - Архитектура таблицы |
|
|||
На этом уроке мы создадим первую миграцию, опишем в ней структуру таблицы user. Миграции помогают следить за актуальностью схемы базы данных. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Написал код миграции для создания таблицы Сложности: ничего Комментарии: =) |
|||||
19 | DBase - Подключение к Матрице |
2 теста |
|||
На этом уроке мы создадим базу данных в MySQL. После чего создадим конфигурационный файл подключения к БД. Далее запустим миграцию в нашем консольном приложении, для автоматической генерации актуальной структуры таблиц. Отчёт отправил: 10670. Сергей Соколов Выполнено за 12 мин. [Показать отчёт] Научился: создал базу данных mySql Добавил настройки для подключения к этой БД выполнил миграцию таблица в базе создалась Сложности: ничего Комментарии: =) |
|||||
20 | UserRecord - Очень активная модель |
|
|||
На этом уроке мы создадим модель связи с таблицей пользователей. Добавим в таблицу нашего первого пользователя. После чего перейдём на страничку регистрации и проверим добавился ли пользователь в БД. Так же поизучаем дебаг панель, изучим что происходит при работе с БД. Отчёт отправил: 10670. Сергей Соколов Выполнено за 18 мин. [Показать отчёт] Научился: Создал папку models и добавил в неё модель UserRecord реализовал метод setTestUser который добавляет первого тестового пользователя. Первый пользователь добавился в базу Сложности: ничего Комментарии: =) |
|||||
21 | Faker - Тысяча фантазёров! |
1 тест |
|||
На этом уроке мы добавим библиотеку Faker для генерации случайных данных при создании случайных пользователей. Для этого мы вначале установим необходимую библиотеку. После чего используем её в наших тестах. Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: Добавил библиотеку Faker, переписал функцию setTestUser с использованием этой библиотеки =) добавил нескольких fake-пользователей в базу =) Сложности: ничего Комментарии: =) |
|||||
22 | UserIdentity - Посторонним В |
|
|||
На этом уроке мы переходим к аутентификации пользователей на нашем сайте. Для этого мы воспользуемся встроенным в Yii интерфейсом IdentityInterface. Немного поэкспериментируем с авторизацией пользователей. Отчёт отправил: 10670. Сергей Соколов Выполнено за 20 мин. [Показать отчёт] Научился: Создал модель UserIdentity реализовал методы findIdentity($id) и getId() в этой модели добавил в конфиг строчки для использования этой новой модели добавил функцию авторизации при нажатии на кнопку Login Сложности: ничего Комментарии: =) |
|||||
23 | Logout - Выход из лабиринта |
|
|||
На этом уроке мы реализуем возможность выхода с сайта. Для этого нам понадобиться доработать представление меню, чтобы оно отличалось при авторизованном/неавторизованном пользователе. Так же реализуем метод выхода пользователя с сайта (Logout). Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Поменял отображение меню в зависимости от того прошли мы аутентификацию или нет =) добавил метод logout протестировал как чудесно пользователь вхо-о-одит и замечательно выходит. Сложности: ничего=) Комментарии: =) |
|||||
24 | UserJoinForm - Модель для формы |
|
|||
На этом уроке мы создадим модель для формы регистрации пользователя. После чего мы добавим её использование в нашем представлении join.php Отчёт отправил: 10670. Сергей Соколов Выполнено за 20 мин. [Показать отчёт] Научился: Создал модель UserJoinForm Модернизировал представление join проверил работу формы Сложности: ничего Комментарии: =) |
|||||
25 | Rules - Валидация без правил |
1 тест |
|||
На этом уроке мы добавим валидацию полей при регистрации пользователя. Также для полей добавим индивидуальные правила. Отчёт отправил: 10670. Сергей Соколов Выполнено за 12 мин. [Показать отчёт] Научился: Добавил правила валидации данных формы регистрации Сложности: ничего Комментарии: =) |
|||||
26 | JoinPost - Вторая сторона модели |
|
|||
На этом уроке мы реализуем вспомогательную функцию, куда перенесём обработку фазы POST запроса нашей формы регистрации пользователей. Так же добавим генерацию начальных данных для первой фазы регистрации пользователей. Отчёт отправил: 10670. Сергей Соколов Выполнено за 18 мин. [Показать отчёт] Научился: для действия join добавил проверку isPost Если пришли данные формы, идем в другой метод и обрабатываем в нём данные формы. При первоначальном открытии формы join поля заполняются случайными данными пользователя (в тестовых целях) Сложности: ничего Комментарии: =) |
|||||
27 | IfEmailUsed - Почта закрыта |
|
|||
На этом уроке мы добавим проверку существования email в БД перед тем как зарегистрировать пользователя. Проведём эксперименты и отрефакторим нашу проверку. Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: Добавил свою проверку на то что e-mail с которым регистрируется пользователь уже есть в базе в функцию rules Реализовал функцию проверки для этого случая. Немножко по рефакторил =) Сложности: ничего Комментарии: в результате рефакторинга и изменения кода проверка стала работать не правильно выдавать ошибку когда e-mail в базе нет =) исправил условие в проверке =) |
|||||
28 | HasErrors - Где водятся волшебники? |
|
|||
На этом уроке мы реализуем дополнительную проверку, которая будет генерировать ошибку. После чего добавим проверку наличия ошибок перед тем как проверять на валидность email. Поэкспериментируем с последовательностью самих проверок. Отчёт отправил: 10670. Сергей Соколов Выполнено за 8 мин. [Показать отчёт] Научился: эксперименты с проверками =) Сложности: ничего Комментарии: =) |
|||||
29 | Save - Запись в книгу |
|
|||
На этом уроке мы реализуем добавление данных пользователя в БД, после успешной проверки. Так же добавим редирект на страничку авторизации после успешной регистрации пользователя. Отчёт отправил: 10670. Сергей Соколов Выполнено за 50 мин. [Показать отчёт] Научился: Получил данные из формы, перевел их в UserRecord и сохранил в базу Сложности: не смог сделать переход на страницу с благодарностью за регистрацию и с неё уже на страницу логина Комментарии: =) |
|||||
30 | UserLoginForm - Модель на входе |
|
|||
На этом уроке мы реализуем форму авторизации пользователей. Создадим модель UserLoginForm и добавим правила заполнения полей. Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: Добавил модель UserLoginForm. В ней сделал метод для проверки полей. Изменил представление Login. Сделал свои названия для полей на форме Сложности: ничего Комментарии: =) |
|||||
31 | IfEmailNotFound - На деревню дедушке |
|
|||
На этом уроке мы реализуем проверку почтового ящика при авторизации пользователя, а зарегистрирован ли он. Так же настроим контроллер для корректной работы проверки. Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: Добавил проверку есть ли e-mail с которым пытается зайти пользователь в базе =) Сложности: ничего Комментарии: =) |
|||||
32 | IfPasswordWrong - Пароль? Пароль! Проходи. |
|
|||
На этом уроке мы добавим ещё одну валидацию при авторизации пользователя, а именно вводимый им пароль. Посмотрим логи запросов в БД и запустим тестирование. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Добавил проверку пароля при аутентификации =) Сложности: ничего Комментарии: =) |
|||||
33 | Refactoring - Нет дубликатам! |
|
|||
На этом уроке мы займёмся рефакторингом дублирующего кода, выполняющего одно и тоже на протяжении выполнения одной задачи. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Рефакторинг в классе UserLoginForm. Минимизировали количество обращений к базе =) Сложности: ничего Комментарии: =) |
|||||
34 | Test - Запуск функциональных тестов |
|
|||
На этом уроке мы создадим функциональный тест. Но для корректной его работы, нам понадобиться провести несколько очень важных манипуляций. Отчёт отправил: 10670. Сергей Соколов Выполнено за 18 мин. [Показать отчёт] Научился: Научился добавлять функциональные тесты =) Сложности: ничего Комментарии: =) |
|||||
35 | PasswordIsHashed - Покажите-ка ваш хэш |
|
|||
На этом уроке мы реализуем тестирование на корректность хешированных паролей перед тем как они сохраняются в БД. Для начала нам понадобиться создать дополнительную функцию установки пароля в UserRecord(). После чего мы приступим к созданию тестов. Отчёт отправил: 10670. Сергей Соколов Выполнено за 20 мин. [Показать отчёт] Научился: Написал функциональные тесты чтобы проверить хешируется ли пароль, и не будет ли пароль захеширован еще раз при изменении записи. Сложности: ничего Комментарии: =) |
|||||
36 | Security - Кручу-верчу-захэшировать хочу! |
|
|||
На этом уроке мы реализуем хеширование паролей перед тем как их сохранять в базу данных. Для начала нужно очистить все аккаунты пользователей, так как они содержат пароли в явном виде. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Изменил функцию установки пароля таким образом чтобы он превращался в хеш. Написал функцию проверки пароля с тем хешем который хранится в базе Сложности: ничего Комментарии: =) |
|||||
37 | Hash - Как правильно солить пароли |
|
|||
На этом уроке мы поговорим о вариантах хеширования паролей пользователей для дополнительной безопасности. Посмотрим, сколько времени занимает хеширование пароля, воспользовавшись встроенной системой профилирования. Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: Познакомился с механизмом шифрования паролей для хранения в базе. Узнал для чего тут используется соль =) По экспериментировал со значением "стоимости" алгоритма хеширования Сложности: ничего Комментарии: =) |
|||||
38 | Remember me - Печенька на память |
|
|||
На этом уроке мы поговорим о галочке «Запомнить меня» для авторизации на месяц — чтобы сайт не просил повторно вводить логин/пароль даже после закрытия/открытия браузера. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Добавил галочку запомнить меня на страницу входа. Реализовал формирование куки файла и его проверку, пока туда сохраняется e-mail Сложности: ничего Комментарии: =) |
|||||
39 | Authokey - Ключи в сейфе |
|
|||
На этом уроке мы реализуем более безопасный способ автоматической авторизации на сайте. Для этого мы создадим отдельное поле 'authokey', в нашей БД, для автологина. Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Доделал автологин пользователя. Теперь в куки сохраняется случайная строка и при автологине сверяется со строкой в базе. Сложности: ничего Комментарии: =) |
|||||
40 | REFRESH - 40 МГНОВЕНИЙ ОПЫТА |
|
|||
На этом финальном уроке тебе предстоит повторить весь курс ещё раз. Да, ты не ослышался - выполнить все шаги по созданию этого проекта. Чтобы было удобнее - скачай план уроков всего курса. Уверен, ты сможешь всё сделать самостоятельно, причём, значительно быстрее. Лучше всего это сделать на другом компьютере. |
|||||
Итого: 40 видеоуроков |
7 час. 42 мин. 9 тестов |
5 чел. | |||
Финалисты: Иван Воронин, Tekashnik, Семен, Александр, Tom . |