Fetch в JavaScript - Полный курс [AXIOS, XmlHttpRequest] (Статусы, методы, network, api, query)
✏️ Как запрашивать данные от сервера в javascript? Что такое api и как его найти? Какие есть статусы и методы запросов? Чем get отличается от post? Что такое query параметры или search параметры? Зачем нужен axios и XmlHttpRequest?
🚀 Получить опыт реальной разработки можно тут: https://preax.ru/?i=7f3ba9e5&erid=LjN8KcgHb
Помощь во всем • ревью вашего кода • стримы • и многое другое
Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ОГРН 1237700372755, ИНН 9727035595
🔥 Поддержать автора:
https://www.donationalerts.com/r/kakeitoyroki
📚 Ссылки:
Исходный код: https://github.com/R1ON/html/tree/main/js/31
JsonPlaceholder: https://jsonplaceholder.typicode.com/
Коды ответов: https://developer.mozilla.org/ru/docs/Web/HTTP/Status
Методы: https://developer.mozilla.org/ru/docs/Web/HTTP/Methods
API с погодой: https://open-meteo.com/en/docs
XmlHttpRequest: https://developer.mozilla.org/ru/docs/Web/API/XMLHttpRequest
💬 Чат в телеграмме (помощь новичкам):
https://t.me/kakieToYrokiChat
🎦 Другие видео:
🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA
🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA
🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg
🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU
🟠 TypeScript базовый курс: https://youtu.be/gL0mYPjwoII
🎦 Плейлисты:
🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw
🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty
🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk
🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl
🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb
🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF
⏰ Таймкоды:
▶ 00:00 | Введение
▶ 01:02 | Что такое API и как его найти
▶ 05:13 | Делаем запрос через fetch
▶ 06:10 | Network в chrome
▶ 08:08 | Достаем значения из fetch
▶ 13:13 | Статусы ответа
▶ 18:35 | Метод GET
▶ 19:50 | Метод POST
▶ 24:43 | Метод DELETE
▶ 25:10 | Метод PUT
▶ 25:35 | Когда использовать методы
▶ 26:01 | Пример использования методов
▶ 27:28 | Search/Query параметры
▶ 28:01 | Практика: получаем погоду
▶ 36:25 | Axios
▶ 42:35 | XmlHttpRequest
▶ 44:45 | Заключение
🔊 Музыка:
"Tokyo Music Walker - Slowly" is under a Creative Commons (CC-BY 3.0) license.
https://www.youtube.com/channel/UC3lL...
Music promoted by BreakingCopyright: https://youtu.be/L4snZSpQApo
"The Loyalist - Eastridge Turnstile" is under a Creative Commons (CC-BY 3.0) license
Music promoted by BreakingCopyright: https://bit.ly/b-turnstile
"Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license
Music promoted by BreakingCopyright: https://bit.ly/bkc-warm
"Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license.
https://www.youtube.com/purrplecatmusic
🎵 Music provided by BreakingCopyright: https://youtu.be/5aOBYaHgmk8
"Ghostrifter Official - Lost In Thought" is is under a Creative Commons (CC BY-ND 3.0) license.
http://creativecommons.org/licenses/b...
https://youtube.com/channel/UCoRhkLds...
Music powered by BreakingCopyright: https://youtu.be/u5QBqjuMUaQ
"Artificial.Music - Faithful Mission" is under a Creative Commons (CC BY 3.0) license.
https://www.youtube.com/c/SmartToaster
🎵 Music provided by BreakingCopyright: https://bit.ly/faithful-mission-song
Song: "Dj Quads - Birds And The Bees"
https://www.youtube.com/c/DjQuadsOffi...
Music provided by BreakingCopyright: https://youtu.be/ZNadyNG6U-s
"Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license.
https://www.youtube.com/c/DarrenCurti...
Music promoted by BreakingCopyright: https://youtu.be/rsyWCW7tGWQ
#frontend #js #javascript #fetch