Build a Notes App with JavaScript & Local Storage (No Frameworks)
In today’s video, we’ll be creating a Notes App using only JavaScript and Local Storage. This project is perfect if you’ve got some JavaScript knowledge under your belt and want to learn new ways to structure an app like this.
The code for this makes use of the following HTML, CSS, JS features: Local Storage, ES6 Import/Export Syntax, Classes, Arrow Functions, Static Methods, Callback Functions, Event Listeners, QuerySelector, GetElementById, Template Strings, Class List, CSS Psuedo-Classes, Flexbox and HTML5 Data Attributes.
View/Download the CODE:
https://github.com/dcode-youtube/notes-app-javascript-localstorage/tree/main
Chapters:
0:00 Overview & Demo
1:46 HTML
6:27 JavaScript: Local Storage API
19:06 JavaScript: Building the View
48:50 JavaScript: Finalizing Everything
1:02:23 Outro
If this video helped you out and you’d like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript #html
Suggest:
☞ JavaScript Programming Tutorial Full Course for Beginners
☞ Learn JavaScript - Become a Zero to Hero
☞ Web Development Tutorial - JavaScript, HTML, CSS