CRUD operations in JavaScript using LocalStorage | CRUD operations in HTML CSS JavaScript (easy way)

CRUD operations in JavaScript using LocalStorage in JavaScript, HTML and CSS | CRUD operations in HTML CSS JavaScript (Create, Read, Update, Delete) | How to create a form having CRUD operations using localStorage? | What is CRUD?

In this video, you will learn CRUD operations using JavaScript.
Topics Which We Will Cover in This Video Are:--
1. What is CRUD?
2. Creating form using HTML
3. CRUD operations using LocalStorage, JavaScript, HTML and CSS
4. Validating form functions
5. Styling the form using CSS
____________________________________________________________

Time stamps:

0:00 CRUD operations in JavaScript
0:26 What is CRUD?
3:02 Demo of what I will teach in this video
7:55 HTML coding part
9:01 Linking CSS and JS files in HTML file
10:20 Creating HTML form
21:11 Retrieving form data
30:17 Storing data in Local Storage
33:20 Retrieving data from local storage, and storing in HTML table
36:53 INSERT function
51:59 EDIT function
59:27 UPDATE function
1:12:00 DELETE function
1:19:51 Validating form
1:25:23 Styling the form using CSS (external stylesheet as well as inline style)
____________________________________________________________

For full HTML CSS and JavaScript tutorials, visit the playlists:

Checkout my channel for more related videos:
_____________________________________________________________

Connect with me:

______________________________________________________________

Tags:
Subscribe for more such videos: @WebTutsAditi

[abuqeisimran]

WOW...wow..wow....You are really like a great teacher...you explained us one by one, step by step with clearly. I like the way you teach us. Thanks a ton Dev.

[mugeshM-vbxj]

"Thank you for sharing your expertise! This video was incredibly informative."

[Nikunjitaliya]

i searched crud and i found this video really this is so much helpful now i will be your literly big fan thank you for this awesome video

[tonytodd]

Thank WTA for your great video on CRUD!

[aaishashaikh]

Very informative video.
You explained everything in a excellent manner.
Fantastic video!!!!

[Alwaysurgani]

Tq mam this video is really helpful for me now I understood whole concept with clear picture.

[hklyt]

Thank you so much from Kenya 🇰🇪. You saved me for my mini project 😅

[shaktidharmahapatra]

Very nice explanation and very informative session. Thank you for your hard work. Much appreciated.

[rukayatzakariyau]

Wao this is the best ever video on javaScript that have seen that is beginner friendly. I so much appreciate this. Please keep this type of beginner friendly videos on javaScript coming. Thank you so much.

[md.kamaluddin]

Nicely narrated & very much easy to understand. Keep it up & it will be so helpful for the beginners.

[bagasaryo]

can i not use localstorage as the array and achieve the same result? and only from the table storing the values?

[surveaniket]

This Crud operation helps me to understand many

[anandaananda]

This is really helpful. Thank you for making this vedio.

[Alwaysurgani]

Tq mam due to your tutorial I got clear and crystal explanation of above topic now I will explain to another person.Tq so much for this tutorial.

[gibran]

by the way very good video everything well explained thanks

[abirbasumatary]

Thank you for the very valuable content.

[rahulwaghela]

Thank you very much dude for making this video now after watching this video my concept is clear. 😌

[claudeclaude]

Excelent video. Any idea on how to do this in a postgres db? It would be great if keep this project as it is and do the CRUD operation on a postgres db.

[solabiabraham]

Really helpful video...thanks for making this

[asifnawaz]

it is adorable. I like the way you guide. there is a problem for me when I refresh the browser the whole data is in form and the data in " Data from local storage" disappears.