Beginner Vanilla JavaScript - To Do Application - #68
2 minutes
42:44 minutes
Ever wanted to build a to-do application? Let's build it using vanilla JavaScript. In this tutorial, we will use only vanilla JavaScript to build out an application that stores information in the browser using a local session, retrieves it, and displays it with a complete and remove button. We will also create an input that allows you to add new items to the list with the click of a button or by hitting the enter key.
This is a simple tutorial and since I have been learning to use vanilla JS more, I figured I would take what I have learned and put it to use for you. Hopefully, you learn a bit and I hope to do a few more tutorials using vanilla JS soon.
00:00 Intro
01:18 Setting Up Our Files
02:07 Building the HTML
09:16 Building the JavaScript
30:10 Building the SASS
40:11 The Final Product
Download the tutorial files here: https://github.com/thedevdrawer/js-todo-application
Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer
Applications Used
Visual Studio Code v1.43: https://code.visualstudio.com/
Computer Hardware:
Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)
Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)
Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)
Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)
Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)
MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)
MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)
LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)
Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)
AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)
Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)
Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)
Camera:
Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)
Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)
Audio:
Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)
Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
Like what you see, support the channel.
Get Merch Buy Me A Coffee Join Patreon Watch on YouTube View Projects on GitHub