Build a Google Keep Clone with JavaScript: Step-by-Step Tutorial
Are you looking to improve your JavaScript skills and learn how to build a real-world application? In this step-by-step tutorial, we'll guide you through the process of building a Google Keep Clone using JavaScript.
We'll start with the basics of HTML and CSS, and then dive into JavaScript, where we'll cover essential concepts like variables, functions, and loops. We'll also use the Document Object Model (DOM) to manipulate HTML elements and create an interactive interface for our Google Keep Clone.
Throughout the tutorial, we'll explain each step in detail and provide tips and tricks to help you along the way. By the end of the tutorial, you'll have a fully functional Google Keep Clone and a solid understanding of JavaScript.
So, whether you're new to JavaScript or looking to improve your skills, this tutorial is for you! Don't forget to like, comment, and subscribe for more tutorials like this.
Github Repo for source code: https://github.com/Vishal-raj-1/Front...
This video is part of the Frontend Development Essentials Course: • Frontend Development Essentials
In this session, we will learn🔥
TIMESTAMPS:
0:00 Intro
0:54 Structure of the website (HTML)
3:45 Design our website (CSS)
11:11 Writing Logic for the website (JS)
14:09 how to add notes?
21:01 how to show notes on the website?
30:48 localStorage & Session Storage
33:33 how to store data in local storage?
34:56 JSON stringify
35:51 how to get data from local storage?
36:28 JSON parse
40:18 how to update data in local storage?
44:17 summary of addNote & showNote (MUST WATCH)
50:55 how to delete Note?
54:41 Features you should implement
Checkout Other Playlist:
⭐ HashMap & HashSet Playlist: • HashMap & HashSet
⭐ Binary Trees Data Structure Playlist: • Binary Trees | Data Structures and Algorithms
⭐ Master Linked List with Vishal Rajput Series: • Master Linked List
⭐ Stack Data Structure in C++ Playlist: • Stack Data Structure in C++
⭐ LeetCode Daily Challenge Solution Playlist: • Leetcode Solution by Vishal Rajput
Join Telegram Community: https://t.me/Vishal1Rajput
Connect with me,
👉 Instagram: / vishal_raj_1_
👉 Twitter: / vishalraj_1
👉 LinkedIn: / vishalraj1
👉 GitHub: https://github.com/Vishal-raj-1
#FrontendWithVishal
Auf dieser Seite können Sie das Online-Video Build a Google Keep Clone with JavaScript: Step-by-Step Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Vishal Rajput 23 Juli 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 6,513 Mal angesehen und es wurde von 117 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
