jsPlumb Tutorial: Add Diagramming Features to your Javascript Projects (Build a Workflow Editor)
While not necessary, if you enjoyed this video, buying me a coffee is greatly appreciated!
https://www.buymeacoffee.com/prodprogrammers (no refunds)
One of my side projects is building a low code workflow tool that helps power users design and automate file transfer/SFTP related business processes. One of the components of this workflow tool is a graphical workflow editor that allows users to create a sequence of file processing tasks without coding. I looked into a few JavaScript libraries to help me implement this and the one that caught my eye the most was jsPlumb because of its flexibility - everything is just HTML elements. In this video, I'll provide quick tutorial on jsPlumb and we'll build a simple workflow editor together as we go through some basic jsPlumb concepts.
Source code from this video:
https://gist.github.com/productivity-for-programmers/6ef09ef5ccd5ab62a2d259d4c7260376
Documentation for jsPlumb Community Edition:
https://docs.jsplumbtoolkit.com/community/current/index.html
Introduction 00:00
jsPlumb Concepts 00:47
HTML Boilerplate 02:28
Adding Controls 02:50
Initial jsPlumb 04:40
Add Endpoints 05:30
Register Connection Type 10:00
Delete Connections 12:30
Delete Controls 18:10
Populate Toolbox 20:55
Making Controls in the Toolbox Draggable 21:53
Making the Diagram Droppable 23:00
Changing Connector Style 26:30
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «jsPlumb Tutorial: Add Diagramming Features to your Javascript Projects (Build a Workflow Editor)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.