Code a Note Taking App From Scratch - Full Stack HTML, CSS, JavaScript & Node.js
Offered By: Linode via YouTube
Course Description
Overview
Build a full-stack note-taking application from scratch using HTML, CSS, JavaScript, and Node.js in this comprehensive tutorial video. Learn essential web development skills as you progress through each step, from setting up the development environment to implementing core functionalities. Master database integration with MongoDB, create a responsive user interface, and develop server-side logic for user authentication and CRUD operations. Follow along to construct a login system, design an intuitive note management interface, and implement features such as adding, retrieving, and deleting notes. Gain practical insights into connecting to a Linode Managed Database, working with Mongoose models, and optimizing the user experience through real-time updates and seamless navigation.
Syllabus
Introduction
Install node.js
Create Database Cluster
Create a new VSCode Project
Create index.js
Create login.html
How to Use res.sendFile
Change Front End Appearance
Fixing your Login and Signup Flow
Setup Navbar Sharing
Create the Front End for Notes
How to Add and Save New Notes
Create a Sign Up Page
Connect to a Linode Managed Database
Create Models in Mongoose
Create Sign Up Flow
Send Details to Add Note API
Retrieving All Notes
Finish the Delete Functionality
Refreshing the List After Adding a New Note
Conclusion
Taught by
Linode
Related Courses
Programming LanguagesUniversity of Virginia via Udacity Building a Basic Website
University of Massachusetts Amherst via Independent iDESWEB, Introducción al desarrollo web
MirÃadax Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity Web Application Architectures
University of New Mexico via Coursera