JavaScript - document.cookie

Learn everything about setting cookies in JavaScript with document.cookie. We will also learn about the Google Chrome application tab, cookies in general, setting cookies on the server versus client, and more!
👩‍💻 Download Code 👨‍💻
wittcode.com
🛜 Download My Chrome Extension 🛜
chromewebstore.google.com/det...
💻 Compare Laptop Specs 💻
laptopspectable.com
🔴 Rare Pokemon Cards ⚪️
rarepokemoncards.com
👻 90s Nostalgia 👻
goosebumpsforsale.com
⌛Timestamps⌛
0:00 - What is HTTP? What are Cookies?
1:38 - What is document.cookie?
2:21 - Creating a Cookie with document.cookie
4:02 - What is the Application Tab?
5:14 - Looking at Cookies in the Application Tab
6:49 - The Cookie Domain Attribute
11:05 - The Cookie Path Attribute
16:21 - The Cookie Expires/Max-Age Attribute
19:28 - The Cookie Size Attribute
20:35 - The Cookie HttpOnly Attribute.
22:02 - The Cookie Secure Attribute.
23:17 - The Cookie SameSite Attribute
34:28 - The Cookie SameParty Attribute
35:14 - The Cookie Priority Attribute
36:01 - Parsing Document.cookie
40:00 - EncodeURIComponent
42:05 - Cookie Flags
42:36 - Outro

[@cursedtrousers8735]

Thanks WittCode! I've always set cookies with the server... It's cool seeing it with the client...

[@Alex-ti6br]

Thank you so much for clear explanation !

[@user-en2go7xu3l]

Thanks 😊👍 Now I get to know about cookie

[@user-ir2vf2nw6d]

good explained!

[@shivanshkothari8277]

Amazing video! Thanks a lot man!
BTW could you tell why you covered some details through a black block each time you wrote it
Does auto completion also include sensitive info
If yes what kind?

[@riskitall7421]

Hey bro good explanations! Keep the videos coming.

[@najatdrouri6236]

cookies generated by the javascript are not send to the server , it stays at client side for rendering and the main goal of using it is to optimize the ux and website performance ...

[@anweshabasak603]

alert("Cookie Value is " document.cookie)