Create, Read, Update, Delete (CRUD) in JavaScript: Note Taking App Tutorial

Показать описание

In this tutorial, we'll be creating a CRUD (Create, Read, Update, Delete) note taking app using vanilla JavaScript. This app will allow users to enter notes, view them, and delete them.

If you're looking to learn the basics of CRUD apps in JavaScript, then this tutorial is for you! By the end of this tutorial, you'll have created a basic CRUD app that you can use in your own projects. We'll walk you through the entire process, from scratch, so you'll understand every step of the way. Let's get started!

⏱️ Timestamps
0:00 - Demo
6:58 - Starter file
08:25 - Initial HTML CSS
22:24 - Setting typography
27:47 - Sidebar section
54:43 - Header section
1:02:15 - Notelist
1:14:27 - Modal
1:27:56 - Tooltip
1:32:57 - Media queries
1:38:31 - Basic javascript functionality
1:44:47 - Light & dark theme
1:58:07 - Tooltip functionality
2:06:01 - Create notebook (JS)
2:40:08 - Render existed notebook (JS)
2:46:56 - Update notebook (JS)
2:59:40 - Delete notebook (JS)
2:22:48 - Create note (JS)
3:52:46 - Render note (JS)
4:07:36 - Read & update note (JS)
4:16:26 - Delete note (JS)

👍 Like - Follow & Support👍 Like - Follow & Support

⚠️ Disclaimer
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use

#codewithsadee
#crudapp
#notetakingapp

Рекомендации по теме

Комментарии

lets go for another one! ty for the content

favanzzo

Beautiful sadee❤🎉, keep those javascript tutorials coming.

Neil_

Wanted to see a silent coding tutorial and this just blew my mind. Subscribed instantly.

bharatdubey

You are the best, the project was incredible

flaviomacariodesouza

Thank you so much for creating this fantastic tutorial on building a Note Taking App with CRUD operations in JavaScript! Your explanations were clear and easy to follow, making it a great resource for both beginners and those looking to expand their JavaScript skills...

itswebdesigner

I love what you do in your channel ❤❤❤❤❤❤❤❤❤❤❤

sajidfit

Your tutorials have really helped me (ALL THE WAY FROM KENYA) through my coding journey for the past year or so...And for that am truly grateful THANK YOU!.

codebyian

You have the talent to be the best. Use your god given gift of voice and YouTube algorithm shall bless you with +1million subs

demitri

Great to see you again
Code with sadee ❤
Missing your voice...

samscodes

thankew thankew thankew soooo much for that really ❤

bilal

The tutorial is great as always, but I think it's more relaxing to listen to the music then hearing the sound of keyboard. Just a suggestion think about it 😁

aryansrivastava

tour channel is amazing. i learn lot of thing about web development. please can you upload video about "make website it include database and database managing" thank you and good

mqsstyc

You should consider creating your own frontend course, I'd be happy to buy it :)

fabriziocau

Sir your content is truly great.
But it is monotonous to just simply code along with you, and it's not worthwhile copying code if you don't understand what it does. So as a humble request please consider explaining what the code does in a voiceover or better yet speak as you code so we can understand better

shadowslayer

This is crazy good work. No nonsense clean code along. I'm not sure if I missed it or not but is this capable of retaining memory across sessions? basically does it have persistent memory?

skelpie

U need to create playlist. So the video can be 5 part. Easy to watch

lebahsaham

Please make a fullstack airbnb clone app, it would be wonderful.

carlossilva-qnoj

Please make a websites using bootstrap 5 👍

faizudesigns

bro there is a glitch when we are creating a notebook while typing if we click on create note button it glitches

SpeediBoi

sir can you make your next website on books, it would be really cool😊

ShivamMishra-noss

Create, Read, Update, Delete (CRUD) in JavaScript: Note Taking App Tutorial

PHP CRUD || Create, Read, Update, Delete.

PHP and MySQL with CRUD Operations: Create, Read, Update, Delete

Creating a CRUD (Create, Read, Update, Delete) Application in HTML, CSS, and JavaScript

PHP CRUD Operation| Create, Read, Update, Delete.

Spring Boot | Tutorial 8: CRUD Operations (CREATE, READ, UPDATE, DELETE)

CRUD Operation In PHP & MySQL | PHP CRUD (Create, Read, Update, Delete)

PHP CRUD Operations with MySQL Database & Bootstrap 5 - Select, Insert, Update, Delete

CRUD Operation in PHP mySQL |Create,read,update, delete in Php mysql| PHP CRUD Operation source code

Vue.JS full-stack CRUD app with Laravel 11 API with Authentication course 2024 | Part 2/2

RESTful CRUD (Create, Read, Update, Delete) API using Express.js, Node.js and mongoDB

Django Framework Python | Complete CRUD Operations | Create, Read, Update, Delete Application

PHP MYSQL CRUD Application || Create, Read, Update, Delete.

Membuat CRUD (Create, Read, Update, Delete) Pada PHP & MySQL | Pemrograman Web

Laravel 9 CRUD (Create, Read, Update and Delete)

How to do CRUD ( Create, Read, Update, Delete) operations in OutSystems without using scaffolding?

PHP CRUD operations (Create, Read, Update, Delete)

Code a Full CRUD API (Create, Read, Update, Delete) - React Tutorial 34

PHP CRUD Operations with MySQL Database | Create ✨, Read 🔍, Update 🔄, Delete ❌

PHP CRUD | Create Read Update Delete Queries in PHP MySQL

Flutter Firebase CRUD (Create, Read, Update, Delete)

SwiftUI - MySQL CRUD Operations(Create, Read, Update, Delete) with REST API in SwiftUI 2.0

JSP Servlet JDBC MySQL Create Read Update Delete (CRUD) Example

PHP CRUD | Create, Read, Update, Delete, View using PHP MySql using Bootstrap 5 | PHP CRUD in 2022

Create, Read, Update, Delete (CRUD) in JavaScript: Note Taking App Tutorial