DEV Community

Alex Morton
Alex Morton

Posted on • Updated on

JavaScript Budget App Updates

Yesterday I made some major headway on my budget app (following along with building it via my JS course) in that I got all of the primary functionality working (i.e. entering incomes and expenses, making the calculations behind the scenes and also on the UI, etc).

What I'm now focusing on is the functionality behind deleting individual items from the list once they've been added as an income or expense. I've more or less done this before, but it's so great to go through it all in a very clear and well-explained manner - rather than relying on a few patched-together blog posts from various internet sources.

As mentioned before, my goal for this week is to get the app up and running and then to take it apart and rebuild it. I'll probably go through the course instructions again but this time with the foresight of knowing what comes next and all that good stuff. I'll probably also write out general notes for myself to help me when I eventually build it on my own without following along with the course. Reminder to self: learning is not linear.

I'm also currently building the app with three different modules as IIFEs (immediately invoked function expressions), but I'm looking forward to updating those as separate modules. The three modules are the budget controller (behind the scenes for the income and expense databases), the UI controller (responsible for any changes to the UI based on user interactions), and the app/global controller (responsible for connecting the budget controller and the UI controller, and for initializing the app).

I'm also getting a major lesson on code architecture and keeping everything organized. I'm learning about the importance of thinking about and writing out the structure of the program well before typing the first line of code. All really great stuff!

This post was originally published on March 3, 2020 on my blog.

Top comments (0)