Cosmas Noble

Cs student |Learning and building with JavaScript |#javascriptnewbie

[Cosmas Noble @plexNoble]

quite a while.

[Cosmas Noble @plexNoble]

And that's not nice let me try again.....

[Cosmas Noble @plexNoble]

I haven't been consistent with posting

[Cosmas Noble @plexNoble]

what i did today :
i am currently building the generate receipt function which will return an object which then will be rendered to the html.
the receipt will be rendered through a renderReceipt function ()
#javascriptnewbie

[Cosmas Noble @plexNoble]

Day 10–11/90
Project: Family Payment Tracking System
Concept learned:
State and re-rendering in DOM.

Implementation:
I learned that when a new payment is added, the UI does not update by itself.

still currently on rendering data ,
#javascriptnewbie

[Cosmas Noble @plexNoble]

How I fixed it: I understood that after updating the source data, I need to rebuild the report and re-render the UI.
Lesson: In frontend development, data changes first, then the UI must be updated from that new data.
#javascriptnewbie

[Cosmas Noble @plexNoble]

The payment data changes first, then the family report and school summary must be recalculated and rendered again.

Mistake I made: I thought pushing a new payment into the payments array would automatically update the report on the page.
#javascriptnewbie

[Cosmas Noble @plexNoble]

Day 10–11/90
Project: Family Payment Tracking System
Concept learned:
State and re-rendering in DOM.

Implementation:
I learned that when a new payment is added, the UI does not update by itself.

[Cosmas Noble @plexNoble]

happy new month .

[Cosmas Noble @plexNoble]

yeah and i validated too . validated the data i got from the form so its like a mini data pipeline
#javascriptnewbie

[Cosmas Noble @plexNoble]

How I fixed it:
I used Number() for numeric values, trim().toLowerCase() for text input, and event.preventDefault() to stop the form from refreshing the page.

Lesson:
Forms are the bridge between user input and system data.
#javascriptnewbie

[Cosmas Noble @plexNoble]

Mistake I made:
I initially forgot that input values come in as strings and that event listener functions are called by the browser, not manually.

#javascriptnewbie

[Cosmas Noble @plexNoble]

Day 08–09/90
Project: Family Payment Tracking System

Concept learned:
Handling form submissions in the DOM.

Implementation:
I built a payment form that collects family ID, amount paid, and payment method, then converts the input into a newPayment object.

[Cosmas Noble @plexNoble]

i entered a new concept in Document object model,
this involves capturing or getting data through html forms and working with the collected data

[Cosmas Noble @plexNoble]

i wanna take a crash course on github , a lot of developers pushing their code to github .

[Cosmas Noble @plexNoble]

broke my streak for a little while due to certain reasons but i am back now .

[Cosmas Noble @plexNoble]

Lesson:
In DOM, data functions return values, but render functions update the UI.

#javascriptnewbie

[Cosmas Noble @plexNoble]

Mistake I made:
I expected render functions to return data, but they mainly update what the user sees on the page.

How I fixed it:
I logged the filtered data instead of logging the render function result.
#javascriptnewbie