# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
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 . |