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

The Ultimate Web Scraping Course

The Ultimate Web Scraping Course

Sources: Adrian Horning (The Web Scraping Guy)
I have been earning a living through web scraping for over 3 years, have made over $125,000, have more than 25,000 followers on social media, and in this...
10 hours 33 minutes 19 seconds
Testing Fundamentals [EpicWeb]

Testing Fundamentals [EpicWeb]

Sources: Artem Zakharchenko
In this workshop, Artem Zakharchenko, testing expert and creator of the Mock Service Worker API mocking library, will guide you through creating your own versio
5 hours 16 minutes 16 seconds
Animating the web with Framer Motion

Animating the web with Framer Motion

Sources: Jeroen Reumkens
Making smooth, performant and beautiful animations is hard. Framer Motion helps you overcome a lot of these struggles. In this course, I'll guide you through ev
6 hours 3 minutes 51 seconds
Module Federation: Microservices for the Frontend

Module Federation: Microservices for the Frontend

Sources: Michael Guay
Learn how Module Federation helps in building a microservices architecture for the frontend. Understand the setup of a modular interface and independent...
1 hour 20 minutes 26 seconds