Fetch в JavaScript - Полный курс [AXIOS, XmlHttpRequest] (Статусы, методы, network, api, query)

  Рет қаралды 6,717

Какие-то уроки

Какие-то уроки

Күн бұрын

Как запрашивать данные от сервера в javascript? Что такое api и как его найти? Какие есть статусы и методы запросов? Чем get отличается от post? Что такое query параметры или search параметры? Зачем нужен axios и XmlHttpRequest?
Курс по Chrome Dev Tools: stepik.org/a/194549
Поддержать автора: donationalerts.com/r/kakeitoyroki
Наш чатик: t.me/kakieToYrokiChat
Промисы полный курс: • Промисы в JavaScript [...
JsonPlaceholder: jsonplaceholder.typicode.com
Коды ответов: developer.mozilla.org/ru/docs/Web/HTTP/Status
Методы: developer.mozilla.org/ru/docs/Web/HTTP/Methods
API с погодой: open-meteo.com/en/docs
XmlHttpRequest: developer.mozilla.org/ru/docs/Web/API/XMLHttpRequest
Исходный код: github.com/R1ON/html/tree/main/js/31
***** Таймкоды:
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.
kzbin.info/door/3lL...
Music promoted by BreakingCopyright: • 🚣 Free Calm Piano Musi...
"The Loyalist - Eastridge Turnstile" is under a Creative Commons (CC-BY 3.0) license
Music promoted by BreakingCopyright: bit.ly/b-turnstile
"Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license
Music promoted by BreakingCopyright: bit.ly/bkc-warm
"Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license.
/ purrplecatmusic
🎵 Music provided by BreakingCopyright: • 🐈 Free Lofi Chillout M...
"Ghostrifter Official - Lost In Thought" is is under a Creative Commons (CC BY-ND 3.0) license.
creativecommons.org/licenses/b...
kzbin.info/door/oRhkLds...
Music powered by BreakingCopyright: • 📚 Study + Lofi (Free M...
"Artificial.Music - Faithful Mission" is under a Creative Commons (CC BY 3.0) license.
/ smarttoaster
🎵 Music provided by BreakingCopyright: bit.ly/faithful-mission-song
Song: "Dj Quads - Birds And The Bees"
/ djquadsoffi. .
Music provided by BreakingCopyright: • [Non Copyrighted Music...
"Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license.
/ darrencurti. .
Music promoted by BreakingCopyright: • 🥀 Free Dark Music - "J...

Пікірлер: 36
@user-hw9cs6te5y
@user-hw9cs6te5y 2 ай бұрын
Удивлена что под таким крутым видео так мало лайков. Всё понятно и без лишних слов. В Вашем коротком видео я узнала больше, чем узнала в книге. Благодарю!!
@user-iw7mj1ci5e
@user-iw7mj1ci5e 20 күн бұрын
Ой, хосподь! Наконец-то кто-то нормально это всё объяснил и показал. Спасибо💕Очень понятно рассказываете. Продолжайте в том же духе👌
@aizr5979
@aizr5979 6 ай бұрын
Ураа, наконец-то я нашел урок по запросам на сервер, и еще свежак урок, а не двух годичные или 3рех годичные.
@kakieToYroki
@kakieToYroki 6 ай бұрын
Всегда пожалуйста )
@aizr5979
@aizr5979 6 ай бұрын
​@@kakieToYroki Проводите ли вы стримы на этом канале ? Если да, я бы зашёл.
@kakieToYroki
@kakieToYroki 6 ай бұрын
@aizr5979 пока еще нет, тк аудитории еще мало, в будущем планировал
@user-yh1pt5mr4i
@user-yh1pt5mr4i 2 ай бұрын
единственный кто все понятно обьснил. Респект
@kakieToYroki
@kakieToYroki 6 ай бұрын
Я начал по новому клянчить лайки )))) Интересно, сработает ли это, если об этом напоминать
@olgapedashenko3930
@olgapedashenko3930 Ай бұрын
Гениально! Гениально просто и понятно! Большое спасибо, объяснил настолько круто, что поняла даже я😆
@zharenaya
@zharenaya 3 ай бұрын
спасибо большое за ролик)
@Ger4i4
@Ger4i4 6 ай бұрын
Кайфую от твоих роликов, спасибо за работу!
@user-od4wh2jw8k
@user-od4wh2jw8k 6 ай бұрын
Все понятным и доступным языком объясняешь и за это тебе большое спасибо и лайк, как всегда👍👍👍
@itsvitos
@itsvitos 23 күн бұрын
Хорошее видео👍
@nikitanazaroff
@nikitanazaroff 3 ай бұрын
Спасибо, у меня получилось, хотя раньше ничегошеньки не понимал в вебе и http. Получилось не сразу, так как с ходу я вляпался сразу и в перенаправление на https (которое не у всех апи есть), и в проблему с CORS. Короче, в видео очень не хватило комментария, что на странице гитхаба с бесплатными апи надо для первых шагов выбирать только те, у которых все три квадратика зелёные.)))
@igorsenichev3779
@igorsenichev3779 6 ай бұрын
Спасибо 👍
@Bellcranel-on1us
@Bellcranel-on1us 3 ай бұрын
Дякую за відео
@user-by3vr7dg5k
@user-by3vr7dg5k 5 ай бұрын
Давай про веб сокет. Буду признателен)
@user-lw7mg8yx4p
@user-lw7mg8yx4p 3 ай бұрын
Спасибо! Посмотрела весь плейлист по JS, сделала все ДЗ, спасибо! А будут еще видео по JS?
@kakieToYroki
@kakieToYroki 3 ай бұрын
Да, будут. Со следующей недели начну записывать новые видосы
@unicoxr5tj417
@unicoxr5tj417 6 ай бұрын
AXIOS маст хев
@vseleyshiy
@vseleyshiy 2 ай бұрын
Расскажи как использовать api с регистрацией, не понимаю я как регистрироваться, хочу себе на сайт вывести языки программирования с wakatime, на которых я писал за последнюю неделю, но там нужна регистрация((
@bari9631
@bari9631 2 ай бұрын
вот непонятно то, что когда мы в 1ом then() сохраняем результат работы метода json() в переменной data2 и выводим её на консоль, то видим что это Promise. а когда возвращаем результат через return и пишем 2ой then() и там получаем info, то это уже json данные
@unknown.6914
@unknown.6914 3 ай бұрын
2:40 а почему не json placeholder. Вроде для тренировки лучше не найти. Посмотрел дальше и в итоге он самый в работе))
@kakieToYroki
@kakieToYroki 3 ай бұрын
Идея была в том, что он перестанет когда-нибудь существовать и нужно было показать как находить другие апишки А так да, он удобный :)
@HiroNakamura1991
@HiroNakamura1991 6 ай бұрын
Сначало я научился пользоватся FETCH итд и только сейчас я понял что есть что !
@Vse-po-Faktu
@Vse-po-Faktu 6 ай бұрын
Стандартное изучение JS 😁😁. Руки делают, понимание приходит не сразу )))
@user-fn6xx7db1r
@user-fn6xx7db1r 3 ай бұрын
Здравствуйте, вот я что то понять вот всё это не могу не только апи но и другое мне стоит про фетч ознакомиться а потом переходить к другим?
@kakieToYroki
@kakieToYroki 3 ай бұрын
@user-fn6xx7db1r про фетч будет рассказано дальше и эта тема будет интегрирована с промисами
@user-fn6xx7db1r
@user-fn6xx7db1r 3 ай бұрын
@@kakieToYroki дальше в новых видео?
@gagarin6580
@gagarin6580 6 ай бұрын
на заставке как НПС
@kakieToYroki
@kakieToYroki 6 ай бұрын
В жизни так же ))
@kakieToYroki
@kakieToYroki 6 ай бұрын
Захожу на кухню, спрашивают, чем буду завтракать и я в Т позу встаю. Иногда начинаю в текстуры проваливаться и из-за коллизий меня выкидывает в ванную комнату
@gagarin6580
@gagarin6580 6 ай бұрын
@@kakieToYroki это когда-то пофиксят, разрабы просто лентяи
@user-qm1cw5eo6v
@user-qm1cw5eo6v 5 ай бұрын
2 года изучал джаваскрипт,и верстку ,на работу вообще не устроится. На позицию по 400 человек.Рынок перенасыщен.Скоро ИИ всех заменит
@kakieToYroki
@kakieToYroki 5 ай бұрын
Не заменит
@romansamon9215
@romansamon9215 4 ай бұрын
Ыхвхаххп, да, конечно заменит, куда денется, в большинстве мест, где я работал - 99% всей работы это поддержка уже существующего большого проекта, для этого нужно понимать всю логику и контекст и предметную область, чего ии никогда не узнает)
try catch throw | Обработка ошибок в JS [Курс 2024]
28:04
Какие-то уроки
Рет қаралды 2,1 М.
Промисы в JavaScript [Полный курс 2023] для новичков
49:17
Какие-то уроки
Рет қаралды 10 М.
Каха инструкция по шашлыку
01:00
К-Media
Рет қаралды 8 МЛН
A pack of chips with a surprise 🤣😍❤️ #demariki
00:14
Demariki
Рет қаралды 36 МЛН
Khóa ly biệt
01:00
Đào Nguyễn Ánh - Hữu Hưng
Рет қаралды 11 МЛН
How to FETCH data from an API using JavaScript ↩️
14:17
Bro Code
Рет қаралды 88 М.
Урок 5. JavaScript. Promise. Что это, как работает (+ пример)
23:18
Рекурсия в JavaScript на простых примерах, хватит ее бояться!
37:38
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 50 М.
Просто o async, await. Без циклов и таймеров. JavaScript
15:55
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 95 М.
Каха инструкция по шашлыку
01:00
К-Media
Рет қаралды 8 МЛН