How to use the JavaScript to Fetch API

CHETAN KHAIRNAR — Sun, 13 Dec 2020 15:09:29 +0000

XMLHttpRequest was the thing used back then to make request and serve call , but the modern day JavaScript has made significant changes so has made the built-in-clean code now.

Fetching API is a basic but most important thing to do while making website more responsive, Along comes the Fetch API a new standard to make server request jam-packed with promises and all those things we learned to love over the years.

How do we use the Fetch API?

In a very simple manner all you really do is call fetch with the URL you want, by default the Fetch API uses the GET method:

fetch(url) // Call the fetch function passing the url of the API as a parameter
.then(function() {
// Your code for handling the data you get from the API
})
.catch(function() {
// This is where you run code if the server returns any errors
});

For example:
If u want to get 10 random users, use css selectors to add a select a button.

<h1>Authors</h1>
<ul id="authors"></ul>
const ul = document.querySelector('authors'); // Get the list where we will place our authors
const url = 'https://randomuser.me/api/?results=10'; // Get 10 random users

here is how things work in background
When we input the URL in fetch command in return we get a response.
Then we get a response but the response we get is not JSON but an object with a series of methods we can use depending on what we want to do with the information, these methods include:

clone() - As the method implies this method creates a clone of the response.
redirect() - This method creates a new response but with a different URL.
arrayBuffer() - In here we return a promise that resolves with an ArrayBuffer.
formData() - Also returns a promise but one that resolves with FormData object.
blob() - This is one resolves with a Blob. text() - In this case it resolves with a string.
json() - Lastly we have the method to that resolves the promise with JSON.

I have created a small and ready to make project using Funtranslations.com where u give a text and using api it can be translated to diff languages

var inputbtn=document.querySelector("#inputbtn");
var inputtxt=document.querySelector("#inputtxt");
var outputtxt=document.querySelector("#outputtxt");
var serverurl ="https://api.funtranslations.com/translate/minion.json";

function geturltranslate(text){
  return serverurl+ "?" +"text="+ text;
}
function translate(){
    var inputtext=inputtxt.value;
fetch(geturltranslate(inputtext))
    .then(response =>response.json())
    .then(json => {
      var translatedtext=json.contents.translated;
      outputtxt.innerText=translatedtext;   //output
    }) 
};
inputbtn.addEventListener("click",translate);

input: hello welcome here, have a good Day
output: Hello zhelosa stai, zinot zo zyemus diena

hence the only use of the APi is to convert the given text into translated text

checkout the site for more translation
TranslationApi

Coding vs Programming: what to choose

CHETAN KHAIRNAR — Wed, 02 Dec 2020 07:57:04 +0000

Lets talk about

Coding(Competitive programming)
Programming(development)

What is Coding?

Coding is basically the act of translating codes from human language to a machine-based language. It can also be called a subset of programming since it is the foundation of programming. A coder has to be multilingual and has to write codes in different programming languages such as Java, C, Python, R based on the requirement. With the help of codes, you are providing instructions and information to the computer.

Coding used for implementing the fundamentals of computer programming in one way is also programming.
So In coding u make small programs which can be used to solve day-to-day problems

What is Programming?

Programming is a bigger aspect than coding, which is one of the parts of it. It is the process of developing an executable software program that is implemented without any errors. It is the programmer’s job to analyze a problem in the code and provide solutions.
A programmer creates complex programs, read, and executed by the machine providing a complete set of instructions for computers to perform. It takes years to become a professional programmer. If you can build a program and ensure that it doesn’t have errors, you can consider yourself that you have leveled up in your career as a successful programmer.

Difference between Coding and Programming

Basic Difference
Coding is a part of programming that deals with converting the language into binary commands for the machine. Programming is the process of creating a program that follows certain standards and performing a certain task.
Scope
Coding is about translating the requirement logic into machine-understandable code. In contrast, programming demands analysis and conceptualization of different aspects of any program and finding solutions to any issues that may occur during the process. It also involves critical parameters such as debugging, compiling, testing, and implementation.
Tools
Coding doesn’t require so many software tools to be accomplished. Just a simple text editor like WordPad or Notepad would suffice. Nowadays, an IDE and debug tools such as Eclipse, Bootstrap, Delphi, ATOM are also used.
Programming requires document review and performing analysis along with coding that requires extra tools. The tools needed in the process are code analysis tools, code generators, databases, testing frameworks, linkers, compilers, code editors, GUI designers, assemblers, debuggers, and performance analysis tools.
A programmer is expected to know the advanced concepts of Git and Github, Database tools, analytical tools such as Apache Spark, presentation tools, cloud tools since it has a broader scope.
Skills
Coders are needed to have basic knowledge of programming languages. Programming would require creating algorithms, math models, data processing, and data structures know-how. A programmer needs a specialized degree and experience to write logic, analyze, design, and write complex programs. He also applies his imagination and analytical skills for solving specific problems. He is also expected to understand and create complex data structures and algorithms.
The coder’s job is to follow the programmer’s technical specifications to write code and ensure that the final outcome meets the requirements.

Conclusion

AT the end of the day both programmers as well as coders are chosen to Solve a Problem in Product Company
You must try out both then decide whichone soot's u the Most
Final wording find Your passion AND Go for it
This world has endless problems to be solved hence U will find your Right fit,have patience but be Passionate with your Work

DEV Community: CHETAN KHAIRNAR