Code a Full Stack Note Taking App From Scratch | Full Stack HTML, CSS, JavaScript & Node.js
In this video, @CodeWithHarry will show you how to create a note taking app from scratch using HTML, CSS, JavaScript, and Node.js. Be sure to subscribe for more videos and tutorials.
Chapters:
0:00 Introduction
0:40 Install node.js
1:50 Create Database Cluster
4:15 Create a new VSCode Project
6:30 Create index.js
9:10 Create login.html
12:30 How to Use res.sendFile
14:30 Change Front End Appearance
17:30 Fixing your Login and Signup Flow
18:28 Setup Navbar Sharing
19:42 Create the Front End for Notes
22:54 How to Add and Save New Notes
36:35 Create a Sign Up Page
40:46 Connect to a Linode Managed Database
45:00 Create Models in Mongoose
51:00 Create Sign Up Flow
1:03:00 Send Details to Add Note API
1:07:02 Retrieving All Notes
1:12:18 Finish the Delete Functionality
1:13:26 Refreshing the List After Adding a New Note
1:15:18 Conclusion
New to Cloud Computing? Get started here with a $100 credit → https://www.linode.com/lp/youtube-vie...
Read the doc for more information on working with Node.JS → https://www.linode.com/docs/guides/us...
Learn more about web development languages → https://www.linode.com/docs/guides/we...
Subscribe to get notified of new episodes as they come out → https://www.youtube.com/linode?sub_co...
#nodejs #webdevelopment #fullstack #Linode
Product: Linode, Full Stack, Node.js; @CodeWithHarry ;
Auf dieser Seite können Sie das Online-Video Code a Full Stack Note Taking App From Scratch | Full Stack HTML, CSS, JavaScript & Node.js mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Akamai Developer 14 September 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 42,084 Mal angesehen und es wurde von 1.5 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
