DRAKON Visual Language
DRAKON Visual Language
  • 28
  • 66 182
Backward chaining в ДраконТех
Что такое "обратный вывод" (backward chaining).
Как обратный вывод помогает в программировании.
Концепция обратного вывода, предложенная Энном Тыугу.
Обратный вывод в ДраконТех.
Обратный вывод на примерах на JavaScript.
Избыточные вычисления и борьба с ними при помощи ленивых свойств.
С какими проблемами сталкиваются программисты, применяя обратный вывод.
มุมมอง: 62

วีดีโอ

Объектно-ориентированное программирование на JavaScript в ДраконТех
มุมมอง 2847 ชั่วโมงที่ผ่านมา
Введение в объектно-ориентированное программирование (ООП) на JavaScript. Почему следует избегать ключевых слов new, class и this. Как создать класс в ДраконТех. В чём реальное преимущество ООП. drakon.tech/
Геймплей в ДраконТех
มุมมอง 2839 ชั่วโมงที่ผ่านมา
Как программировать на JavaScript в среде ДраконТех: - как создать проект - функции, переменные, модули - иконка Действие: последовательный алгоритм - иконка Вопрос: if ... else - иконка Выбор: switch ... case - иконка Цикл ДЛЯ итерации по массивам: for ... of - иконка Цикл ДЛЯ итерации по объектам: for ... in - иконка Цикл ДЛЯ: for - стрелочный цикл - силуэт и примитив. drakon.tech/
Вышла десктоп-версия среды разработки ДраконТех
มุมมอง 9419 ชั่วโมงที่ผ่านมา
Как выглядит ДраконТех для десктопа. Новое в генерации кода. Можно ли использовать ДраконТех для разработки реальных программ? drakon.tech/
Как написать игру в Drakon.Tech
มุมมอง 1.1K3 ปีที่แล้ว
Drakon.Tech: drakon.tech/ Drakon Lander game: app.drakon.tech/gen/DCRuVXl7FiijJ6L8ZcbQKnrT1MjQvjnf/lander/ Game source code: app.drakon.tech/ide/doc/drakon.tech.tutorials/fb804ce5
A proposal for a new statement editor in Drakon.Tech
มุมมอง 1K4 ปีที่แล้ว
Folks, I propose a new way of representing code snippets in Drakon.Tech. Please tell me what you think in the comments. DISCLAIMER: I am not inventing a new programming language. It is going to be plain old Drakon-JavaScript, Drakon-C etc. in a new packaging.
Drakon.Tech tutorial: CommonJS, ES6 and other module formats
มุมมอง 6795 ปีที่แล้ว
How to organize JavaScript code with modules of different types: - CommonJS - ES6 - Factory functions - IIFE drakon.tech/ Examples: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: the power of the silhouette
มุมมอง 7385 ปีที่แล้ว
Dealing with complex algorithms: - decomposition - silhouette drakon.tech/ Example: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: the advanced Arrow loop
มุมมอง 3925 ปีที่แล้ว
Use the Arrow loop when you need to have fine-grained control over your iterations. drakon.tech/ Examples: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: the visual logical formulas
มุมมอง 4445 ปีที่แล้ว
In DRAKON, we do not use the NOT, AND, OR logical operators. The visual logical formulas help us visually trace paths through complex logical expressions. drakon.tech/ Examples: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: the visual switch statement
มุมมอง 2945 ปีที่แล้ว
Use the Choice icon to represent a question that has multiple answers. Add a default option when necessary. drakon.tech/ Examples: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: how to iterate over properties of a JavaScript object
มุมมอง 1555 ปีที่แล้ว
In addition to arrays, the "For loop" icon in Drakon.Tech can iterate over JavaScript objects. drakon.tech/ Examples: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: how to iterate over an array in JavaScript
มุมมอง 1505 ปีที่แล้ว
DRAKON's "For loop" icon is a visual way to loop over arrays in JavaScript. The "For loop" icon produces code which is: 1. Efficient. 2. Reliable. 3. Compatible with older browsers. drakon.tech/ Examples: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: if statements with a happy path
มุมมอง 2665 ปีที่แล้ว
How to show the happy path in JavaScript if-statements. drakon.tech/ Examples: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: JavaScript without var, const, and let
มุมมอง 2685 ปีที่แล้ว
Learn how Drakon.Tech protects you from accidentally writing to the global scope. You don't need var, const, and let in your JavaScript code. drakon.tech/ Examples: app.drakon.tech/ide/doc/examples/1
Drakon.Tech tutorial: how to generate JavaScript code
มุมมอง 8055 ปีที่แล้ว
Drakon.Tech tutorial: how to generate JavaScript code
Изучи ДРАКОН за 60 секунд
มุมมอง 4.8K6 ปีที่แล้ว
Изучи ДРАКОН за 60 секунд
Learn DRAKON in 60 seconds
มุมมอง 1.3K6 ปีที่แล้ว
Learn DRAKON in 60 seconds
How to draw a flowchart in DrakonHub
มุมมอง 5K6 ปีที่แล้ว
How to draw a flowchart in DrakonHub
How to draw a mind map in DrakonHub
มุมมอง 1.2K6 ปีที่แล้ว
How to draw a mind map in DrakonHub
Как нарисовать mind map ГРАФ в DrakonHub
มุมมอง 1.7K6 ปีที่แล้ว
Как нарисовать mind map ГРАФ в DrakonHub
Как нарисовать ДРАКОН-схему в DrakonHub
มุมมอง 7K6 ปีที่แล้ว
Как нарисовать ДРАКОН-схему в DrakonHub
Arrival, visual language of aliens and DRAKON
มุมมอง 6606 ปีที่แล้ว
Arrival, visual language of aliens and DRAKON
Arrival, пришельцы и язык ДРАКОН
มุมมอง 1.7K6 ปีที่แล้ว
Arrival, пришельцы и язык ДРАКОН
DRAKON. Flowcharts that have order. Part 1.
มุมมอง 6K7 ปีที่แล้ว
DRAKON. Flowcharts that have order. Part 1.
DRAKON. Flowcharts that have order. Part 2.
มุมมอง 4.4K8 ปีที่แล้ว
DRAKON. Flowcharts that have order. Part 2.
DRAKON Editor and Dijkstra's algorithm
มุมมอง 14K12 ปีที่แล้ว
DRAKON Editor and Dijkstra's algorithm
DRAKON Editor 1.8 Gameplay
มุมมอง 10K12 ปีที่แล้ว
DRAKON Editor 1.8 Gameplay

ความคิดเห็น

  • @maratd1781
    @maratd1781 วันที่ผ่านมา

    Не хватает практического примера для сравнения двух подходов программирования. Напишите туду лист, к примеру

  • @ЕвгенийКузнецов-щ1ю
    @ЕвгенийКузнецов-щ1ю วันที่ผ่านมา

    подскажи где это все применить можно? я последний год пишу в фреймворке Ангуляр и вот даже не представляю где можно применить твой ванильный код.. может быть в каких то простых приложениях. Тайпскрипт разве не решил все эти проблемы перечисленные в начале (class this new)?

    • @t1mee
      @t1mee 10 ชั่วโมงที่ผ่านมา

      А как Angular тут связан? Там вот прям весь код на своих абстракциях, без какого-либо js? А рантайм в браузере тоже решается TS? Приватные поля там будут вполне доступны. Ещё советую посмотреть, как this в асинхронном коде себя ведёт, прекрасное зрелище

    • @ЕвгенийКузнецов-щ1ю
      @ЕвгенийКузнецов-щ1ю 2 ชั่วโมงที่ผ่านมา

      @t1mee ну почти весь фронтенд ушел в фреймворки, ангуляр это классовый фреймворк в отличии например от реакта, и здесь шла реч о классах. Ну даже если откинуть фреймворки и тайпскрип то ведь приватность в классах создается символом решетка (#) как для методов так и для свойств и вроде как уже давно это ввели. В асинхроне this теряется но есть ведь функционал для привязки контекста, например bind (setInterval(this.cb.bind(this), 1000)) Вроде как обертка (синтаксис) для работы с классами создавалась для удобства, но автор топит за то чтобы ее убрать и опять работать на функциях, тогда для чего создавался этот сахар? мне кажется ктото чтото упустил и теперь отвергает и ругается на довольно таки удобный функционал

  • @AleksyGrabovski
    @AleksyGrabovski 3 วันที่ผ่านมา

    Концепция напоминает язык Пролог

  • @dbouble8100
    @dbouble8100 3 วันที่ผ่านมา

    ты в 2000х застрял?

  • @AndersonSilva-dg4mg
    @AndersonSilva-dg4mg 3 วันที่ผ่านมา

    Круто, что проект до сих пор жив!

  • @Meseatalex
    @Meseatalex 4 วันที่ผ่านมา

    Планируете добавить поддержку языка СИ? Спасибо.

  • @АндрейМельников-ъ6е
    @АндрейМельников-ъ6е 4 วันที่ผ่านมา

    А в обратную сторону можно? Загрузить 💩код и получить силуэт? 😂

  • @UeujkmVeujkm
    @UeujkmVeujkm 4 วันที่ผ่านมา

    Единственное я предположу где применять дракон схему, это подключаемый плагин. плагин прослойка Текстовая описание кода -> сгенерированная ИИ Дракон-схема (ручная правка ДС) -> Сгенерированный код ИИ на основе дракон-схемы Код -> сгенерированная дракон-схема -> текстовое разъяснение кода

  • @UeujkmVeujkm
    @UeujkmVeujkm 4 วันที่ผ่านมา

    Сейчас нейросети помогают писать код. На естественном языке задаешь что хочешь от программы и получаешь результат. Где место вашего десктоп приложения какую условно сказать "дыру" он закрывает. Есть Code to Flow - код в блок-схемы. Есть Codepal - генерация кода из текстового описания. ChatGPT - также справляется с генерацией и объяснением кода. Единственное преимущество Дракона удобочитаемость блок-схемы, генерация кода не сильная сторона, у ИИ генерация кода получается гораздо лучше.

  • @artiomborisov6838
    @artiomborisov6838 4 วันที่ผ่านมา

    DMG для intel маков нет? ((

    • @ihitnrun
      @ihitnrun 4 วันที่ผ่านมา

      Для интел-маков нет. Вот как можно запустить ДраконТех на любой платформе: 1. Поставить NodeJS 2. Поставить electron: npm i --global electron 3. Запустить ДраконТех из командной строки: electron src/main.js

  • @shirishhirekodi6913
    @shirishhirekodi6913 4 วันที่ผ่านมา

    The desktop version is a good move. A project involving use of Drakon has always been in the back of my mind

  • @ЭлФанатик
    @ЭлФанатик 14 วันที่ผ่านมา

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

  • @saulius2
    @saulius2 3 หลายเดือนก่อน

    Looks pretty neat, even if I don't use it. Probably I would have a couple of rework suggestions (should I use it on my own). PS. What is the soundtrack, please? :)

  • @РайанКупер-э4о
    @РайанКупер-э4о 4 หลายเดือนก่อน

    Hmm...🤔 So that's graphems for functions... I like the idea. I think it needs to be implemented, but the specific design should be more though out.

  • @Дмитрий-д8е5х
    @Дмитрий-д8е5х 7 หลายเดือนก่อน

    Главное на день завтрак, обед и ужин😂😂😂😂😂

  • @JavierLatorre-lb8ed
    @JavierLatorre-lb8ed 7 หลายเดือนก่อน

    Nice Tecnology! Drakon Rules!

  • @IqbolXolmatov-yr8rj
    @IqbolXolmatov-yr8rj 9 หลายเดือนก่อน

    Где скачать где изучать. Никаких информации нет

  • @ЧенЛи-ф4ш
    @ЧенЛи-ф4ш 10 หลายเดือนก่อน

    И тичер никакой

  • @ЧенЛи-ф4ш
    @ЧенЛи-ф4ш 10 หลายเดือนก่อน

    С таким английским без пояснительной бригады не обойдешься

  • @СтаниславАлямов
    @СтаниславАлямов 10 หลายเดือนก่อน

    Товарищи ..сделайте пособие как написать браузер на советской платформе....достал этот jason..

  • @maximorlov8208
    @maximorlov8208 10 หลายเดือนก่อน

    Что в этом нового? Обыкновенные блок-схемы.

  • @gameboxchannel8419
    @gameboxchannel8419 ปีที่แล้ว

    Огонь тема, не шарю в алгоритмах, но все интуитивно понятно

  • @PaulWide
    @PaulWide ปีที่แล้ว

    Популяризация должна быть через свободное распространение. как UML. Нужны интеграции в разные приложения в виде наборов всех фигур и компонентов отображения диаграмм. Для меня самое главное что ДРАКОН был придуман раньше, чем UML.

    • @ЧенЛи-ф4ш
      @ЧенЛи-ф4ш 10 หลายเดือนก่อน

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

  • @kirill_bykov
    @kirill_bykov ปีที่แล้ว

    Элементы «горизонтальная линия» и «вертикальная линия» не нужны. Просто нужно исключить невалидные промежуточные состояния.

  • @yaroshchenko_coder
    @yaroshchenko_coder ปีที่แล้ว

    Здравствуйте, графический интерфейс можно собрать при помощи логики языка программирования "Дракон"? Есть ли опыт работы с другими языками программирования с добавлением логики... Благодарю за ответ...

  • @konstantinrebrov675
    @konstantinrebrov675 ปีที่แล้ว

    Personally I like the old statement editor better than the new one. It is true that a whole bunch of convoluted if statements, switch statements, and for loops, such as those representing a state machine for example, is very hard to read. So we use the Drakon IDE for visualizing the control flow of the program, to know what happens under what conditions and in what order. But I think that the individual statements, assignments, and function calls should be kept as they are in the code. They should not be deconstructed further into multicolored boxes. That makes the code harder to read and understand. The individual function calls are atomic elements, they can be understood in the O(1) time for the brain. Whereas the control flow of nested loops and branching statements takes O(N) time to understand. With a source code visualization tool such as Drakon IDE we can lower the time necessary to understand the logic of a function into O(1). But changing the ways that the function calls get represented only makes the code harder to read. You get diminishing returns that way, because the multicolored boxes are unfamiliar and unintuitive for me, and I think the majority of programmers also. Function calls have as information not only the name of the function itself, and what it's arguments are, but also the positional order of the arguments, the operator precedence of subexpressions grouped by parentheses, also have their own information that is useful for the programmer. In this proposal for a new statement editor, you lose all of that information about a function call by replacing the code with multicolored boxes. You lost the context of the positional order of the arguments, and any operators and subexpressions within that same statement. These are diminishing returns. You attempt to simplify, but you lost a ton of valuable information in the process. The editor is perfect already, no need to change it. In my humble opinion I think that these are bad changes.

    • @ЧенЛи-ф4ш
      @ЧенЛи-ф4ш 10 หลายเดือนก่อน

      Когда писали слово "ламер", наверно имели в виду тебя. Да/нет?😁 Ну скажи, скажи, успел разбогатеть?🙌

  • @konstantinrebrov675
    @konstantinrebrov675 ปีที่แล้ว

    Does the Drakon IDE have a feature, to load a source code file in a programming language such as C, C++, or D, and generate a graph based on that source code file? Such a feature would be useful for understanding code that I didn't write. I work as a software engineer in a large company, where many different people are working on a single huge project that has been in development for almost 20 years now. Many functions are looking like spaghetti code. Having the ability to load in a source code file into Drakon IDE, and have it generate a diagram, or a series of diagrams representing that source code file would be very useful for me to understand what the code is doing. Because I am having trouble looking at the code that I didn't write and figuring out what it does. If such a feature doesn't exist yet, can the developers of Drakon IDE please add such a feature? Spasibo.

  • @ffsdmad_2024
    @ffsdmad_2024 ปีที่แล้ว

    то-есть, вы разработали редактор для визуального языка программирования, который предполагает генерацию КОД из блок схем а чтобы затем ВПИСЫВАТЬ КОД в блоксхемы? надеюсь вы этим занимались за свой счёт и в своё личное время

  • @JockMurphy
    @JockMurphy ปีที่แล้ว

    I know I am two years late to the party but I dislike that the arguments aren't grouped together. In the parse url example, I have no idea what true is or relates to. I don't really care that one is a function call and one is a literal in grouping, I want to see a track for arguments together as they resolve into the result returned

    • @ЧенЛи-ф4ш
      @ЧенЛи-ф4ш 10 หลายเดือนก่อน

      This method is good for robotic technology (primitive systems, I think) without intellect

    • @JockMurphy
      @JockMurphy 10 หลายเดือนก่อน

      @@ЧенЛи-ф4ш in what way?

  • @СергейТимошенко-о3ю
    @СергейТимошенко-о3ю 2 ปีที่แล้ว

    Как на Драконе написать алгоритм реализованный на ОС (freertos). Симафоры, мьютексы, очереди..?

    • @dimondsafkage4620
      @dimondsafkage4620 7 หลายเดือนก่อน

      Легко, просто используй ПРИКАЗЫ и ВОПРОСЫ

  • @zhakimel
    @zhakimel 2 ปีที่แล้ว

    got this expr in mod_prometheus (ejabberd).. how to write it in Drakon? all same names. statistics([], _) -> []; statistics([StatName | StatsTail], Node) -> [statistic(StatName, Node), statistics(StatsTail, Node)]. statistic(reductions, Node) -> {TotalReductions, ReductionsSinceLastCall} = erlang:statistics(reductions), [ metric_format("reductions_total", Node, TotalReductions), metric_format("reductions_since_last_call", Node, ReductionsSinceLastCall) ]; statistic(schedulers_count, Node) -> SchedulersCount = erlang:system_info(schedulers_count), metric_format("schedulers_count", Node, SchedulersCount);

  • @zhakimel
    @zhakimel 2 ปีที่แล้ว

    I think current implementation is good enough.. Coders still love to see their codes

  • @welingtonsa
    @welingtonsa 2 ปีที่แล้ว

    i doing exacly what your do, and i cant run my drakon in my projects.

  • @russellsadon177
    @russellsadon177 2 ปีที่แล้ว

    Для новичков в программировании очень рекомендую изучать алгоритмы с помощью Дракон.

  • @mikassmith6552
    @mikassmith6552 3 ปีที่แล้ว

    UML and PBMN are dead, long live the Drakon flowchart

    • @AlexeyShort
      @AlexeyShort 2 ปีที่แล้ว

      Don't you think drakon is based on UML?

    • @MAGDEBACH
      @MAGDEBACH ปีที่แล้ว

      @@AlexeyShort they developed in parallel

  • @mimidbe9108
    @mimidbe9108 3 ปีที่แล้ว

    Very good idea. You should add python langage too. And how to implement other langage ( I work with modelica as well)

    • @ЧенЛи-ф4ш
      @ЧенЛи-ф4ш 10 หลายเดือนก่อน

      And?.😁 What a code? Say, you're a rich man this day or the time is lost like your youth?

  • @АлександрК-ш
    @АлександрК-ш 3 ปีที่แล้ว

    Здравствуйте. А если устанавливать на локальной машине с Линукс, то если вместо your-host-name:8090 прописать localhost:8090 , то должно заработать?

  • @Наукаоданныхдляшкольников

    Or drakon tech ?

  • @hofstadter4355
    @hofstadter4355 3 ปีที่แล้ว

    По пробуй диамат в дракон уместить?

    • @ashinnikov
      @ashinnikov ปีที่แล้ว

      Диамат ерунда, не надо голову забивать

    • @_dlh_drl_
      @_dlh_drl_ 5 หลายเดือนก่อน

      ​@@ashinnikovобоснуй))

  • @hofstadter4355
    @hofstadter4355 3 ปีที่แล้ว

    Инофланитяне в ,,Прибытии'' сами ищут помощи у людей,а не помогают человечеству.

  • @АлександрК-ш
    @АлександрК-ш 3 ปีที่แล้ว

    Как менять местами No с YES? How to swap No and YES?

  • @hagal106
    @hagal106 3 ปีที่แล้ว

    Приветствую, как дела с этим проектом жду не дождусь опробывать? 👍

    • @ЧенЛи-ф4ш
      @ЧенЛи-ф4ш 10 หลายเดือนก่อน

      Ну, и?.😁 Или ещё три года не прошло? Наверно уже input, and, print, null писать научился?

  • @hagal106
    @hagal106 3 ปีที่แล้ว

    Было бы просто замечательно сделать для python

  • @gunnargunaxe
    @gunnargunaxe 3 ปีที่แล้ว

    Приветствую! Попробовал drakon editor для винды и он отдичается от вэб версии на drakonhub... Веб версия гораздо удобнее...

  • @danielpo5771
    @danielpo5771 3 ปีที่แล้ว

    It is implemented yet?

  • @danielpo5771
    @danielpo5771 3 ปีที่แล้ว

    VERY GOOD!!!

  • @lobento
    @lobento 3 ปีที่แล้ว

    Guys, could you teach how to install DRAKON at MacOS?

  • @Наукаоданныхдляшкольников

    Когда сделаете drakon python ?

  • @andriilondariev7359
    @andriilondariev7359 3 ปีที่แล้ว

    Подскажите, как я могу помочь проекту. С кем можно связаться?

  • @welingtonsa
    @welingtonsa 3 ปีที่แล้ว

    Hi from Brazil. IDrakon is amazing. Great apliccation. I learn a lot from coding in Drakon.