Как сделать логику сайта?

Question

[DIGTECH]

Планируется сделать сайт с различной логикой и тд. На скрине показано чего примерно хочется добиться. Загрузка элементов будет из бд, а дальше при нажатии будет указываться местоположение на карте, а снизу добавляться описание "задания". Каких-то подобных вещей на сайте будет много с разной логикой. Каким образом упростить/автоматизировать решение подобного рода задач ?

P.S Думаю ,что это можно сделать каким-нибудь фреймворком,типа Angular и тд, но работать с таким не умею. Хотелось бы понять как способом решать такие задачи (к примеру как на скрине) , желательно с примером.

Answer 1

[Антон Спирин]

Думаю ,что это можно сделать каким-нибудь фреймворком,типа Angular и тд, но работать с таким не умею. Хотелось бы понять как способом решать такие задачи

Тут все, на самом деле, очень просто:
1. Учимся работать с фреймворком типа Angular и тд.
2. Приходит понимание многих вещей, в том числе и того каким способом решать такие задачи.
3. PROFIT

Помимо клиента вам еще понадобится API сервис, который будет отдавать данные из БД.

Comments

[DIGTECH]

C REST API умею работать. А на изучение работы с Angular у меня 2 дня. Не хотелось бы потратить время зря )

[Антон Спирин]

DIGTECH, ну за два дня Angular это лихо. Попробуйте Vue он гораздо проще. Главные, возможно, новые для вас, фишки с которыми надо научиться работать:
1. Глобальное состояние приложения и работа с ним.
2. Клиентский роутинг.
3. Компонентная архитектура. И все что с ней связано, вроде жизненного цикла, локального состояния и условного рендеринга.
4. Взаимодействие с сервером.
5. Серверный рендеринг, если нужен.

Гайд по Vue.
Для серверного рендеринга vue используют фреймворк nuxt.js

[Andrey Suha]

А на изучение работы с Angular у меня 2 дня

Думаю даже при наличии опыта с другими фреймворками это слишком, а без него... Удачи Вам

[Pavel Pikat]

DIGTECH, если вам такое приложение за 2 дня надо сделать, то берите то что уже умеете, хоть тот же jQuery сюда подойдет. Приложение очень простое, роутин тут нафиг не нужен. 1 страница с динамическими контейнерами, посылайте ajax-запросы в свой апи да обновляйте данные.

[Антон Спирин]

Pavel Pikat,

роутин тут нафиг не нужен

Ну я бы так однозначно не утверждал. Как минимум в макете присутствует кнопка "Подробнее...".

[Pavel Pikat]

Антон Спирин, я не знаю что вы хотите с этой кнопкой делать - поп-ап открыть, или на новый экран перейти - все это все равно можно решить не тратя человеко-часы на изучение фрейморка.

[Антон Спирин]

Pavel Pikat, ну хз. Тут каждый сам решает что для него лучше. Время потраченное на изучение фреймворка - хорошо инвестированное время.
А по приложению и не сказать какой функционал остался за кадром. Строчить что-то сложное с интерактивными элементами на ванильке или JQuery неблагодарное дело.

Сдается мне, автор в эти выходные участвует в Цифровом Прорыве. Интерфейс как раз подходит под номинацию ЖКХ и городская среда.

[Pavel Pikat]

Антон Спирин, сорян, не заметил что вы - не автор. но не суть.
Я с вами согласен в плане изучения и пользы, но важен контекст - 2 дня.
За такое время Ангуляр можно понять, но научиться с ним работать - нет. Такое беглое изучение в цейпноте только навредит.
А по функционалу тут автор не успеет за отведенное время ничего сложного и интерактивного настрочить, судя по вопросу, он новичок, так что максимум два-три простеньких экрана.