Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.09.2013, 18:44
Новичок на форуме
Отправить личное сообщение для tetyana777 Посмотреть профиль Найти все сообщения от tetyana777
 
Регистрация: 26.09.2013
Сообщений: 4

Как написать среду разработки в браузере?
Всем привет!

Надо мне сделать сайт конструктор для страниц, типа упрощенный вариант среды разработки Делфі если кто видел. Смотрите вложение.
Слева открыт проект со списком страниц. Можна добавить новую. Справа библиотека разных кнопок, менюшок, слайдеров, которые можна перетаскивать на страницу. и т.д.

Вопрос:

подскажите общий подход к созданию такого сайта. Ссылочку может быть какуюто....

Если я нарежу html/css и начну пихать функции джаваскрипт в отдельные файлы, будет бардак. Какуюто бы архитектурку.

Буду очень благодарна за совети и ответы.
Изображения:
Тип файла: jpg sctructure.jpg (12.6 Кб, 16 просмотров)

Последний раз редактировалось tetyana777, 26.09.2013 в 18:47. Причина: не качественный рисунок
Ответить с цитированием
  #2 (permalink)  
Старый 26.09.2013, 18:59
Аватар для zilker
Профессор
Отправить личное сообщение для zilker Посмотреть профиль Найти все сообщения от zilker
 
Регистрация: 30.07.2011
Сообщений: 189

Э как вы загнули. Простите, но если у вас появляются подобные вопросы, может вам рановато заниматься подобного рода заданиями? Ну если у вас есть много времени, сил, энергии, оптимизма и желания это сделать, то, для начала, посмотрите на исходные коды уже готовых решений -
https://ru.wikipedia.org/wiki/Ace_(%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1 %8B%D0%B9_%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0% BE%D1%80)
http://brackets.io/

Все же онлайн ide - очень серьёзная вещь, сделайте для начала просто редактор с подсветкой синтаксиса.
Ответить с цитированием
  #3 (permalink)  
Старый 26.09.2013, 19:01
Аватар для Madzi
Аспирант
Отправить личное сообщение для Madzi Посмотреть профиль Найти все сообщения от Madzi
 
Регистрация: 15.06.2013
Сообщений: 38

Оно ?
Ответить с цитированием
  #4 (permalink)  
Старый 26.09.2013, 19:02
Аватар для Madzi
Аспирант
Отправить личное сообщение для Madzi Посмотреть профиль Найти все сообщения от Madzi
 
Регистрация: 15.06.2013
Сообщений: 38

Сообщение от zilker Посмотреть сообщение
Все же онлайн ide - очень серьёзная вещь, сделайте для начала просто редактор с подсветкой синтаксиса.
Насколько я понял, всё же требуется не IDE, а "визуальный редактор форм" (как в Delphi)
Ответить с цитированием
  #5 (permalink)  
Старый 30.09.2013, 16:13
Новичок на форуме
Отправить личное сообщение для tetyana777 Посмотреть профиль Найти все сообщения от tetyana777
 
Регистрация: 26.09.2013
Сообщений: 4

Да. Не IDE, а визуальний редактор html страницы из готовых частей. На выходе будет XML, в котором будет сохранятся layout страницы.

Может вопрос заключается даже не в том, как это сделать. Я думаю, нарисовать и наверстать такой графический реадактор не трудно. Какието данные (напр., компоненты: кнопки, менюшки) можно сохранять в базе данных, как обьекты с нтмл/css=внешним видом и параметрамы и т.д.

Мне интересно знать, как разработчики систематизируют джаваскрипт код, если его очень много? Есть ли какое-то core, файл init, который все запускает или какая-то структура кода по папках, чтобы порядок был?
Джаваскрипт тоже обьектный, значит, можно эти компоненты (кнопка1, меню2) закодить как обьекты и засунуть в них их поведение. Но как все это организовать, есть ли общий подход/pattern? (как mvc в php или как реализируют ооп в C# или кодато в Делфи)
Ответить с цитированием
  #6 (permalink)  
Старый 30.09.2013, 16:17
Новичок на форуме
Отправить личное сообщение для tetyana777 Посмотреть профиль Найти все сообщения от tetyana777
 
Регистрация: 26.09.2013
Сообщений: 4

вот чтото вроде этого http://jsmaker.com/jsmaker/
буду копать сейчас
еще пример, ну ж слишком сложный http://plugnedit.com/wordpress.cfm?j...ktowordpress=1
Ответить с цитированием
  #7 (permalink)  
Старый 30.09.2013, 16:24
Новичок на форуме
Отправить личное сообщение для tetyana777 Посмотреть профиль Найти все сообщения от tetyana777
 
Регистрация: 26.09.2013
Сообщений: 4

эх... Да, вот вроде то javascript design pattern ....
+ Список из 39 книг внизу вот этой одной http://addyosmani.com/resources/esse...patterns/book/
Ответить с цитированием
  #8 (permalink)  
Старый 30.09.2013, 17:57
Аватар для Makarov
Профессор
Отправить личное сообщение для Makarov Посмотреть профиль Найти все сообщения от Makarov
 
Регистрация: 08.07.2013
Сообщений: 212

Сообщение от tetyana777 Посмотреть сообщение
Но как все это организовать, есть ли общий подход/pattern? (как mvc в php или как реализируют ооп в C# или кодато в Делфи)
есть, mvc =)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 21:24
Как написать в панель задач Averin500 Events/DOM/Window 3 05.01.2013 22:20
Как изменить курсор в браузере на свой? Hideki Элементы интерфейса 2 21.11.2009 17:47
Как правильно послать XML в POST запросе LowCoder AJAX и COMET 10 15.07.2009 23:20
Как заранее закэшировать картинки в браузере IE 6 ilshat Internet Explorer 8 30.01.2009 15:26