| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
|---|---|---|---|---|---|
| 1 |
 Где находится библиотека
|
|
|||
|
На этом уроке мы создадим проект php и убедимся в наличии библиотеки GD Отчёт отправил: 10558. Иван Воронин Выполнено за 7 мин. [Показать отчёт] Научился: Всё просто, идём дальше. Сложности: найти время |
|||||
| 2 | Надпись - в картинку |
1 тест |
|||
|
На этом уроке мы создадим изображение средствами PHP, выведем на нем текст и поработаем с параметрами Отчёт отправил: 10558. Иван Воронин Выполнено за 1 час. 41 мин. [Показать отчёт] Научился: После того как реализовал многие плюшки, решил кое что упростить, а кое что отключить, чтобы было что делать в след. уроках. Сложности: заставить себя упростить ранее созданную функцию для данных задач. |
|||||
| 3 | Открытку в студию |
|
|||
|
На этом уроке мы научимся сохранять изображение в файл и делать надпись на готовом изображении Отчёт отправил: 10558. Иван Воронин Выполнено за 26 мин. [Показать отчёт] Научился: Всё это сделал ещё на прошлом уроке и даже больше, тут лишь подгрузил фоном картинку, водянки как видим красиво располагаются поверх логотипа проекта. И да забыл, ещё в прошлый раз использовал кастомный шрифт ttf, так же ещё с прошлого раза сохранялась картинка в формате jpg, а при загрузке проверялся формат картинки png, jpg или gif и выбирался тип загрузки изображения, чтобы не было казусов с прозрачностью и т.д. В общем функцию изначально реализовал ещё гдето в 2010 году, до сих пор актуальна, но решил чуток модифицировать, добавив настройку размера шрифта водянки, относительно шрифта и интервалы задаются при генерации сетки расположения текста. Так же поддержка установки угла строки водянки от 0 до 90 градусов. Я использовал в уроке угол 45 градусов. Сохраняются сгенерированныйе файлы в туже папку с исходной картинкой и с тем же именем, откуда и подгружается в html для вывода результата. Так же отображается выше отображения картинки строка результата работы генератора, удалось или нет. Так как если скормить не поддерживаемый формат, уже выдаст ошибку о том, что не удалось. Есть выбор цвета заливки фона, на который будет накладываться текст и/или подгружаемое изображение. з.ы. Так как в функции всё вычисляется относительно выбранного размера исходной картинки, то и логотип, который подгрузился для фона, расположился по центру картинки, так как оказался меньше результируюшего размера, если бы картинка была больше чем окончательный размер, то она была бы подогнана пропорционально. Сложности: найти время |
|||||
| 4 | Создание базы данных |
|
|||
|
На этом уроке мы создадим базу данных для создания и хранения наших изображений Отчёт отправил: 10558. Иван Воронин Выполнено за 39 мин. [Показать отчёт] Научился: Создал таблицу images, где поля назвал по аналогии с задачей, на данный момент такова: images <-- название таблицы с данными о расположении картинок и их атрибутов для генерации. id <-- классическое поле, он уникальный идентификатор записи в таблице. name <-- имя файла картинки исходника. path <-- путь где лежит исходная картинка. watermark_text <-- если значение установлено, накладывается как водяной знак поверх исходной картинки. watermark_img <-- если значение установлено, накладывается как водяной знак поверх исходной картинки. в процессе структуру таблицы может быть изменениа/оптимизирована. Сложности: найти время |
|||||
| 5 | Рефакторинг & connect |
1 тест |
|||
|
На этом уроке мы подготовим наш проект к работе с изображениями и подключимся к базе данных Отчёт отправил: 10558. Иван Воронин Выполнено за 20 мин. [Показать отчёт] Научился: Рефакторинг уже был проведён ранее в процессе написания, но вынес сгенерированные картинки в отдельную папку, чтобы не перемешивались с исходниками. Файл подключения к БД реализовал по своему, см. скриншот, для больше наглядности и дебага проблем с подключением к БД. Размер шрифта водяного знака увеличил с 15 до 25, см. скриншот. Всё отлично, идём дальше. Сложности: найти время |
|||||
| 6 | Правильные шрифты |
|
|||
|
На этом уроке мы научимся применять разные шрифты в наших текстоизображениях, решим проблему с отображением русских букв и реализуем водяные знаки Отчёт отправил: 10558. Иван Воронин Выполнено за 11 мин. [Показать отчёт] Научился: Так как это всё используется мной уже давно и в данном курсе это использовано на прошлых уроках, то просто посмотрел видео и добавил к тексту кириллицу для теста корректного отображения кодировки. Всё супер, идём дальше. Сложности: найти время |
|||||
| 7 | Несколько SQL-запросов |
1 тест |
|||
|
На этом уроке мы создадим несколько SQL запросов, которые нам понадобятся в дальнейшем Отчёт отправил: 10558. Иван Воронин Выполнено за 22 мин. [Показать отчёт] Научился: Повторение мать учения =) Всё отлично, идём дальше. Сложности: найти время |
|||||
| 8 | Форма Edit |
1 тест |
|||
|
на этом уроке мы реализуем форму для добавления и редактирования записей в базe Отчёт отправил: 10558. Иван Воронин Выполнено за 1 час. 5 мин. [Показать отчёт] Научился: Как я ранее говорил, в процессе реализации может появиться необходимость в модификации и/или дополнения, что и вышло, см. скриншот. Это не окончательная версия, так что движемся дальше. Сложности: найти время |
|||||
| 9 | Добавление данных в БД |
|
|||
|
На этом уроке мы добавим данные в БД из формы
Отчёт отправил: 10558. Иван Воронин Выполнено за 48 мин. [Показать отчёт] Научился: Всё отлично, реализовал добавление записей, потом посмотрел видео, идём дальше. Сложности: найти время |
|||||
| 10 | Таблица записей в index |
|
|||
|
На этом уроке мы выведем полученные данные в таблицу
Отчёт отправил: 10558. Иван Воронин Выполнено за 1 час. 24 мин. [Показать отчёт] Научился: Вынес необходимый функционал работы со статикой и генерацией путей в отдельные функции. В БД хранятся индексы статичных данных, которые используются при генерации исходного изображения. Таблица show.php отображает данные о компонентах, которые используются для генерации исходного изображения. Всё реализовал вначале сам, потом посмотрел видео. Всё отлично, идём дальше. Сложности: найти время |
|||||
| 11 | Удаление записи |
1 тест |
|||
|
На этом уроке мы реализуем алгоритм удаление записи из БД и очистим наши данные от ненужных записей Отчёт отправил: 10558. Иван Воронин Выполнено за 1 день 5 час. 11 мин. [Показать отчёт] Научился: Как всегда реализовал свою систему удаления записей через UPDATE, по средствам toggle SQL запроса, либо удалить, либо вернуть обратно, при этом сохраняется или очищается дата и время удаления в формате UNIX. На экране удаления отображается одна записать по аналогии списка записей на форме show, так нагляднее. Всё отлично, идём дальше. Сложности: найти время |
|||||
| 12 | Редактирование - получение данных |
|
|||
|
На этом уроке мы получим данные для редактирования по GET-запросу и выведем их в ассоциированный массив row Отчёт отправил: 10558. Иван Воронин Выполнено за 51 мин. [Показать отчёт] Научился: Отличный урок, вывел массив полученной записи. Так же реализовал аналогичную табличку о записи с отображением в ней полученных данных из БД, где имеются возможность выбора через всплывающие меню, автоматически выбирается необходимый из списка элемент, который используется в данной записи из БД. Решил досмотреть видео до конца и чуть не поспешил, оказывается то что я планировал, надо как раз в следующем уроке делать =) Сложности: найти время |
|||||
| 13 | Редактирование - данные на форму |
1 тест |
|||
|
На этом мы передадим наши данные, полученные посредством $_GET запроса на форму Отчёт отправил: 10558. Иван Воронин Выполнено за 1 час. 16 мин. [Показать отчёт] Научился: Ещё на прошлом уроке это реализовал, в данном провёл косметику. Всё отлично. з.ы. поработать надо над стилем кода, Валер, если всё красиво и ровно, удобнее =) з.з.ы. продублировалось название файла, потому что в if и просто так добавляется, надо было добавить else, чтобы не было бы проблем, я использовал тернарник. Сложности: найти время |
|||||
| 14 | И добавлять, и редактировать |
|
|||
|
На этом уроке мы научим нашу форму быть и для добавления, и для редактирования записей
Отчёт отправил: 10558. Иван Воронин Выполнено за 32 мин. [Показать отчёт] Научился: Реализовал это ещё на прошлом уроке, всё ок. Сложности: найти время |
|||||
| 15 | Сохранение записей и изменений |
|
|||
|
На этом уроке мы реализуем механизм сохранения данных о картинке
Отчёт отправил: 10558. Иван Воронин Выполнено за 15 мин. [Показать отчёт] Научился: Реализовал данный функционал автоматом ещё на прошлых уроках, всё отлично, идём дальше. Сложности: найти время |
|||||
| 16 | Просмотр полученных изображений |
|
|||
|
На этом уроке мы будем просматривать изображения из базы в отдельной вкладке браузера Отчёт отправил: 10558. Иван Воронин Выполнено за 8 час. 43 мин. [Показать отчёт] Научился: Реализовал всё это ещё на прошлых уроках, добавил наложение водяного знака под 45 градусов поверх картинки, дублируемое циклично по всей поверхности. Сложности: найти время, |
|||||
| 17 | Загрузка фоновых изображений |
1 тест |
|||
|
На этом уроке мы с вами реализуем механизм загрузки файлов фоновых изображений в проект Отчёт отправил: 10558. Иван Воронин Выполнено за 1 день 21 час. 46 мин. [Показать отчёт] Научился: Всё это реализовал ещё на прошлых уроках, объединив файле edit.php, на этот раз провёл косметику и вывод каждого этапа для наглядности, если что-то бы выдало ошибку, было бы видно в каком месте именно. Отображаются исходные данные, они хранятся в отдельной директории, на основе записей в БД генерируются необходимые готовые картинки с наложениями либо просто водяного знака из текста, либо ещё добавляется логотип справа внизу картинки. Двигаемся дальше. Сложности: найти время |
|||||
| 18 | VIP Самостоятельная работа |
|
|||
|
Задание к данному уроку - самостоятельная работа на свободную тему, где вы можете реализовать любые ваши самые смелые идеи по данному проекту (можете делать какие угодно варианты - поиграть с прозрачностью, углом наклона текста, добавить любые поля в базу данных - в общем что угодно). Отчёт отправил: 10558. Иван Воронин Выполнено за 58 мин. [Показать отчёт] Научился: Добавил в базу хранение информации о размерах сгенерированной картинки, на которую накладываются водяные знаки и/или логотип, так же размеры миниатюры для отображения в режиме каталога. Так же провёл косметику формы редактирования/добавления, теперь всё более компактно выглядит. Для финального урока тоже есть что добавить и показать как это работает. Всё отлично, идём дальше. Сложности: найти время |
|||||
| 19 | ФИНАЛЬНЫЙ УРОК |
без видео |
|||
| Сделай видео-презентацию своего графического проекта. | |||||
| Итого: 19 видеоуроков |
3 час. 01 мин. 7 тестов |
6 чел. | |||
| Финалисты: Dmitry Sinitsin, Tekashnik, Yaroslav, Николай Миролюбов, Николай Денисов, Tom . | |||||
+ Бесплатно, каждую субботу
+ Создание программ с нуля
+ Решение консольных задач
Планы подписки
+ 300 практических видеоуроков
+ 400 интерактивных задач
+ Видео-решения и разбор
Презентация
