Learn how to use Cookies by building JS HTML CSS Project. Cookies in Web Development
#javascript #html #css Learn how to work with cookies in the SignIn/ SignOut App. The video explains how to add, find, and remove cookies from the document.cookie string. For working with cookies Date object, array, and string functions are used. In the end, I will show how you can find cookies in Developer tools and remove them manually.
Link to the source code: https://github.com/DzmitryUr/js-html-...
⌚️Timestamps:
0:05 What are Cookies in Web Development?
0:45 Design of the Project
1:16 HTML Structure and Semantics
3:08 CSS Styling and Layout
5:49 Retrieving DOM Elements with the document.getElementById()
6:38 Function setCookie() to store a cookie in the document.cookie
9:28 Function getCookie() to retrieve a cookie from document.cookie
11:49 Function deleteCookie() to remove a cookie from document.cookie
12:46 Manipulate DOM depending on the cookie
15:09 Adding Click Event Listeners and Event Handlers
16:44 Testing the functionality, checking the cookie in the browser
#js #javascriptprojects #frontend #frontendinterview #webdevelopment #javascriptinterview #javascriptbeginner #html5 #css3 #javascriptcode #javascriptcoding #cookies