Build a Notes App with JavaScript & Local Storage (No Frameworks)

View the Code & GitHub Repository:
https://dcode.domenade.com/tutorials/...

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/note...

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

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/...
💜 Join my Discord Server - Discord: discord
🐦 Find me on Twitter - Twitter: dcodeyt
💸 Support me on Patreon - Patreon: dcode
📰 Follow me on DEV Community - https://dev.to/dcodeyt
📹 Join this channel to get access to perks - @dcode-software

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

• #education
• #html_css_javascript_tutorial
• #html_css_javascript_project
• #javascript_project
• #intermediate_javascript_project
• #vanilla_js_project
• #vanilla_js_tutorial
• #local_storage_javascript_tutorial
• #javascript_mvp_tutorial
• #javascript_classes_tutorial
• #javascript_es6_import_export
• #beginner_js_projects
• #javascript_projects
• #web_development_projects
• #web_projects