- 28
- 66 182
DRAKON Visual Language
เข้าร่วมเมื่อ 27 ธ.ค. 2011
Backward chaining в ДраконТех
Что такое "обратный вывод" (backward chaining).
Как обратный вывод помогает в программировании.
Концепция обратного вывода, предложенная Энном Тыугу.
Обратный вывод в ДраконТех.
Обратный вывод на примерах на JavaScript.
Избыточные вычисления и борьба с ними при помощи ленивых свойств.
С какими проблемами сталкиваются программисты, применяя обратный вывод.
Как обратный вывод помогает в программировании.
Концепция обратного вывода, предложенная Энном Тыугу.
Обратный вывод в ДраконТех.
Обратный вывод на примерах на 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
Как нарисовать mind map ГРАФ в DrakonHub
มุมมอง 1.7K6 ปีที่แล้ว
Как нарисовать mind map ГРАФ в DrakonHub
Arrival, visual language of aliens and DRAKON
มุมมอง 6606 ปีที่แล้ว
Arrival, visual language of aliens and DRAKON
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.
Не хватает практического примера для сравнения двух подходов программирования. Напишите туду лист, к примеру
подскажи где это все применить можно? я последний год пишу в фреймворке Ангуляр и вот даже не представляю где можно применить твой ванильный код.. может быть в каких то простых приложениях. Тайпскрипт разве не решил все эти проблемы перечисленные в начале (class this new)?
А как Angular тут связан? Там вот прям весь код на своих абстракциях, без какого-либо js? А рантайм в браузере тоже решается TS? Приватные поля там будут вполне доступны. Ещё советую посмотреть, как this в асинхронном коде себя ведёт, прекрасное зрелище
@t1mee ну почти весь фронтенд ушел в фреймворки, ангуляр это классовый фреймворк в отличии например от реакта, и здесь шла реч о классах. Ну даже если откинуть фреймворки и тайпскрип то ведь приватность в классах создается символом решетка (#) как для методов так и для свойств и вроде как уже давно это ввели. В асинхроне this теряется но есть ведь функционал для привязки контекста, например bind (setInterval(this.cb.bind(this), 1000)) Вроде как обертка (синтаксис) для работы с классами создавалась для удобства, но автор топит за то чтобы ее убрать и опять работать на функциях, тогда для чего создавался этот сахар? мне кажется ктото чтото упустил и теперь отвергает и ругается на довольно таки удобный функционал
Концепция напоминает язык Пролог
ты в 2000х застрял?
Круто, что проект до сих пор жив!
Планируете добавить поддержку языка СИ? Спасибо.
А в обратную сторону можно? Загрузить 💩код и получить силуэт? 😂
Единственное я предположу где применять дракон схему, это подключаемый плагин. плагин прослойка Текстовая описание кода -> сгенерированная ИИ Дракон-схема (ручная правка ДС) -> Сгенерированный код ИИ на основе дракон-схемы Код -> сгенерированная дракон-схема -> текстовое разъяснение кода
Сейчас нейросети помогают писать код. На естественном языке задаешь что хочешь от программы и получаешь результат. Где место вашего десктоп приложения какую условно сказать "дыру" он закрывает. Есть Code to Flow - код в блок-схемы. Есть Codepal - генерация кода из текстового описания. ChatGPT - также справляется с генерацией и объяснением кода. Единственное преимущество Дракона удобочитаемость блок-схемы, генерация кода не сильная сторона, у ИИ генерация кода получается гораздо лучше.
DMG для intel маков нет? ((
Для интел-маков нет. Вот как можно запустить ДраконТех на любой платформе: 1. Поставить NodeJS 2. Поставить electron: npm i --global electron 3. Запустить ДраконТех из командной строки: electron src/main.js
The desktop version is a good move. A project involving use of Drakon has always been in the back of my mind
спасибо, пользуюсь. Только вопрос, почему иконы всегда прижимаются вниз при проектировании в силуэте ? и небольшая критика - очень не хватает полноценного перемещения веток и ответвлений метаикон выбора (переключателя). Вместо этого я копирую название ветки и отдельно вырезаю её содержимое
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? :)
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.
Главное на день завтрак, обед и ужин😂😂😂😂😂
Nice Tecnology! Drakon Rules!
Где скачать где изучать. Никаких информации нет
И тичер никакой
С таким английским без пояснительной бригады не обойдешься
Товарищи ..сделайте пособие как написать браузер на советской платформе....достал этот jason..
Что в этом нового? Обыкновенные блок-схемы.
Огонь тема, не шарю в алгоритмах, но все интуитивно понятно
Популяризация должна быть через свободное распространение. как UML. Нужны интеграции в разные приложения в виде наборов всех фигур и компонентов отображения диаграмм. Для меня самое главное что ДРАКОН был придуман раньше, чем UML.
Как тебе сказать... Графические методы составления кода хороши тем, что они понятны всем, но код обычно на столько длинный, что проще пересмотреть его в общепринятой концепции, чем разглядывать нагромождение геометрических фигур.😁 (Хотя, наверно, есть иные мнения - не спорю😁)
Элементы «горизонтальная линия» и «вертикальная линия» не нужны. Просто нужно исключить невалидные промежуточные состояния.
Здравствуйте, графический интерфейс можно собрать при помощи логики языка программирования "Дракон"? Есть ли опыт работы с другими языками программирования с добавлением логики... Благодарю за ответ...
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.
Когда писали слово "ламер", наверно имели в виду тебя. Да/нет?😁 Ну скажи, скажи, успел разбогатеть?🙌
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.
то-есть, вы разработали редактор для визуального языка программирования, который предполагает генерацию КОД из блок схем а чтобы затем ВПИСЫВАТЬ КОД в блоксхемы? надеюсь вы этим занимались за свой счёт и в своё личное время
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
This method is good for robotic technology (primitive systems, I think) without intellect
@@ЧенЛи-ф4ш in what way?
Как на Драконе написать алгоритм реализованный на ОС (freertos). Симафоры, мьютексы, очереди..?
Легко, просто используй ПРИКАЗЫ и ВОПРОСЫ
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);
I think current implementation is good enough.. Coders still love to see their codes
i doing exacly what your do, and i cant run my drakon in my projects.
Для новичков в программировании очень рекомендую изучать алгоритмы с помощью Дракон.
UML and PBMN are dead, long live the Drakon flowchart
Don't you think drakon is based on UML?
@@AlexeyShort they developed in parallel
Very good idea. You should add python langage too. And how to implement other langage ( I work with modelica as well)
And?.😁 What a code? Say, you're a rich man this day or the time is lost like your youth?
Здравствуйте. А если устанавливать на локальной машине с Линукс, то если вместо your-host-name:8090 прописать localhost:8090 , то должно заработать?
Or drakon tech ?
По пробуй диамат в дракон уместить?
Диамат ерунда, не надо голову забивать
@@ashinnikovобоснуй))
Инофланитяне в ,,Прибытии'' сами ищут помощи у людей,а не помогают человечеству.
Как менять местами No с YES? How to swap No and YES?
Приветствую, как дела с этим проектом жду не дождусь опробывать? 👍
Ну, и?.😁 Или ещё три года не прошло? Наверно уже input, and, print, null писать научился?
Было бы просто замечательно сделать для python
Приветствую! Попробовал drakon editor для винды и он отдичается от вэб версии на drakonhub... Веб версия гораздо удобнее...
It is implemented yet?
VERY GOOD!!!
Guys, could you teach how to install DRAKON at MacOS?
Когда сделаете drakon python ?
When drakon python language will be ?
уже есть 🙂
Подскажите, как я могу помочь проекту. С кем можно связаться?
Hi from Brazil. IDrakon is amazing. Great apliccation. I learn a lot from coding in Drakon.