Fetch запрос. Async функции, await. AJAX | JavaScript 2.0

🔶 itgid.info/ru/course/js20/fet...
Задать вопрос по курсу: telegram.me/itgid_admin
✈️ Телеграм канал общий: t.me/itgid_info
👨‍🎓 Курсы:
HTML : itgid.info/ru/course/html
JavaScript 2.0: itgid.info/ru/course/js20
ReactJS: itgid.info/ru/course/reactjs
PHP: itgid.info/ru/course/php
Интернет магазин: itgid.info/ru/course/nodeshop
Канал ru: / itgid
Канал UA: / @itgidua-web7836
Изучаем Fetch запросы. Создаем GET, POST запросы с помощью интерфейса Fetch, учимся добавлять заголовки к запросам, добавлять тело запроса (для POST) в формате FormData. Изучаем что такое промисы, чем отличаются обычные функции от Async. Изучаем как await в асинхронной функции позволяет дождаться результата ответа от сервера. Работаем с API.
00:00 Вступление
01:10 Создаем шаблон для работы
02:20 Fetch для получения прогноза погоды
12:00 Переводим Fetch на async await
16:00 GET запрос на Fetch с заголовками и авторизацией
21:45 Fetch для GET запроса с query
22:30 POST запрос на GET
23:50 Добавление body POST запроса с данными FormData
27:20 Добавление данных в body POST запроса
28:20 Оптимизация кода
Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 32GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D
Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

[@koreikin]

У вас всегда отличные и познавательные получаются уроки. Спасибо, что так старательно подходите к этому.

[@dmorrison_jim]

Спасибо за видео!!!

[@moonsev]

Алекчандр, спасибо вам. Хорошие видео. Надо практиковать и думаю обязательно пойму😊

[@I248]

автор просто мой герой

[@andreybelyi3431]

Я занимаюсь по курсам Александра и могу сказать, что без обязательного выполнения всех задач и с проверкой их ментором, выучить JavaScript невозможно. Почему?
Потому что только на практике приходит понимание всех нюансов. И на практике необходимые знания по-настоящему хорошо запоминаются.
После прохождения 25 юнитов, тема не сложная. Есть желание после завершения этого курса, учить и дальше JS по урокам Александра.
Большое спасибо за качественный контент!😀

[@Bakhshyan]

Спасибо за самый топовый и понятный урок,просто божественно объясняете!

[@user-jh3dv1jy3d]

Дякую за вашу роботу

[@Max_FS]

Александр, как всегда разжёвано и разложено по полочкам, огромное спасибо!

[@valentinknoll4106]

Красивое оформление видосов. 👍

[@user-pc4rn3ev5m]

Благодарю Вас от души!

[@reverie3746]

Опять превью - отдельная тема для изучения ) И как вы такое находите?! Даже fetch из головы вылетел😮

[@Anatoli-bq1pe]

Благодарю!

[@flowcsgo804]

да хватит обзывать консоль уже🤣🤣
а так видео полезное, спасибо))

[@truedivan]

Как всегда лучшие уроки!
Спасибо!

[@dr.sergei9656]

вроде понял, блин ваще новй уровен для меня

[@unknown.6914]

хороший урок, спасибо)

[@itgid]

спасибо!

[@unknown.6914]

@@itgid Александр буду полностью честен и скажу. Ваши уроки стали переломными для меня, после которых я начал писать настоящий код. Да нужно его улучшать, да нужно ещё учиться, но я начал писать программу, которая работает. Я благодарен вам от всего сердца. Надеюсь у вас все будет хорошо, желаю вам огромного счастья в жизни от всей души.

[@itgid]

Спасибо, именно к этому я и стремился - показать что могут писать код все, кто приложил усилия. Может не оптимальный, не быстрый, иногда костыльный, но могут. А дальше - практика и все придет.
@@unknown.6914

[@igoskt2289]

какую тему VS Code используете?

[@gregorycherl2905]

Круто! А вот вопрос встал, как можно перекинуть данные в другой файл, если используешь сборщик? Webpack к примеру. Т.е к примеру как с api.js перекидывать в другой файл ссылку и там уже писать логику, к примеру пробегаться циклом и динамически менять id у api?

[@valentinknoll4106]

👍

[@user-ye3xd1du4d]

Как конфиг подключили

[@somebodycrazy]

Добрый день. Есть кнопка, нажатием которой делается ajax запрос на добавление элемента. Если кнопку нажать два три раза быстро то добавится два три элемента до того как вернётся первый ответ, которым можно запретить следующую отправку. Как это обойти?

[@itgid]

Возможны варианты. Зависит от реализации. Пишите в чат курса - помогу

[@somebodycrazy]

@@itgid а просто ролик можете сделать на эту тему? Суть в том что добавляется какой нить элемент в cms через ajax. К примеру, заявка или задача, запрос довольно медленный, и если нажать кнопку несколько раз быстро, будет несколько записей с одинаковыми параметрами, только с разными идентификаторами. Пробовал блокировать кнопку, особо не помогло

[@valentinknoll4106]

@@somebodycrazy Создай переменую, переключатель. Дай значение 1 например и когда происходит певый запрос ставь её в 0 . А при отправке проверяй 1 или 0, если 1 то отправляй запрос , если 0 то не отправляй. Когда первый запрос отработал ставь переменую в 1, чтобы можно было посылать снова запросы. Ну примерно так

[@somebodycrazy]

@@valentinknoll4106 спасибо. Я тоже про это думал, просто не уверен что это общепринятая практика. Сколько лазил в разных проектах, такого не встречал, но особо и не проверял на быстрые нажатия

[@Rapaport2012]

На 20:11 кажись ошибка не response.status, а res.status

[@lion-gg]

Видос не смотрел, по заголовку вопрос - в чем 2.0 ? Относительно старых ES фичи добавились конечно но до 2.0 не дотягивает. AJAX вообще из прошлого века :D

[@ginhop1057]

2.0 - это он курс свой обновил по JS

[@lion-gg]

@@ginhop1057 Возможно. Но по заголовку читается как "новый js".