Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Slide DevCoach #151

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for shabilla shabilla
June 03, 2024
59
0

Slide DevCoach #151

Avatar for shabilla

shabilla

June 03, 2024

More Decks by shabilla

See All by shabilla
Slide DevCoach
Avatar for shabilla shabillarestu
0
62
Slide DevCoach
Avatar for shabilla shabillarestu
0
34
Slide DevCoach
Avatar for shabilla shabillarestu
0
30
Slide DevCoach
Avatar for shabilla shabillarestu
0
35
Slide DevCoach
Avatar for shabilla shabillarestu
0
35
Slide DevCoach
Avatar for shabilla shabillarestu
0
23
Slide DevCoach
Avatar for shabilla shabillarestu
0
36
Slide DevCoach
Avatar for shabilla shabillarestu
0
33
Slide DevCoach
Avatar for shabilla shabillarestu
0
37

Featured

See All Featured
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
220
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
960
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.6k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
160
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
570
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.8k

Transcript

  1. Position Hidup Lebih Simpel dengan Axios Front-End Web Nur Rizki

    Adi Curriculum Developer

  2. Agenda Front-End Web • Apa itu Axios • Perbedaan Axios

    dengan lainnya • Cara penggunaan Axios API • Dua fitur utama yang keren!

  3. Efficient Client-Server Communication: An Overview of Protocols and Techniques -

    Pavlo Kolodka Front-End Web

  4. XMLHttpRequest Front-End Web Fetch API Browser API untuk Client-Server Communication

  5. Front-End Web Library untuk Client-Server Communication

  6. • For browser and Node.js. An isomorphic. • Promise-based HTTP

    client. Node.js use http module and browser use XHR. • Simple to use. • Very extensible interface. Front-End Web Why should I choose Lit? - lit.dev Axios, HTTP Client Library

  7. Contoh Fetch API

  8. Contoh Axios

  9. Contoh Fetch API dengan async/await

  10. Contoh Axios dengan async/await

  11. Perbedaan antara Fetch API & Axios

  12. Skema Response dari Axios Response Schema - Axios Docs

  13. Hanya itu saja kelebihannya? • Axios Instance • Interceptor Front-End

    Web

  14. How Does Axios Work

  15. Axios Request Request Interceptor Transform Request How does Axios work?

  16. Browser XMLHttpRequest Node.js Node.js HTTP Request How does Axios work?

  17. then()/catch() Response Interceptor Transform Response How does Axios work?

  18. Let’s get dirty our hands

  19. Use Case for Interceptor

  20. Use Case for Interceptor

  21. • The rules of usage, Axios API. • Request config

    for making request. • Handling error in axios. Another to Know!

  22. Thank You nurrizkiadip Nur Rizki Adi Prasetyo @NAdiPrasetyo [email protected] Nur

    Rizki Adi Prasetyo Nur Rizki Adi Prasetyo Front-End Web

  23. Feedback! Hadiah: • 1 Token Langganan Academy (30 Hari) *untuk

    pengisi feedback terpilih! dicoding.id/devcoachfeedback

  24. Front-end Web

  25. https://reflectoring.io/tutorial-guide- axios/ https://masteringjs.io/axios