 
				| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ | 
|---|---|---|---|---|---|
| 1 |  Где находится библиотека |  | |||
| На этом уроке мы создадим проект php и убедимся в наличии библиотеки GD Отчёт отправил: 30514. Tom Выполнено за 39 мин. [Показать отчёт] Научился: Создал виртуальный хост graph.local, создал файл index.php, вывел в нем информацию о php через phpinfo(), убедился в наличии библиотеки GD. | |||||
| 2 | Надпись - в картинку | 1 тест | |||
| На этом уроке мы создадим изображение средствами PHP, выведем на нем текст и поработаем с параметрами Отчёт отправил: 30514. Tom Выполнено за 42 мин. [Показать отчёт] Научился: Научился создавать изображение, задавать цвет фона, цвет текста, добавлять текст и выводить изображение. | |||||
| 3 | Открытку в студию |  | |||
| На этом уроке мы научимся сохранять изображение в файл и делать надпись на готовом изображении Отчёт отправил: 30514. Tom Выполнено за 26 мин. [Показать отчёт] Научился: Научился открывать файл изображения, добавлять на изображение текст и сохранять изображение в файл. | |||||
| 4 | Создание базы данных |  | |||
| На этом уроке мы создадим базу данных для создания и хранения наших изображений Отчёт отправил: 30514. Tom Выполнено за 22 мин. [Показать отчёт] Научился: Составил план таблицы graph. Создал базу данных graphdb и таблицу graph. | |||||
| 5 | Рефакторинг & connect | 1 тест | |||
| На этом уроке мы подготовим наш проект к работе с изображениями и подключимся к базе данных Отчёт отправил: 30514. Tom Выполнено за 1 час. 4 мин. [Показать отчёт] Научился: Научился подключаться к базе данных с помощью функции mysqli_connect. | |||||
| 6 | Правильные шрифты |  | |||
| На этом уроке мы научимся применять разные шрифты в наших текстоизображениях, решим проблему с отображением русских букв и реализуем водяные знаки Отчёт отправил: 30514. Tom Выполнено за 48 мин. [Показать отчёт] Научился: Научился выбирать шрифт для надписи и задавать наклон текста с помощью функции imagettftext. Вывел три надписи на русском языке. | |||||
| 7 | Несколько SQL-запросов | 1 тест | |||
| На этом уроке мы создадим несколько SQL запросов, которые нам понадобятся в дальнейшем Отчёт отправил: 30514. Tom Выполнено за 24 мин. [Показать отчёт] Научился: Составил INSERT, SELECT, UPDATE, DELETE запросы для работы с таблицей graph. | |||||
| 8 | Форма Edit | 1 тест | |||
| на этом уроке мы реализуем форму для добавления и редактирования записей в базe Отчёт отправил: 30514. Tom Выполнено за 20 мин. [Показать отчёт] Научился: Научился определять каталог, в которой выполняется скрипт с помощью $_SERVER['DOCUMENT_ROOT']. Научился находить список всех файлов в каталоге с помощью функции scandir. Создал форму в файле edit.php, добавил несколько полей, добавил select, который заполнил названиями файлов из каталога images. | |||||
| 9 | Добавление данных в БД |  | |||
| На этом уроке мы добавим данные в БД из формы Отчёт отправил: 30514. Tom Выполнено за 28 мин. [Показать отчёт] Научился: Реализовал добавление записи в таблицу graph из данных формы edit.php. | |||||
| 10 | Таблица записей в index |  | |||
| На этом уроке мы выведем полученные данные в таблицу Отчёт отправил: 30514. Tom Выполнено за 16 мин. [Показать отчёт] Научился: Научился получать данные из таблицы. Выполнил SELECT запрос к таблице graph, вывел все данные в html-таблицу. | |||||
| 11 | Удаление записи | 1 тест | |||
| На этом уроке мы реализуем алгоритм удаление записи из БД и очистим наши данные от ненужных записей Отчёт отправил: 30514. Tom Выполнено за 28 мин. [Показать отчёт] Научился: Добавил адрес к ссылке удаления записи, создал файл del.php, реализовал в нем алгоритм удаления записи из таблицы graph. | |||||
| 12 | Редактирование - получение данных |  | |||
| На этом уроке мы получим данные для редактирования по GET-запросу и выведем их в ассоциированный массив row Отчёт отправил: 30514. Tom Выполнено за 14 мин. [Показать отчёт] Научился: Добавил адрес к ссылке "Редактировать", реализовал вывод информации из таблицы graph по переданному id. | |||||
| 13 | Редактирование - данные на форму | 1 тест | |||
| На этом мы передадим наши данные, полученные посредством $_GET запроса на форму Отчёт отправил: 30514. Tom Выполнено за 19 мин. [Показать отчёт] Научился: Заполнил поля формы редактирования значениями из таблицы graph по переданному id. | |||||
| 14 | И добавлять, и редактировать |  | |||
| На этом уроке мы научим нашу форму быть и для добавления, и для редактирования записей Отчёт отправил: 30514. Tom Выполнено за 11 мин. [Показать отчёт] Научился: Добавил ссылку в index.php для добавления записи. В файле edit.php реализовал проверку полученного id и заполнение полей формы пустыми строками в случае id=-1. | |||||
| 15 | Сохранение записей и изменений |  | |||
| На этом уроке мы реализуем механизм сохранения данных о картинке Отчёт отправил: 30514. Tom Выполнено за 23 мин. [Показать отчёт] Научился: Реализовал редактирование данных о картинке при передаче id > 0 и добавление новой записи в таблицу если id < 0. | |||||
| 16 | Просмотр полученных изображений |  | |||
| На этом уроке мы будем просматривать изображения из базы в отдельной вкладке браузера Отчёт отправил: 30514. Tom Выполнено за 27 мин. [Показать отчёт] Научился: Добавил адрес к ссылке "Просмотр". Создал изображение по информации из таблицы базы данных и реализовал просмотр изображения в новой вкладке браузера. | |||||
| 17 | Загрузка фоновых изображений | 1 тест | |||
| На этом уроке мы с вами реализуем механизм загрузки файлов фоновых изображений в проект Отчёт отправил: 30514. Tom Выполнено за 34 мин. [Показать отчёт] Научился: Научился загружать файл с помощью формы и сохранять его в требуемом каталоге. Создал файл upload.php, в котором реализовал загрузку файла. В файле index.php добавил ссылку на добавление нового фонового изображения. | |||||
| 18 | VIP Самостоятельная работа |  | |||
| Задание к данному уроку - самостоятельная работа на свободную тему, где вы можете реализовать любые ваши самые смелые идеи по данному проекту (можете делать какие угодно варианты - поиграть с прозрачностью, углом наклона текста, добавить любые поля в базу данных - в общем что угодно). Отчёт отправил: 30514. Tom Выполнено за 12 мин. [Показать отчёт] Научился: Добавил возможность задания координат текста, его размера, наклона и цвета. Расширил таблицу graph в базе данных для сохранения этой информации. Ввод дополнительной информации реализовал через форму редактирования и добавления новой записи. Добавил обработку png-файлов. Добавил фильтрацию на форму загрузки изображения, указав в атрибуте accept="image/png,image/jpeg". Добавил фильтрацию в select - в список могут попасть только файлы image/png и jmage/jpeg из выбранного каталога. | |||||
| 19 | ФИНАЛЬНЫЙ УРОК | без видео | |||
| Сделай видео-презентацию своего графического проекта. Отчёт отправил: 30514. Tom Выполнено за 3 мин. [Показать отчёт] Научился: На этом курсе научился добавлять текст на изображение с помощью php и отображать результат в браузере. Следующий курс "Лендинг на YII2" Видеообзор: sI__UgiXW9A | |||||
| Итого: 19 видеоуроков | 3 час. 01 мин. 7 тестов | 6 чел. | |||
| Финалисты: Dmitry Sinitsin, Tekashnik, Yaroslav, Николай Миролюбов, Николай Денисов, Tom . | |||||