Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Визуальный редактор для js разработки

new Знаток (255), открыт 1 неделю назад
Здравствуйте, подскажите существуют ли именно визуальные редакторы для js , есть куча фреймворков, но мне нужно по где сцена предоставлена визуально, где я могу перетаскивать объекты на этой сцене, создавать кнопки и т.д а логику писать на js. Пример construct 3 , gdevelop ( по некоторым причинам они не подходят, что-то не работает в Крыму , что-то невозможно оплатить на данный момент) мне не нужны именно игровые движки, мне надо что бы я не мучался с html и css , а спокойно создавал спрайты, текст, фон, прямо на сцене.
4 ответа
Robot Fish Мудрец (13691) 1 неделю назад
спирать если не работает
newЗнаток (255) 1 неделю назад
Не совсем понял ответ, можете подробнее рассказать
Robot Fish Мудрец (13691) new, ну скачай с торрентов конструкт или gdevelop
newЗнаток (255) 1 неделю назад
Я же вроде указал в вопросе, Gdevelop не работает полноценно в Крыму, construct 3 не качается с торрента, с ним проблемы с оплатой с недавнего времени
V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (270526) 1 неделю назад
GrapesJS, Webflow.. ну, есть инструменты под React и WASM
newЗнаток (255) 1 неделю назад
Спасибо, поизучаю graper , webflow к сожалению тоже в Крыму не работает
Alex Искусственный Интеллект (119598) 1 неделю назад
1. Visual Studio Code (VSCode) + Extensions

Хотя VSCode сам по себе не является полноценным визуальным редактором, он предлагает мощные плагины, которые добавляют функциональность для визуального редактирования:

Live Server — позволяет просматривать изменения в реальном времени.
Prettier — форматирует код автоматически, делая его визуально чистым и аккуратным.
HTML Snippets — ускоряет написание HTML-кода за счет готовых шаблонов.
Wix Editor — добавляет возможность создания веб-сайтов с использованием Wix Visual Editor прямо внутри VSCode.

2. Webflow

Webflow — это платформа для создания сайтов без кода. Она предоставляет мощный визуальный редактор, который позволяет разрабатывать адаптивные сайты с помощью drag-and-drop интерфейса. Webflow генерирует чистый HTML/CSS/JS-код, что делает его отличным выбором для дизайнеров и разработчиков, которым нужно быстро создать прототипы или полноценные сайты.
3. Figma

Хотя Figma не является инструментом исключительно для JavaScript-разработки, она широко используется для проектирования пользовательских интерфейсов (UI). После того как дизайн готов, разработчики могут экспортировать макеты и стили в формате CSS, чтобы затем реализовать их на JavaScript.
4. React Studio

React Studio — это инструмент для визуальной разработки React-приложений. Он позволяет создавать компоненты и страницы с помощью простого перетаскивания элементов, а затем генерировать соответствующий React-код. Это отличный выбор для тех, кто хочет ускорить процесс разработки UI-компонентов.
5. Adobe XD

Adobe XD — это популярный инструмент для дизайна UX/UI, который также поддерживает интеграцию с React и другими фреймворками. Вы можете спроектировать интерфейс, а затем экспортировать его в виде компонентов React или других форматов.
6. Bubble

Bubble — это платформа для создания веб-приложений без написания кода. Она предлагает визуальные инструменты для построения логики приложений, включая взаимодействие с базой данных, обработку событий и многое другое. Хотя Bubble не генерирует JavaScript-код напрямую, он подходит для быстрого прототипирования и создания MVP.
7. Glideapps

Glideapps — это инструмент для создания мобильных и веб-приложений на основе Google Таблиц. Он позволяет визуализировать данные и превратить их в полноценное приложение всего за несколько шагов. Несмотря на то, что Glideapps не требует знания JavaScript, он все же полезен для быстрой разработки простых приложений.
Dlazder Мудрец (17280) 2 дня назад
Посмотри в сторону WYSIWYG редакторов
Похожие вопросы