Morioh
Login
Poppy Cooke

Poppy Cooke

3 years ago

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.

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

View/Download the CODE:
https://github.com/dcode-youtube/notes-app-javascript-localstorage/tree/main

Subscribe: https://www.youtube.com/c/dcode-software/featured

#javascript #web-development #webdev

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

youtube.com

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

We'll be creating a Notes App using only JavaScript and Local Storage. 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.

3 Likes25.65 GEEK