E-Ticaret (Animation and Full Resposive)

What i practice

  • Fetch API
  • Dark-light Mode
  • Rendering prodcuts
  • Used HTML SCSS JS for Design
  • Full Responsive
  • Animation

URL

https://ornate-croissant-038d9d.netlify.app/

Screen

Kaynaklar

-Api: https://fakeapi.platzi.com/

FETCH NOTLARI

// fetch: apiye http istek atmamızı sağlar // get: veri almaya yarar // post: sunucuya veri gönderemeye yarar // put: sunucudaki bir veriyi güncellemeye yarar // delete: bir veriyi silmeye yarar

// get örneği ( yalnızca isteğimizi söylüyoruz) // function getUsers(){ // fetch("https://jsonplaceholder.typicode.com/users") // // gelen cevabın iki ihtimali vardır: // // ya olumlu olur ve veri gelir, // .then((response) =>{ // response.json() // .then((data)=> renderUsers(data))

// }) // // olumsuz olur ve hata mesajı gelir. // .catch((error)=>{ // console.log(error); // })

// }

// getUsers()

// function renderUsers(users){ // users.forEach((user)=> document.write(user.name + "
")); // }

e-commerse