Асинхронные функции в Javascript: async / await / fetch Теория и практика. Создание блога. 👁🗨 Телеграм: t.me/frontend_du2 👁🗨 Discord сервер: / discord 👁🗨 VK: frontend_du2 👁🗨 Дзен: dzen.ru/frontend_it
Пікірлер: 142
@Blood-Saw Жыл бұрын
Спасибо большое! Без Ваших видео я бы неделями сидел над практическими, а скорее всего бросил учиться в скилбокс.
@user-wu1kd2uf6z Жыл бұрын
Согласна полностью))) смотришь обучающее видео и чувствуешь себя дебилом, заходишь к Александру - все понятно и адекватно)) Спасибо!
@alex_dudukalo Жыл бұрын
Очень приятно читать. Спасибо. Надеюсь со временем программирование будет даваться проще. Прошу прощения за долгий ответ :)
@alex_dudukalo Жыл бұрын
Огромное спасибо ) Такие комментарии поднимают боевой дух. Буду работать над следующими роликами)
@RamaRama-qv3jo Жыл бұрын
Сначала не хотел смотреть, т.к. показалось, что там рассказывать на 39 минут, но в итоге это оказалось самым интересным и наглядным видео по теме асинхронности. Моя благодарность автору! Ближе к концу уже сложнее понять и уследить логику. Но очень приятно смотреть и вникать)
@badandr Жыл бұрын
Александр, спасибо за ваш урок, очень помогаете в возникающих вопросах! Подробно рассказано вся та информация, которую полой сложно собрать в кучу! Продолжайте!
@alex_dudukalo Жыл бұрын
Спасибо за вашу поддержку и отклик. Очень радует, что ролик был для вас полезным :)
@user-yu9gp1ot9i Жыл бұрын
Александр большое спасибо за суперское видео и замечательный разбор! Очень жаль, что не ваши видео с преподаванием записаны в Скиллбокс в курсе по js...
@Denik-is6gi Жыл бұрын
очень полезное видео. Где то про ассинхроность слышу мельком и вспомнил что у вас есть. Теперь более лучше узнал об этом из ваших объяснений. Спасибо вам!!!
@alex_dudukalo Жыл бұрын
Спасибо вам. Надеюсь стало чуть понятнее :) Пытался разобрать тему более простыми словами)
@user-su7uh2fz7z4 ай бұрын
Класс!! Повторила все за вами, но комменты вывести не смогла, надо еще раз пересмотреть все. Надеюсь не забросите канал, после этого видео взаимодействие с сервером стало понятнее, для меня эта прямо сложная тема
@elenatsareva8840 Жыл бұрын
Большое спасибо за Ваши видео! Очень помогает в обучении. Нравится подача, приятный голос и речь.
@alex_dudukalo Жыл бұрын
Спасибо вам, что вы смотрите ролики и комментарий. Это важная поддержка. К сожалению не всегда получается ответить вовремя (
@user-cn4rg9my5f4 ай бұрын
Прекрасное, подробное объяснение информации со стопами для самопроверки. Продолжайте
@serjsamoilow87113 ай бұрын
лучше объяснений я еще не видел, 10 из 10. спасибо
@alex_dudukalo3 ай бұрын
Очень приятно читать :) Спасибо вам
@yankevich-andrey9 ай бұрын
На этом канале каждая секунда "на вес золота", т.к. он "пропитан" очень ценой информацией и желанием автора донести эту информацию в доступной и понятной форме таким "чайникам" как я! :-))
@alex_dudukalo9 ай бұрын
Андрей, спасибо большое за такой приятный комментарий☺ желаю удачи в изучении курса 🤗
@alikundyz675 Жыл бұрын
спасибо большое Александр за видео!
@alex_dudukalo Жыл бұрын
Спасибо вам ))
@igors7305 Жыл бұрын
Александр, спасибо за это видео. Наконец-то у меня в голове все, что касается синхронности и асинхронности, разложилось по полочкам. Был бы рад, если бы Вы записали видео по промисам. Учусь на продвинутом курсе JS в Skillbox и эта тема воспринимается с трудом.
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий :) Да, очень вас понимаю :) Тема промисов супер запутанная сама по себе ) Думаю о том, как ее рассказать на понятном примере :)
@ratmetall6664 Жыл бұрын
как всегда → на высоте! Вам конкретно надо преподавать → студенты Вас на руках носить будут:)
@alex_dudukalo Жыл бұрын
Большое спасибо за ваш приятнейший комментарий)) Будем работать и улучшать подачу) Да, я люблю преподавать )
@alanpuch2243 Жыл бұрын
Благодарю, Александр. Нужное видео. Музыка фоновая приятная
@user-db3gp2xe2r8 ай бұрын
В очередной раз благодарю за такое наглядное и доступное объяснение, смотрю ваши видео даже просто так по уже изученным темам чтобы лучше понять все и закрепить
@alex_dudukalo8 ай бұрын
Очень приятно читать такие комментарии 😊 ваша поддержка 💪 мотивирует, спасибо!))
@f3ww Жыл бұрын
хорошее видео для начинающего, продолжай в том же духе, интересно увидеть от тебя урок реакта
@nikolayalekseevich8803 ай бұрын
Прекрасное видео по асинхронности. Спасибо вам большое, что все наглядно рассказали и показали. Сразу подписался
@user-hg6im5cg2i Жыл бұрын
Здорово!!! Очень доступно объясняете, спасибо Вам за видео 💗
@alex_dudukalo Жыл бұрын
Спасибо за ваш приятный комментарий :) Буду стараться для вас. Надеясь, что вы останетесь на канале :)
@Kain4ra11 ай бұрын
Очень информативно и понятно, большое спасибо!
@alex_dudukalo11 ай бұрын
Большое спасибо за ваш комментарий )
@user-ub8jf6ok9b Жыл бұрын
Спасибо! Самое понятное объяснение про асинхронные функции!
@alex_dudukalo Жыл бұрын
Спасибо за комментарий. вы приблизились к финалу )
@user-hc7wq9om9i11 ай бұрын
Спасибо Вам большое за видео, все очень понятно и полезно))))
@alex_dudukalo11 ай бұрын
Спасибо вас за поддержку вашими комментариями. Очень помогает каналу )
@super-baby3419 Жыл бұрын
Александр, спасибо за видео! Жду от вас серию по реакту+редаксу
@alex_dudukalo Жыл бұрын
Спасибо за вашу поддержку. Я планировал по VUE сделать вводное видео. По реакту возможно. Но на это понадобится чуть больше времени :)
@user-wt8sq9om6c Жыл бұрын
@@alex_dudukalo Александр с удовольствие посмотрю по вью! Реакта много на просторах, а вот вью поменьше будет
@user-tk9sk3cl2e Жыл бұрын
Хорошее видео, понятное объяснение
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий 😇
@PieceOfInternet Жыл бұрын
Спасибо за шикарное видео) как альтернатива, new URLSearchParams(window.location.search) может быть new URL(window.location.href) и тогда код чуть изменится const URLData = new URL(window.location.href); const postId = URLData.searchParams.get("post_id"); const data = await getPost(postId) Принцип в общем смысле тот же) В любом случае Ваш контент довольно уникальный в практическом применении. Подход "от теории к приближенной к реальности практике" как по мне это именно то, что нужно новичкам, которые должны понимать для чего нужен тот или иной инструмент. И именно такой материал усваивается лучше)
@alex_dudukalo Жыл бұрын
Спасибо вам за такое комментарий :) Да, конечно можно использовать приведенный вами пример :) Спасибо за него и за такой отзыв. Постарался на визуальном примере показать то, что самому было не просто понять. Вообще тема асинхронности не простая, особенно, когда идет речь о большом количестве связей и взаимодействий. Спасибо за ваше сообщение :)
@PieceOfInternet Жыл бұрын
@@alex_dudukalo А вам за урок спасибо. Было бы здорово если бы вы записали уроки по фреймворкам типа React или vue) Сам пока думаю как раз над изучением данного контента,:)
@user-qv4hf4uj5l Жыл бұрын
Спасибо за видео, не останавливайтесь у вас хорошо получается 👍
@a.k.9386 Жыл бұрын
Это прям то что я искал! Большое человеческое спасибо!
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий :))
@alena_75Ай бұрын
Александр, спасибо! Это очень классное видео - интересно, доступно и всё очень понятно. А практика вообще выше всяких похвал! Только моя 7-я винда не поддерживает type="module", но я нашла как обойти эту ошибку :)
@user-ku7dg8hw9d Жыл бұрын
Спасибо, все разложили по полочкам, очень интересно.
@alex_dudukalo Жыл бұрын
Спасибо за вашу поддержку. Думаю теперь будет проще понимать принцип работы с асинхронными функциями :)
@ktozdes727 ай бұрын
Наконец то простым языком объяснили что такое асинхронные функции и как их правильно применять!
@alex_dudukalo7 ай бұрын
Спасибо за ваш комментарий😊 приятно, что канал вам понятен и полезен😊 надеюсь другие видео вам также понравятся))
@nikitadanilovspb2 ай бұрын
Спасибо Александр, контент - топ!
@alex_dudukalo2 ай бұрын
Большое спасибо, приятно что вы оставили комментарий :)
@user-fh7dx7tz4p Жыл бұрын
Все круто !!! Спасибо !!! Ждем продолжение, а то что то пагинацию не удалось реализовать , и комментарии добавляются все скопом, НУЖНА ВАША ПОСКАЗКА В ВИДЕ ВИДЕО ПРОДОЛЖЕНИЯ !!!!!!!!!!!!!))))
@alex_dudukalo Жыл бұрын
Спасибо вам за отлики. Пагинацию я хочу показать в отдельном видео. Это интересная тема. Она не относится напрямую к асинхронности. Но там есть интересные решения. Если вам нужен пример пагинации, вы можете написать мне в телеграме. Канал в ссылке под видео :)
@relaxdeepsleepmusic36087 ай бұрын
Колокольчик давно нажат) Думал что просмотрел все видео у вас на канале, но оказывается нет, нашёл это видео и смотрю его перед сном, спасибо Александр.
@alex_dudukalo7 ай бұрын
Спасибо за отзыв ☺ приятно, что вы просмотрели весь материал и он оказался вам полезен, оставайтесь на канале, скоро будет новое видео 😊
@Vse-po-Faktu5 ай бұрын
Очень классный пример работы с промисами, с данными с сервера и как их отображать в HTML. Было бы здорово увидеть разбор с получением и отображением с сервера данных, которые запрашиваем через input. К примеру, поиск фильмов и отображение их по запросу пользователя. Спасибо за качественный материал
@alex_dudukalo5 ай бұрын
Спасибо 🤗 рад, что видео вам понравилось, также спасибо за идею для нового ролика)) оставайтесь на канале😊
@user-gg8ke5ul3u Жыл бұрын
Все как мастер наказал: подписка, лайк, комментарий!
@alex_dudukalo Жыл бұрын
Спасибо за отклик и просмотр :)
@user-tg2qt7em4t6 ай бұрын
Александр, спасибо Вам огромное!!!
@alex_dudukalo6 ай бұрын
Спасибо за ваш комментарий🤗 надеюсь и другие видео канала будут вам полезны))
@TheGodExecutioner Жыл бұрын
Спасибо за видео, но нужен полный разбор по созданию блога, с комментариями к статьям и постраничной навигацией))
@alex_dudukalo Жыл бұрын
Да, пожалуй я запишу такой ролик) С более подробным разбором :) Спасибо вам :)
@user-en7qg2dq3m5 ай бұрын
Спасибо большое за Ваши труды!
@alex_dudukalo5 ай бұрын
Спасибо за отзыв 🤗 ваша поддержка очень важна☺
@user-en7qg2dq3m5 ай бұрын
@@alex_dudukalo очень жду от Вас курс по JS 2 часть:) на Вашем канале почти все видео посмотрел
@alex_dudukalo5 ай бұрын
@@user-en7qg2dq3m приятно читать, и осознавать, что контент, который я делаю вам нравится :) Думаю, уже скоро будут первые ролики. Хочется сделать все максимально хорошо :) И хочется уже скорее поделиться результатом.
@user-ol7lq1uh8z10 ай бұрын
Спасибо большое за видео😊очень помогло, очень крутое видео!
@alex_dudukalo9 ай бұрын
Спасибо за Ваш комментарий)) Рад, что видео Вам помогло, надеюсь и другие видео будут Вам интересны 😊Прошу прощения за долгое ожидание ответа
@animatsuki53453 ай бұрын
очень нужное и интересное видео. Спасибо!
@viktor___sun11 ай бұрын
Спасибо! Супер!
@KarandashChannel5 ай бұрын
Отличный урок! Спасибо
@alex_dudukalo5 ай бұрын
Спасибо за обратную связь 🤗 надеюсь и другие видео канала вам понравятся))
@ArtemAgayan Жыл бұрын
Большое спасибо за контент! В тренды ютуба!
@asyaushakova70715 ай бұрын
Было очень интересно и доступно, как всегда супер 👍
@alex_dudukalo5 ай бұрын
Спасибо за вашу поддержку 🤗🔥
@i5anin Жыл бұрын
Хорошее объяснение!
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий )
@asifabbasov38017 ай бұрын
Можно побольше таких видео о промисах, апи, контексте вызова, каллбэк функции, да и вообще продвинутый JS простыми словами
@alex_dudukalo7 ай бұрын
Спасибо вам за комментарий. Да, конечно, я планирую развивать тему продвинутого JS ) Дальше, больше роликов. Делитесь в комментариях, на какую тему хотели бы посмотреть разбор.
@ilovekurut6 ай бұрын
самое лучшее объяснение! аплодирую стоя
@alex_dudukalo6 ай бұрын
Приятно читать такую обратную связь ☺ваша поддержка очень мотивирует, спасибо!)
@user-cp8ou1ot5z5 ай бұрын
Отличное объяснение! Лови лайкос!
@alex_dudukalo5 ай бұрын
Спасибо 🤗 ваша поддержка очень вдохновляет🔥
@user-zb7ij3gg5s Жыл бұрын
Крутой куратор!
@Leoboy400 Жыл бұрын
Мне кажется, говорить о параллельном выполнении не правильно, т.к. по сути эти функции не выполняются одновременно (нет двух "дорог", нет многопоточности), просто асинхронная функция ждет какой-то количество времени, а потом начинает выполняться. Т.е. еще раз - код в ней не выполняется одновременно с какой-то другой функцией, просто она ждет пока протикает таймер, а другие функции в это время выполняются, по истечению времени она становится в очередь и выполняется. Поправьте, если не прав, но я это, как-то, так запомнил
@alex_dudukalo Жыл бұрын
Конечно вы правы. Есть цикл работы, в который входят микро задачи и макро задачи. Пример: одноядерные процессора, которые выполняют задачи поочереди. Для пользователя, который запускает несколько приложений этот процесс выглядет так, как будто бы процессор обрабатывает все сразу и одновременно. Но на самом деле задачи каждой программы выполняются поочереди и с определенным приоритетом. Программа, окно которой сейчас открыто (активно) имеет приоритет. Так и JS имеет цикл выполнения, но для программиста это выглядет, как "параллельный" процесс. Дело в том, что в такой формулировке проще разобраться в работе await и асинхронности (само понятие асинхронность говорит о параллельном выполнении), чем вводить формулировку цикла learn.javascript.ru/event-loop. Но думаю, я еще сделать о этой теме отдельный ролик. У вас очень хорошее замечание. Надеюсь интересующиеся зрители прочитают эту ветку комментариев. Спасибо вам :)
@user-du6ns4ww6o Жыл бұрын
Информация полезная, советую к просмотру. Александр у меня к вам предложение сделать разбор слайдера на чистом javascript.
@alex_dudukalo Жыл бұрын
Спасибо, надеюсь видео соберет кучу просмотров)) Да, хочется простенький слайдер показать ) Думаю в начале января сделаю )
@megabulk Жыл бұрын
Очень понравилось. Только я бы еще про модули рассказал по-подробнее, а то не понятно, зачем это указывать. Кстати, Александр, а Вы из какого города?
@alex_dudukalo Жыл бұрын
Спасибо за комментарий. Я рад, что понравилось. Мне кажется стал получаться лучше)) Да, тема модулей обязательно будет в другом видео. Ее нужно подробно раскрыть с интересным примером :) Сейчас нахожусь в Москве ) Не всегда получается быстро отвечать :(
@alexivanov1005 Жыл бұрын
Александр, спасибо вам. Когда вторая часть ?
@alex_dudukalo Жыл бұрын
Здравствуйте, спасибо за просмотр. Я решил это видео записать одной частью. Вы имеете введу добавление комментариев в приложение блога?
@alexivanov1005 Жыл бұрын
@@alex_dudukalo да, сделал комментарии, стало интересно как вы это реализовали. Думал вторая часть будет про них)
@denisbritkin4865Ай бұрын
огромное спасибо
@lazylemur7761Ай бұрын
Прошу прощения. Старайтесь пожалуйста записать видео без эхо через колонки нереально слушать. Не воспринимайте как негатив, мне ваш канал нравится и хочу смотреть ваши видео.
@alex_dudukaloАй бұрын
Спасибо за ваше замечание. Я с вами полностью согласен. В момент записи этого видео я записывал со встроенного микрофона, со звуком есть проблемы. Сейчас я использую хороший микрофон, но еще учусь работать со звуком. Надеюсь, скоро смогу это доработать до лучшего звучания. Совсем не обижаюсь. Вы сделали очень корректное замечание :) Спасибо.
@lazylemur7761Ай бұрын
@@alex_dudukalo 💛💛💛
@mariannaorlova1761 Жыл бұрын
Первая часть про асинхронные функции очень понятная, попробовала, как работает и все получается. А вот со второй частью у меня возникли сложности. Запрос fetch выполняется, если его набрать в консоли и показывает полученные данные во вкладке "сеть". Но если сделать файлы, как у вас в уроке, но на первую же строчку с fetch мне в консоли выдало: "Access to script at '(путь к файлу)' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.". В чем может быть проблема?
@mariannaorlova1761 Жыл бұрын
О, все разобралась, надо было оказывается, через liveserver запускать, так все сработало! Спасибо, очень интересно и понятно!
@sergius_yo Жыл бұрын
@@mariannaorlova1761 такая же фигня возникла :)) только через liveserver запустил.
@alex_dudukalo Жыл бұрын
Прошу прощения за долгий ответ :) Да, вижу уже комментировать не актуально :) Забыл сказать об этом в комментариях. Желательно сайт запускать в режиме сервера)
@yankevich-andrey9 ай бұрын
Так в начале видео автор запускает лайв-сервер. Понятно, что нужно работать через него и видеть результат в браузере. Или я что-то не так понял?
@user-tb3mm6dl3z2 ай бұрын
Саня станет топом на ютубе
@boris___britva Жыл бұрын
комментарий авансом)
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий) Надеюсь видео было интересным )
@yuriykim6717 Жыл бұрын
разве параллельно выполняются синхр и асинхр функции ? асинхронные функции попадают в event loop не ????
@VitalikLomakin-bt9oe5 ай бұрын
топчик!
@alex_dudukalo5 ай бұрын
Спасибо 🔥 оставайтесь на канале 🤗
@Aleksei_Turlaykov Жыл бұрын
Саша, ты ЮВЕЛИР. Что бы я без тебя делал
@alex_dudukalo Жыл бұрын
:D ))))
@mind15010 ай бұрын
Отличный урок! Но не понял смысл type=module. Разве без него не будет работать, async\await ? Уже проверил))) не будет.) забавно.
@alex_dudukalo10 ай бұрын
Спасибо за комментарий :) да, если вы попытаетесь использовать await не внутри асинхронной функции а сразу в глобальной области видимости, ты вы получите ошибку. Придется сделать файл модулем :) или поместить код в асинхронную функцию
@demin5043 ай бұрын
Синхронно(по очереди) это весь код последовательно(новый не выполняется пока не закончится предыдущий), асинхронно (без очереди) код выполняется во время вызова не ждет пока основной код выполнится. Вот и всё, не благодарите.😊
@user-zb7ij3gg5s Жыл бұрын
Без Лайв сервера выдавало ошибку. Как я понял, type="module" работает только при использовании сервера.
@lgoldboy456Ай бұрын
топ
@alex_dudukaloАй бұрын
Спасибо :)
@oskarrimjan45206 ай бұрын
По-моему этот урок недооценён - 6 тыс. просмотров для такого хорошего урока это мало
@alex_dudukalo6 ай бұрын
Спасибо за ваш комментарий🤗 ваша поддержка очень важна
@asgard1428 Жыл бұрын
Так они получается не параллельно выполняются, а асинхронная функция останавливает синхронную пока выполняется сама?
@alex_dudukalo Жыл бұрын
По умолчанию обычные функции выполняются последовательно. Друг за другом. Асинхронные функции выполняются параллельно. Но, если при вызове асинхронной функции дописать await, то весь код будет ждать, пока выполнится эта асинхронная функция. Надеюсь я вас не запутал :)
@asgard1428 Жыл бұрын
@@alex_dudukalo досмотрю до конца, тогда будет видно, есть ли связь между полушариями) потом напишу
@asgard1428 Жыл бұрын
@@alex_dudukalo кстати, в настройках редактора кода можно поставить галочку и будет авто сохранение, и не надо помнить о нём)) я поставил галочку и все🤷♂️
@alex_dudukalo Жыл бұрын
@@asgard1428 интересно будет узнать мнение )
@alex_dudukalo Жыл бұрын
@@asgard1428 я пробовал ) но через время убрал :) мне не всегда бывает нужно его использовать, но может я вернусь к этому)) спасибо
@alenache15 ай бұрын
асинхронный код НЕ выполняется "параллельно", он выполняется в порядке очереди, просто его из этой очереди временно убирают и ставят обратно когда происходит определенное событие и стек задач пустой
@web-love4 ай бұрын
Да, 500 ый лайк мой!!!
@alex_dudukalo4 ай бұрын
Спасибо большое за поддержку 😍
@rtyomKrupskiy4 ай бұрын
9:37 я ставлю await перед асинхронной функцией и получаю ошибку о том, что await можно писать только внутри асинхронной функции.
@alex_dudukalo4 ай бұрын
Кажется вы не сделали type="module" при подключении js файла :)
@rtyomKrupskiy4 ай бұрын
@@alex_dudukalo сделал )
@alex_dudukalo4 ай бұрын
@@rtyomKrupskiy странно, что не срабатывает. Без кода, трудно подсказать :(