asynchronous programming

//Synchronous vs asynchronous

//Asynchronous(Not Instant)
//Sending API request
//saving data to database
//reading data from database
//reading file , writing file

//javascript is single threaded
//send task to the browser
// send result from the browser to javascript engine
//Asynchronous programming

//browser + javascript V8 engine = Javascript We know(?)
//window, alert -part of browser

//way of dealing asynchronous data
//callback pattern
//promise pattern
//async await pattern (promise)

//callback
// function one(fn) {
//   setTimeout(() => {
//     fn(1)
//   }, 2000)
// }

// function two(num) {
//   return num
// }

// callback
// function three(fn, num) {
//   setTimeout(() => {
//     fn(num)
//   }, 2000)
// }

//callback hell //nested architecture
// one((value) => {
//   console.log(value)
//   const callBackFnThree = (value) => {
//     console.log(value)
//   }
//   three(callBackFnThree, value + 2)
// })

// const callBackFnOne = (value) => {
//   console.log(value)
// }

// one(callBackFnOne)

// console.log(one())

// three((value) => {
//   console.log(value)
// })
// console.log(three())

// three()
//   .then((value) => {
//     console.log(value)
//   })
//   .catch((err) => console.log(err))

//promise pattern
//resolve
//reject
//pending state
// function one() {
//   return new Promise((resolve, reject) => {
//     setTimeout(() => {
//       resolve(1)
//       //   reject(new Error(1))
//     }, 2000)
//   })
// }

// function two(num) {
//   return num
// }

//promise pattern
// function three(num) {
//   return new Promise((resolve, reject) => {
//     setTimeout(() => {
//       resolve(num)
//     }, 2000)
//   })
// }

// one()
//   .then((value) => {
//     //result available
//     return three(value + 2)
//   })
//   .then((data) => {
//     console.log(data)
//   })
//   .catch((err) => console.log(err))

//Way of connecting through API
//axios, fetch
//asynchronous

async function getTodos() {
  try {
    const res = await fetch('https://jsonplaceholder.typicode.com/todos')
    const data = await res.json()
    return data
  } catch (err) {
    console.log(err)
  }

  // .then((res) => {
  //   return res.json()
  // })
  // .then((data) => console.log(data))
  // .catch((err) => console.log(err))
}
//IIFE
;(async function () {
  const data = await getTodos()
  console.log(data)
})()

//GET Request(Getting data)
// function getTodos() {
//   fetch('https://jsonplaceholder.typicode.com/todos')
//     .then((res) => {
//       return res.json()
//     })
//     .then((data) => console.log(data))
//     .catch((err) => console.log(err))
// }

// getTodos()

//GET Request(Getting data)
// function getTodo() {
//   fetch('https://jsonplaceholder.typicode.com/todos/1')
//     .then((res) => {
//       return res.json()
//     })
//     .then((data) => console.log(data))
//     .catch((err) => console.log(err))
// }

//  getTodo()

//POST (adding new Data to server)
// function addTodo() {
//   fetch('https://jsonplaceholder.typicode.com/todos/', {
//     method: 'POST',
//     headers: {
//       'Content-type': 'application/json; charset=UTF-8',
//     },
//     body: JSON.stringify({
//       title: 'Hello world',
//       completed: false,
//     }),
//   })
//     .then((res) => {
//       return res.json()
//     })
//     .then((data) => console.log(data))
//     .catch((err) => console.log(err))
// }

// addTodo()
//PUT/PATCH(updating data to server)

// function updateTodo() {
//   fetch('https://jsonplaceholder.typicode.com/todos/1', {
//     method: 'PUT',
//     headers: {
//       'Content-type': 'application/json; charset=UTF-8',
//     },
//     body: JSON.stringify({
//       title: 'updated data',
//       completed: true,
//     }),
//   })
//     .then((res) => {
//       return res.json()
//     })
//     .then((data) => console.log(data))
//     .catch((err) => console.log(err))
// }

// updateTodo()

//DELETE(delete data from server)

// function deleteTodo() {
//   fetch('https://jsonplaceholder.typicode.com/todos/1', {
//     method: 'DELETE',
//   })
//     .then((res) => {
//       return res.json()
//     })
//     .then((data) => console.log(data))
//     .catch((err) => console.log(err))
// }

// deleteTodo()