Какую технологию использовать для web редактора?

Question

[Neopitniy]

Нужно сделать сайт, который бы умел грузить фото, обрабатывать его там же, сохранять и взаимодействовать с back. Весь этот монстр, чую, должен быть написан яваподобным подчерком. Ну язык я знаю, это радует.
Вопрос, подходят ли для этого готовые fw и если да, то какие?
Ps. Хочу лишь разобраться, ТК крутил вертел lightroom online. Сильно. Не думал, что браузеры будут такое позволять.

Comments

[Владимир]

Гугли canvas image editing

[Neopitniy]

Владимир, да я уже погуглил...
Canvas эт конечно сурово)) думал посовременней есть решения.

[Владимир]

Neopitniy, Современее канвас? Серьезно?
Математику ты можешь например в веб асм вынести, если сложные фильтры, но отображать результат ты в любом случае будешь на канвасе.
(забыл, можешь еще в WebGL рисовать evanw.github.io/webgl-filter/)
Фреймвоков ты каких ждешь, за какую часть твоего редактора они должны отвечать?
Открой MDN, почитай про доступные API в браузере, сложи в голове архитектуру, и потом задавай конкретные вопросы.
https://developer.mozilla.org/en-US/docs/Web/API

[Neopitniy]

Владимир, я правильно понял, что никакой технологии как таковой нет? Есть js, html, css. Как в общем-то всегда на сайтах. И фреймворк тут не сильно и помогут.

Answer 1

[Stalker_RED]

Если от бека тебе нужно только зарегать юзера и сохранить его файлики - любой подойдет.

Для фронта все интереснее, если "яваподобным подчерком" это про js, то можно начать копать отсюда, а если именно Java, то даже не знаю, NPAPI почти со всех браузеров выпилили, разве что конвертировать в JS.

Comments

[Neopitniy]

Грубо говоря, нужно очень мощное взаимодействие одностраничного сайта с сервером. Регуляторы, ползунки и кнопки и ТД.

[Stalker_RED]

Neopitniy, эм... нет. Обычно всю обработку делают в браузере. На сервер отправляется только готовый файл.

[Neopitniy]

Stalker_RED, подведу итог. Чтобы сделать одностраничный сайт с множеством вкладок, кнопок и взаимодецствия с ajax/json ари, мне хватит стандартного набора веб мастера js, html, css, возможно даже некоторых js библиотек, типа jquery?

[Stalker_RED]

Neopitniy, если серверсайд на js, то хватит.

И да, можете подключать библиотеки по мере необходимости. Они вам очень даже понадобятся, чтобы не изобретать с нуля обработку изображений.

Можете для начала посмотреть на продукты конкурентов, и посмотреть какие у них технологии

[Neopitniy]

Спасибо

Answer 2

[Владимир]

Ты хочешь чтобы затебя придумали "рамки" в которых будешь решать задачу, формализовали их, кинули тебе обзор всего что может современный фронтенд и разжевали что и как делать?

Если говорить о графическом редакторе в браузере
1) Тебе нужно сделать сложный одностраничный интерфейс, при чем все контролы не нужно рисовать на канвасе, это обычный HTML для отрисовки этого интерфейса тебе пригодится VUE, React или Angular по вкусу
2) Тебе нужно не запутаться во всех этих потоках данных, которые ты будешь получать с контролов, тут тебе нужен стейт менеджемент (NgRX, Redux ну или что там популярное для VUE)
3) Ну и часть интерфейса тее нужно рисовать на канвасе, тут тоже в зависимости от того что тебе нужно можно найти фреймвоки

Comments

[Neopitniy]

Спасибо