Skip to main content

Build a Monthly Spending Tracker with HTML, JavaScript and CSS

2h 26m 14s
English
Paid

Course description

This practical course will teach you how to create a real personal budget management application—both useful and impressive. You will develop a neat and interactive interface where users can add expenses, choose categories, and immediately see the results on a dynamic chart.

With the help of Chart.js, the data will come to life—visually, beautifully, and functionally. Along the way, you will deal with forms and input processing, and you'll also learn how to save data using localStorage so that everything remains in place even after the page is refreshed.

By the end of the course, you will have a stylish and fully functional web application that you can be proud of. Most importantly, you will strengthen the key frontend development skills necessary for every developer!

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 14 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (14)

#Lesson TitleDurationAccess
1
Introduction Demo
04:25
2
Form Elements UI
09:07
3
Form Styling UI
13:42
4
Date & Expenses Setup JS
10:56
5
Submit & LocalStorage JS
15:15
6
Chart Functionality JS
16:42
7
Let's Keep Learning Together!
01:23
8
Introduction
05:02
9
Mac / Linux Device Setup
05:35
10
Windows Device Setup
06:58
11
VSCode Setup & Template
19:27
12
VSCode Extensions
09:11
13
DevTools
13:57
14
GitHub
14:34

Unlock unlimited learning

Get instant access to all 13 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Web Components Demystified

Web Components Demystified

Sources: Scott Jehl
If you are like me, then you have probably been hearing a lot about web components lately. Many of us are looking for ways to integrate web components into...
7 hours 51 minutes 36 seconds
Web Security Dev Academy - 12-week online program

Web Security Dev Academy - 12-week online program

Sources: Bartosz Pietrucha
Master the full picture of web security and learn to develop secure full-stack applications with reliable authentication, protection against vulnerabilities...
16 hours 37 minutes 20 seconds
Build a Typing Speed Test with JavaScript and CSS

Build a Typing Speed Test with JavaScript and CSS

Sources: zerotomastery.io
Learn to create interactive applications in JavaScript. Develop a test to check typing speed and accuracy, with a responsive design and error handling.
2 hours 26 minutes 45 seconds
Software Essentialist

Software Essentialist

Sources: Khalil Stemmler
Learn to write scalable, testable TypeScript and Master the 12 Essentials of design, architecture & testing from first principles.
34 hours 6 minutes 47 seconds