Видео Туториал - создание компонента "Мастер Виджетов" 2.X

1085
Приветствую.

В этом туториале описано создание компонента для второй ветки от начала и до конца. Компонент умеет:
1. Создавать неограниченное количество новых страниц под размещение виджетов. Для этого не нужно будет писать компоненты-пустышки (или типы контента без контента) или придумывать что-то еще, добавляя костыли в шаблон.
2. Настраивать для каждой уникальное описание и метатег title
3. Формировать красивые адреса для страниц - сайт.ру/new-year.html

Видео Туториал - создание компонента \"Мастер Виджетов\"

На видео есть:

1. Создание фронтенда и модели компонента
2. Создание админки с настройками
3. Работа с таблицами
4. Добавление, удаление, редактирование записей
5. Работа с хуками
6. Подготовка пакета расширения для установки через админку или загрузки в каталог.

Можно без потери качества увеличить скорость в видео до 1,25


Часть 1
Часть 2
Презентация
Смотреть лучше в HD, можно ускорить.

Получилось 53+41 = 94 минуты 53 + 41 + 5 ~100 минут, ну так уж вышло)

На видео рассказано про все файлы компонента (а точнее все они созданы вручную прямо на видео) и каждый может написать это дополнение просто повторяя за видео. Покупка актуальна только в двух случаях -
1. вам нужно дополнение, но не хочется тратить на это свое время.
2. хотите продолжения этого блокбастера.

PS ну и это.. ставим лайки и подписываемся на мой канал)
Content Security Policy (CSP) для InstantCMS 2 | Видео Туториал #2 - работа с хуками на примере дополнения к Ленте Активности
Комментарии (32)
DzurDzuk 17 сентября 2017 в 18:02 +1
small user social cms
+ не глядя
Alon 17 сентября 2017 в 20:34 +1
small user social cms
))) я тоже
AndroS 17 сентября 2017 в 19:43 +1
small user social cms
Видео не смотрел, ибо все равно кодить не умею, но за вашу активность в сообществе прям люто респектую!..
Asket 17 сентября 2017 в 19:48 +1
small user social cms
Аналогично, «лайк» без просмотра! )
Birles 17 сентября 2017 в 20:00 0
small user social cms
Супер! Демо не открывается
@SmartControl 17 сентября 2017 в 20:15 0
small user social cms
Там на демо то сильно смотреть нечего - все в админке же. Я даже виджетов не добавлял на эти страницы.
Посмотрел - демо живой, похоже просто не пережил нагрузку - "хабр эффект")
Mari 17 сентября 2017 в 20:25 -1
small user social cms
Прикольное дополнение, однозначно +
Alon 17 сентября 2017 в 20:36 0
small user social cms
Видео 50 минут, афигеть, по цене вроде что-то такое маленькое, видать что-то серьезное, иду смотреть видос, но не знаю хватит ли сил на 50 мин))
@SmartControl 17 сентября 2017 в 20:48 0
small user social cms
Скорость в ютубе 1,25 лучше поставить - так более динамично будет. При скорости 1,5 могут быть проблемы с пониманием)
Alon 17 сентября 2017 в 20:59 0
small user social cms
"Создавать неограниченное количество новых страниц под размещение виджетов" === Блин почему до меня не доходит. для чего это нужно???)))))
Mari 18 сентября 2017 в 00:16 -2
small user social cms
Например есть у вас портал, портал не городской, а целого региона или области. Как сделать на этом портале, страницы подобно главной без компонента, только с инфой о конкретном городе этого региона?
Этот компонент вам в этом поможет на все 100% путём размещения только виджетов. joke
Alon 17 сентября 2017 в 21:01 0
small user social cms
Так, я правильно понимаю, что это значит, что можно создать страницу и только в ней вывести виджет?
@SmartControl 17 сентября 2017 в 21:14 +1
small user social cms
Может быть это я несколько замороченно написал - на днях обсуждали эту тему на форуме, поэтому не стал подробно расписывать - обсуждение тут.

Смысл вот в чем. На второй ветке нельзя просто так создать новую маску в разделе "Виджеты и страницы" и накидать на нее виджеты. Виджеты можно разместить только на странице компонентов (или на главной). А с помощью этого компонента можно создавать различные страницы сайта именно под виджеты.

Например на новый год можно сделать страницу сайт.ру/new-year.html, на которой разместить только виджеты. Для этого не нужно будет создавать какие-то новые компоненты, просто добавить в компоненте новую страницу и она сразу будет доступна для виджетов.
Олег Васильевич я 17 сентября 2017 в 23:34 0
small user social cms
@SmartControl:
Получилось 53+41 = 94 минуты, ну так уж вышло)
@SmartControl:
Покупка актуальна только в двух случаях -
1. вам нужно дополнение, но не хочется тратить на это свое время.
2. хотите продолжения этого блокбастера.
А вот, предположим, мне нужно (п.1 второй цитаты) и я хочу (п.2 из неё же)
Но у меня 2 проблемы:
1. мало денег;
2. мало времени;
Можно ли в таком случае посмотреть 47 минут и купить за 25 рублей?
Спасибо!
@SmartControl 17 сентября 2017 в 23:43 +3
small user social cms
Решение проблемы
Олег Васильевич я 17 сентября 2017 в 23:54 0
small user social cms
Печально cry
Ну а вот, скажем, такой вариант: 2 покупки (а это уже, согласитесь, опт) по 24 рубля тоже не прокатит?
@SmartControl 18 сентября 2017 в 00:17 +2
small user social cms
Если вас забавляет уровень цены - могу пояснить)
Я же все показал и рассказал на видео, никаких секретов и никакого закрытого кода. Но если кому-то жаль своего времени на то, чтобы просто повторить по видео (и это нормальная ситуация, мне на многие вещи тоже жаль тратить своё время), то почему я должен жалеть своё время меньше чужого?)

Но если хотите поторговаться - последнее предложение, 3 копии по 17 плюс с меня рубль скидка = итого 50р и я вам отправлю три архива, опт так опт)
Олег Васильевич я 18 сентября 2017 в 01:00 +3
small user social cms
Ну вот, уже конструктивный подход! Теперь уже покупатель (правда, пока всё ещё потенциальный) не сможет просто так уйти.
Только вот чего так сразу "последнее предложение"?
Теперь я таки вынужден Вам сказать, что не следует резать прям по живому. Человек уже, можно сказать, возле кассы, а вы ему "последнее предложение". Ну разве ж так можно? Совершенно ж очевидно, что не, так низзя!
Хорошо, что покупатель (потенциальный всё ещё) понимает, что вы в свою очередь тоже понимаете выгоду от сделанного им (потенциальным покупателем) предложения и не грюкает дверью в ответ на ваше "последнее предложение", а делает ещё один шаг на встречу взаимовыгодной сделке:
17 копий по 3 рубля и он отказывается от великодушно предложенной вами скидки в 1 рубель.
Нил™ 18 сентября 2017 в 09:27 0
small user social cms
Феерично. Почти в голос.
Как и фееричен сам факт того, что оказывается, просто так в двойке нельзя создать пустую страницу и накидать на неё модули-виджеты. Если я правильно понял по этой теме. Безусловно, эта система стоит того, что бы бросить всё и начать делать сайты именно на ней)
@SmartControl 18 сентября 2017 в 10:47 +5
small user social cms
Конечно, можно сделать пустую страницу. К сожалению я уже забыл совсем первую ветку, чтобы провести аналогию с ней..

Можно сделать и пустую, и полупустую, и немного полную на любую их них накидать модули-виджеты - наивно полагать, что такого функционала нет (но у вас я так понимаю просто нет опыта работы с двойкой). Но для этого потребуется совершить несколько действий руками, это просто надоест рано или поздно. Компонент просто облегчает рутину и предоставляет удобный сервис, делаю основную работу по настройке таких страниц. И самое главное - это не сферический конь, задача действительно для некоторых актуальна и решение востребовано.

Да и вы, наверно, не совсем поняли смысл поста. Он был не в том, чтобы "похвастаться" гениальным компонентом и "изобличить недостатки" движка. Я лишь выбрал небольшую практическую задачу для того, чтобы снять видео урок по созданию компонента, потому что и в этом есть некоторый интерес со стороны (так сказать, двух зайцев сразу - и компонент нужный выложил, и видео снял). Небольшую - в том смысле, что на нее не потребуется много времени на реализацию. И хотел показать как вообще делать дополнения на вторую ветку Инстанту на конкретном примере.

Забавно, что даже в этом топике не обошлось без доброй порции троллинга, хотя я воспринимаю его достаточно весело) Если данный пост кому-то принес еще и повод потроллить, так вообще отлично.

Нил™, не нужно по функционалу этого компонента оценивать функциональность движка. Он не для этого писался. Конечно, все знают, что самый лучший движок в истории - это первая ветка Инстанта и сайты нужно делать только на ней. Но я недостаточно компетентен, чтобы снять подобное видео для нее, к сожалению. Как однажды говорил R2 - простите меня.

Олег Васильевич я:
Ну вот, уже конструктивный подход!
Спасибо, я знал, что вы оцените glasses
Нил™ 18 сентября 2017 в 11:29 0
small user social cms
Засчитано...
Олег Васильевич я 18 сентября 2017 в 15:15 0
small user social cms
@SmartControl:
Забавно, что даже в этом топике не обошлось без доброй порции троллинга, хотя я воспринимаю его достаточно весело) Если данный пост кому-то принес еще и повод потроллить, так вообще отлично
Если вы обо мне, то нет, это был не троллинг. Это было бурное (возможно, слишком) выражение восторга.
Вы молодец! Спасибо большое и за урок и за сам компонент! И сейчас я не шучу.
Эндрю Ua 18 сентября 2017 в 01:40 +1
small user social cms
Добавил в избранное + Like !
Очень шикарное видео.
Я так понял вы на Ubuntu ? Скажите как называется редактор в котором вы на видео кодили ?
Заранее спасибо вам и уважение!
@SmartControl 18 сентября 2017 в 07:36 0
small user social cms
Спасибо за отзыв.
Операционка Ubuntu, все верно - основной рабочий компьютер на ней. Редактор PhpStorm.
Эндрю Ua 18 сентября 2017 в 22:37 +1
small user social cms
Спасибо вам за ответ. Очень понравился редактор.
Я пользуюсь notepad++ но Шторм шикарен.
Такие люди как Вы, Evanescence (который тоже начал публиковать полезное видео) и многие другие активные участники, разработчики и фрилансеры - очень вдохновляете на программирование и изучение движка InstantCMS.
С каждым днем я все сильнее и интенсивнее начинаю изучать...
Хочется не только для заработка но и для улучшения самого cms и быть полезным для других.
Birles 18 сентября 2017 в 06:58 +1
small user social cms
Может настало время добавить на форуме раздел видеоуроков? Уже есть несколько видеоуроков, наверняка найдутся еще желающие.
Денис Васильевич 18 сентября 2017 в 10:54 0
small user social cms
@SmartControl, по поводу сетки виджетов. Видео не совсем внятное но смысл понять можно )) У вашего компонента суть схожая?
@SmartControl 18 сентября 2017 в 12:20 +3
small user social cms
Интересно, не видел такого. Сетка виджетов в самом виджете.. Но тут совсем другое, это никак не связано с сеткой. Компонент добавляет страницы для размещения виджетов. Добавляет, настраивает метатеги и дает им красивые URL'ы.

Понял свою недоработку - выкладываю презентацию, сразу будет понятно что к чему и зачем (добавил ее в сам пост и тут продублирую).

Презентация
Алексей Тимофеев 18 сентября 2017 в 15:02 0
small user social cms
@SmartControl круто!
Джонни Д. 18 сентября 2017 в 18:48 0
small user social cms
Вы молодец, действительно круто!
Atid - Gorec 19 сентября 2017 в 02:10 +2
small user social cms
Оо, это то что мне нужно.
@IamB 13 января 2018 в 19:31 0
small user social cms
В начале 22 минуты первой части видео вы в экшене actionScWidgetsAjax устанавливаете количество записей на одной странице.
Код PHP:
  1.  
  2. $this->model->setRerPage(admin::perpage);
  3.  
Вы обращаетесь к модели и не возвращаете результат ни в какую переменную.
Так же я не увидел добавления в модель метода setRerPage() .
Объясните как это работает.