Day 30 of 30 of JavaScript

Hey reader👋 Hope you are doing well😊
First of all I would like to congratulate you as you have made it to this post🎉. This is the last blog of our JavaScript tutorial🥳.
In the last post we have talked about JSON. In this post we are going to discuss about some important concepts.
So let's get started🔥

JS Web APIs

APIs, or Application Programming Interfaces, are sets of rules and protocols that allow software applications to communicate with each other. Web APIs specifically refer to APIs provided by web browsers that enable developers to interact with and manipulate web pages and browsers.
JavaScript Web APIs are interfaces that allow developers to leverage built-in browser capabilities using JavaScript. These APIs can perform a variety of tasks such as manipulating the DOM (Document Object Model), fetching data from a server, storing data locally, and more.
We can also use third party APIs just by downloading the code from web.

Some commonly used JavaScript Web APIs are -:

- DOM (Document Object Model) API

The DOM API is perhaps the most fundamental web API for web developers. It allows you to interact with and manipulate the structure of web documents. You can add, remove, and modify elements and attributes using methods like getElementById, querySelector, appendChild, and removeChild.

- Fetch API

The Fetch API is a modern alternative to XMLHttpRequest for making network requests. It allows you to make HTTP requests to servers, handle responses, and process data asynchronously.

Here fetch is used for fetching data from API it returns a promise if the promise is resolved a response is generated otherwise error is thrown.

- Local Storage API

The Local Storage API allows you to store data locally within the user's browser. This data persists even after the browser is closed, making it useful for saving user preferences, caching, and more.

- Geolocation API

The Geolocation API provides a way to retrieve the geographical location of the user's device. It's commonly used in location-based services and applications.

There are many APIs that provide important functionalities. You can read more about it from here 👉https://developer.mozilla.org/en-US/docs/Web/API

JavaScript Cookies

What are Cookies?
Cookies are data, stored in small text files, on your computer.
When a web server has sent a web page to a browser, the connection is shut down, and the server forgets everything about the user.
Cookies were invented to solve the problem "how to remember information about the user".
When a user visits a web page, his/her name can be stored in a cookie.
Next time the user visits the page, the cookie "remembers" his/her name.
When a browser requests a web page from a server, cookies belonging to the page are added to the request. This way the server gets the necessary data to "remember" information about users.

Create Cookies in JavaScript

• Step 1 Setting a Cookie-: To set a cookie, you assign a string to document.cookie. The string should be in the format name=value; followed by optional attributes like expires, path, domain, and secure.
  
  username=JohnDoe sets the cookie name to username and its value to JohnDoe. expires=Fri, 31 Dec 2024 23:59:59 GMT sets the expiration date of the cookie. path=/ makes the cookie available within the entire domain.

• Step 2 Getting a Cookie-: To get a cookie, you can use JavaScript to parse the document.cookie string, which contains all the cookies for the current document.
  
  So here we are searching for a cookie belonging to particular user if we find the cookie in the cookies array then we return the parsed data otherwise null is returned.

Deleting Cookies in JavaScript
To delete a cookie, you set its expiration date to a past date. This effectively removes the cookie.

This is how you can use Cookies in JavaScript.

So this was last blog of JavaScript series. I hope you have found it helpful. The upcoming series will be of NodeJs so please stay connected and follow me.
Thankyou 🤍

Comments

[Abhay Saxena]

Can I learn Javascript from starting?
I mean with the help of this platform

[Akshat Sharma]

Yes you can I have complete JS series you can check JS log post

[Oluwatowo Rosanwo]

How do we start from day 1, awesome stuff though

[Akshat Sharma]

Check JS log post

[Robin Singh]

Thanks for the wonderful journey of 30 days challenge learnt a lot of new things

[Tomiwa]

Still don't understand

[Akshat Sharma]

What topic is bothering you here?

[Tomiwa]

I have learnt css and HTML, still not gotten the concept behind JavaScript

[Akshat Sharma]

Go to day 1 blog you will get to know. JS is basically used to add functionalities to your website like how a button will react when it is clicked or what will happen when you submit a form.