Тёмный

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

WebDev с нуля. Канал Алекса Лущенко
Просмотров 20 тыс.
50% 1

🔶 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

Опубликовано:

 

12 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 32   
@koreikin
@koreikin Год назад
У вас всегда отличные и познавательные получаются уроки. Спасибо, что так старательно подходите к этому.
@moonsev
@moonsev Год назад
Алекчандр, спасибо вам. Хорошие видео. Надо практиковать и думаю обязательно пойму😊
@dmorrison_jim
@dmorrison_jim Год назад
Спасибо за видео!!!
@I248
@I248 Год назад
автор просто мой герой
@Bakhshyan
@Bakhshyan Год назад
Спасибо за самый топовый и понятный урок,просто божественно объясняете!
@Max_FS
@Max_FS Год назад
Александр, как всегда разжёвано и разложено по полочкам, огромное спасибо!
@andreybelyi3431
@andreybelyi3431 11 месяцев назад
Я занимаюсь по курсам Александра и могу сказать, что без обязательного выполнения всех задач и с проверкой их ментором, выучить JavaScript невозможно. Почему? Потому что только на практике приходит понимание всех нюансов. И на практике необходимые знания по-настоящему хорошо запоминаются. После прохождения 25 юнитов, тема не сложная. Есть желание после завершения этого курса, учить и дальше JS по урокам Александра. Большое спасибо за качественный контент!😀
@reverie3746
@reverie3746 Год назад
Опять превью - отдельная тема для изучения ) И как вы такое находите?! Даже fetch из головы вылетел😮
@user-jh3dv1jy3d
@user-jh3dv1jy3d Год назад
Дякую за вашу роботу
@valentinknoll4106
@valentinknoll4106 8 месяцев назад
Красивое оформление видосов. 👍
@user-pc4rn3ev5m
@user-pc4rn3ev5m Год назад
Благодарю Вас от души!
@Anatoli-bq1pe
@Anatoli-bq1pe Год назад
Благодарю!
@dr.sergei9656
@dr.sergei9656 Год назад
вроде понял, блин ваще новй уровен для меня
@unknown.6914
@unknown.6914 7 месяцев назад
хороший урок, спасибо)
@itgid
@itgid 7 месяцев назад
спасибо!
@unknown.6914
@unknown.6914 7 месяцев назад
@@itgid Александр буду полностью честен и скажу. Ваши уроки стали переломными для меня, после которых я начал писать настоящий код. Да нужно его улучшать, да нужно ещё учиться, но я начал писать программу, которая работает. Я благодарен вам от всего сердца. Надеюсь у вас все будет хорошо, желаю вам огромного счастья в жизни от всей души.
@itgid
@itgid 7 месяцев назад
Спасибо, именно к этому я и стремился - показать что могут писать код все, кто приложил усилия. Может не оптимальный, не быстрый, иногда костыльный, но могут. А дальше - практика и все придет. @@unknown.6914
@igoskt2289
@igoskt2289 Год назад
какую тему VS Code используете?
@truedivan
@truedivan Год назад
Как всегда лучшие уроки! Спасибо!
@gregorycherl2905
@gregorycherl2905 Год назад
Круто! А вот вопрос встал, как можно перекинуть данные в другой файл, если используешь сборщик? Webpack к примеру. Т.е к примеру как с api.js перекидывать в другой файл ссылку и там уже писать логику, к примеру пробегаться циклом и динамически менять id у api?
@valentinknoll4106
@valentinknoll4106 8 месяцев назад
👍
@somebodycrazy
@somebodycrazy 9 месяцев назад
Добрый день. Есть кнопка, нажатием которой делается ajax запрос на добавление элемента. Если кнопку нажать два три раза быстро то добавится два три элемента до того как вернётся первый ответ, которым можно запретить следующую отправку. Как это обойти?
@itgid
@itgid 9 месяцев назад
Возможны варианты. Зависит от реализации. Пишите в чат курса - помогу
@somebodycrazy
@somebodycrazy 9 месяцев назад
@@itgid а просто ролик можете сделать на эту тему? Суть в том что добавляется какой нить элемент в cms через ajax. К примеру, заявка или задача, запрос довольно медленный, и если нажать кнопку несколько раз быстро, будет несколько записей с одинаковыми параметрами, только с разными идентификаторами. Пробовал блокировать кнопку, особо не помогло
@valentinknoll4106
@valentinknoll4106 8 месяцев назад
@@somebodycrazy Создай переменую, переключатель. Дай значение 1 например и когда происходит певый запрос ставь её в 0 . А при отправке проверяй 1 или 0, если 1 то отправляй запрос , если 0 то не отправляй. Когда первый запрос отработал ставь переменую в 1, чтобы можно было посылать снова запросы. Ну примерно так
@somebodycrazy
@somebodycrazy 8 месяцев назад
@@valentinknoll4106 спасибо. Я тоже про это думал, просто не уверен что это общепринятая практика. Сколько лазил в разных проектах, такого не встречал, но особо и не проверял на быстрые нажатия
@user-ye3xd1du4d
@user-ye3xd1du4d Год назад
Как конфиг подключили
@Rapaport2012
@Rapaport2012 6 месяцев назад
На 20:11 кажись ошибка не response.status, а res.status
@lion-gg
@lion-gg Год назад
Видос не смотрел, по заголовку вопрос - в чем 2.0 ? Относительно старых ES фичи добавились конечно но до 2.0 не дотягивает. AJAX вообще из прошлого века :D
@ginhop1057
@ginhop1057 Год назад
2.0 - это он курс свой обновил по JS
@lion-gg
@lion-gg Год назад
@@ginhop1057 Возможно. Но по заголовку читается как "новый js".
Далее
Просто о promise в JavaScript
12:52
Просмотров 133 тыс.
🎙СПОЮ для ТЕБЯ ВЖИВУЮ!
3:03:01
Просмотров 1,3 млн
skibidi cat pedro 🐈🔥  #skibiditoilet
00:20
Просмотров 2 млн
КАКОЙ ЛИНУКС ВЫБРАТЬ В 2024
24:21
Просмотров 466 тыс.
CI CD наглядные примеры
22:08
Просмотров 269 тыс.
Урок 17. JavaScript. Все о LocalStorage
16:39
Просмотров 148 тыс.
🎙СПОЮ для ТЕБЯ ВЖИВУЮ!
3:03:01
Просмотров 1,3 млн