Для моего проекта Javascript для 4-го этапа программы разработки программного обеспечения Flatiron School я решил написать простое приложение для отслеживания расходов. Приложение использует одностраничный интерфейс Javascript с API Rails на сервере. Целью приложения является отслеживание личных или домашних расходов.

Короче говоря, вы выбираете своего пользователя на «домашнем экране», оттуда вы увидите список всех расходов, сделанных этим пользователем, а также форму для добавления новых расходов. Также есть варианты редактирования или удаления статей расходов, если транзакция была добавлена ​​ошибочно или если транзакция была возвращена.

Что мне показалось наиболее интересным в этом проекте, так это то, что мы должны были сохранить его как одностраничное приложение без каких-либо изменений URL-адресов. Все изменения в отображении должны были выполняться с помощью функций Javascript для обновления DOM. Теперь, когда мы перейдем к React и уже поигрались с Angular, очень интересно создать одностраничное приложение Javascript из первых рук, чтобы понять, как манипулирование DOM работает за кулисами для этих более сложных JS-фреймворков.

Что еще было интересно в этом проекте, так это создание полнофункционального веб-приложения с пользовательским интерфейсом переднего плана с использованием HTML и JS, взаимодействующего с бэкэндом Rails через API. Интересно взглянуть на возможности того, что можно сделать с помощью такого приложения. Например, для моего приложения, вероятно, имеет смысл сделать его мобильным, а не веб-приложением. Существует возможность переписать внешний интерфейс на родном языке, таком как Swift, и взаимодействовать с тем же внутренним API для достижения тех же целей. Но чтобы также поддерживать веб-интерфейс для пользователя, продолжайте использовать внешний интерфейс HTML/JS или даже масштабируйте его и сделайте его более мощным с помощью внешнего интерфейса, такого как React или Angular. При этом сохраняется один и тот же бэкэнд Rails API.