Эксклюзивный контент на моем Boosty: boosty.to/vladilen

Офигенное объяснение. Здорово, что приведено сравнение с промисами, тогда все понятно становится! Супер

Как всегда все четко и по теме. Владилен ты делаешь огромный вклад в развитие ру комьюнити, спасибо тебе =)

Большущее спасибо :) Без таких знаний асинхронность не хило выносит мозг)))

огромное спасибо за видео!!! такого понятного и простого объяснения async/await я еще не встречал. очень классные и понятные видео

Владилен, спасибо. Благодаря твоему каналу время карантина вследствие чертового коронавируса проходит как нельзя плодотворно.

Отличное видео - аккуратное объяснение важных истин простым языком.

Я в свое время так намучался с получение данных с апи.... а тут было все так доступно. Очень полезно, спасибо тебе за контент!

Это лучший материал по JS на русскоязычном youtube. Отдельно хотелось бы поблагодарить Вас Владилен за курс по Vue. Он превосходен. Он помог мне довольно быстро вникнуть во Vue. Посоветовал его одному коллеге верстальщику, он также остался им очень доволен. Спасибо Вам огромное! :)))

на мой взгляд самое доступное объяснение работы async/await в рунете. лайк/подписка

Благодарю Вас Владилен! С Вами очень интересно изучать JavaScript!)

Спасибо за видео! Proxy теперь нужен)

Как ты круто объясняешь! Последовательно, по уровню сложности.

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

Спасибо тебе Владилен за твои видосы.

Спасибо Вам большое, Владилен. Очень доступно.

Спасибо! Как всегда все понятно. Красавчик!

Владилен, спасибо за урок!

Владилен ты не представляешь как ты мне помог этим уроком!!!!

Спасибо! Переписывал store для авторизации из урока по Vue CRM, там была готовая библиотека firebase, а мне надо было через API реализовывать. Это видео очень выручило!

Супер видео! Спасибо вам! Плейлист тоже классный!

Пожалуй, самое понятное объяснение. Спасибо.

Я что-то поняла, неужели, офигеть! но боюсь что окажется, что рано радуюсь, что все-таки не поняла, потому что я не могу поверить, что я наконец это поняла. Спасибо Вам

Спасибо, Добрый Человек!!!

Отлично обяснил, понятно и без лишних слов

Про веб воркеры было бы супер! Классный видос, лайк

Влад, ты красавчик! Спасибо тебе за науку! Вкладываешь знания в наши бестолковые головы.

Очень подробно разжевал!спасибо огромное за труд

Конструктивно и максимально доходчиво.

Спасибо за урок!

Очень круто обьясняешь. Коротко и по делу!)) Pozdrawiam z Polski!!!

Спасибо за урок очень мощьный курс по JavaScript

Твои уроки раскрывают суть каждой концепции. Ты описываешь проблему и механизм в языке, который эту проблему решает. Информация так усваивается намного лучше. В других уроках описывают некоторые факты о части языка и не говорят как это использовать и новичок не понимает как он это может применить. Спасибо большое за труд

в прошлом году доходило долго, а в этом намного легче и уже сразу понятно)) очень информативные и понятные уроки) спасибо за труды

Владилен вы не поверите: но во время создания промиса вместо setTimeout(()=>r(),ms) можно просто записать setTimeout(r,ms); r - это есть resolve, и мы передаём ссылку на функцию в качестве колбека

"Фетчить некоторые туду", буду теперь это говорить когда меня спрашивают чем я занимаюсь

Классно объяснил, браво! Спасибо!

Это чертовски полезно

спасибо за ролик! очень полезная информация

Люблю такие видосы. Где не льют 50 минут теорию со слайдами на своем птичьем наречии, а за 14 минут на практике показывают как, да чё. Спасибо автору!

Владилен топ! Если у тебя будет своя школа, я пойду туда учиться :D

Опа новый видосик! 😋

спасибо за такое прекрасное обьяснение!!!

Красава Вледилен!

Обожаю тебя!!!

Your teaching is very good. Thank you

Спасибо, все очень доступно!!!

Спасибо большое за видосы красавчик!

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

Круто ! Спасибо)!

Спасибо! Лучший)

Спасибо за видео :)

Спасибо большое! От души!!!

ska, ты топ, Владилен спасиобо

Круто, спасибо!

Спасибо, урок действительно полезный. Впрочем, как всегда)

Спасибо большое за видео) Очень доступно и понятно!!! Владилен, вы не могли бы снять видео про pwa во vue-cli3? Или оно уже есть, а я не нашла на канале?

Спасибо. Про Webpack круто было бы послушать :)

Спасибо, но это уже тяжеловато было понять) Усугубилось всё стрелочными функциями

Круто 👍

Владилен! Спасибо за ваши уроки. Я часто смотрю ваши уроки на iPhone. Нельзя ли поменять черный бэкграунд на белый, чтобы лучше был виден код? Спасибо!

Посмотрев этот ролик я прям осознал что такое асинхронность в жс и в чем разница между then и await (наконец таки)

thank you again )

Теперь уж точно прям очень нужен прокси

хороший урок

Спасибо!

Спасибо большое за отличное объяснение! Не совсем понял момент с .then(() => { return fetch(url) } .then(response => response.json()) fetch() возвращает Promise, then() оборачивает все что в return в новый Promise. Получается, что результат then() - Promise? Как тогда последующий then() вызывает у этого объекта json() ?

Любишь ты все темы усложнять

Самое главное, что смотря на async await может показаться, что мы только ждём код и всё. НО, как и then, await не блокирует код, а просто откладывает выполнение действующей функции (или call stack если смотреть глобальнее) и продолжит выполнять код дальше Такой код выведет 3 1 4 2. Если уже поставить await верхнего уровня перед вызовом функции, то уже будет 3 1 2 4, так как мы уже дожидаемся этой функции и по сути смысла в асинхронности тогда нет. Код внутри промиса выполняется синхронно, поэтому туда реально нужно ложить то, чего вы хотите подождать типа запроса или того же setTimeout ```JavaScript async function f() { console.log("1") let promise = new Promise((resolve, reject) => { setTimeout(() => resolve("готово!"), 1000) }); let result = await promise; // будет ждать, пока промис не выполнится (*) console.log("2") alert(result); // "готово!" } console.log("3") f(); console.log("4") ```

Благодарю!!

Все-таки Promise и async/await одна из самых сложных тем в JS. Но после таких уроков все становится сразу понятно

попробовал заменить в своем микропроекте .then на async/await и получилось даже еще более громоздко, может чуть читается легче, так и мне никто не мешает .then переносить на новую строку.

красиво шпарит. на двойной скорости послушал. всо чотко

async/await это синтаксический сахар на генератор/промис, где генератор используется для превращения асинхронного кода в синхронный, а промис для выполнения асинхронного кода. То есть тут суть в генераторе, а промис деталь реализации генератора. Промис можно заменить на простой обратный вызов (callback).

Спасибо

Усложнил все до невозможности. Не знаю насчёт остального, но это видео было максимально сложным для новичка

спасибо

а как это можно применить в цикле? К примеру при прохождении массива циклом, если данные подходят по условиям, нужно выполнить еще две функции которые делают fetch запросы и нужно чтобы была асинхронность, чтобы сперва выполнилась getFirstData() потом getSecondData() и цикл корректно отрабатывал

Малюсенький вопрос: я правильно понимаю, что работа всей страницы при наличии такого кода останавливается до того момента, пока не выполнится "виртуальный промис" в виде таймера delay? Или это просто отдельный поток где js выполняет для конкретной функции свой код и затем возвращает его? Ну, то есть, если мы присвоим переменной эту функцию, к ней можно будет обратиться только через 2 секунды, и всё это время скрипт будет недоступен?

Спасибо) т.е. предпочтительнее пользоваться async / await, чем промисами напрямую. Или есть ситуации, когда async / await не получится использовать?

А будет ролик про работу с DOM?

Помню как мучался с созданием небольшого API на NodeJS с использованием пакетов MySQL, fs и http(s), где нужно было просто вернуть файл, перед этим найдя его в БД. Вот там меня и выбесил mysql пакет со своим коллбэком и необходимостью передавать в него request из пакета http, чтобы вернуть пользователю данные. Благо в пакете mysql2 был предусмотрен синхронный метод 😅

А как быть когда надо делать fetch запросы в цикле? Условно в коде который описал ниже, там где console.log хочу ещё помимо синхронно выполнить fetch запрос. Или вообще можно как-то более правильно чисто async await-ами всё переписать? let count = 0; function printer() { return new Promise(resolve => { setTimeout(()=>{ resolve(console.log('+2 sec...')) }, 2000) }); } (async _ => { console.log('Start') while (count

всегда так - смотришь, всё понятно, начинаешь делать, ну нихуя не понятно‼ пока собственными ручками не сделаешь, хрен поймешь‼

Подскажите, а зачем второй раз прописывать await? Там же вроде как уже синхронно можно response в json перевести

Добрый день, подскажите как дальше работать с data ? Или только внутри промиса и больше никак не вывести data в глобальную зону видимости?

Отличное видео, спасибо. Владилен, когда будут ваши авторские курсы на Udemy? :)

Видосы огонь, Владилен, спасибо за работу)) Но не въехал зачем нужна задержка в 2сек.

Спасибо, Владилен! Хорошо рассказываешь. Можешь сделать видео про Webassembly?У дотнэтчиков скоро выходит инструмент Blazor, как замена JS фреймворкам, да и в целом языку JS. Front - end они смогут писать на C#. Получится некий полноценный фулстэк из одного языка. Но насколько мне известно, им всё же придётся использовать JS для некоторых операций. Microsoft планирует в своих браузерах полностью заменить JS на webassembly (C#). Каково твоё мнение и что стоит ждать?

Set & Map Weak Map, примеры использования следующее пожалуйста)

Так же хорошая идея на счёт парсера на node js , на Ютубе нормальных видео нет вообще, а в статьях говорят только как спарсить в самой ноде а как это уже на свою html страницу вывести нет. Тут как раз и fetch будет нужен, потому что нужно будет как то делать запрос на сервер что бы получить эти данные

а про axios есть что-нибудь у тебя? не могу найти

А почему стоит await на response.json() , это ведь уже синхронная операция? И можно ли делать return в async методах?

Доброго времени суток Владилен! Если у вас будет время, подскажите пожалуйста что такое нативная функция? Также нативность ?

Получаю масив ссылок на изображения. Нужно их слепить в одно. Нужно дождаться загрузку каждого склеить (делаю это через canvas). Обьект изображения имеет евент onload. Как мне сделать. Как наложить изображения попорядку когда .onload у промисе не работает!?

Пишу из 2021, вроде посмотрел внимательно урок по Promise и первый пример функции меня "убил наповал". Полез разбираться, что чего и как и в итоге, что получилось, для тех кто так же не понял как я: const delay = (ms) => new Promise((r) => setTimeout(r, ms)); Во первых это короче и даже понятнее. Итак что у нас происходит, пишу как все еще ученик: присваиваем переменной ссылку на безымянную стрелочную функцию с параметром ms она в свою очередь возвращает Promise, который возвращает по исполнении функцию setTimeout через ms миллисекунд.

ToJson тоже возвращает promise?

То есть кроме промиса, я не могу получить какие то данные через ретурн при вызове async функции?

Спасибо. А подскажите как сделать, что бы асинхронная функция ретернила полученные данные, а не возвращала просим.

2рую функию фетч туду чисто для того что бы это масивнее выглядело по сравнению с 3емя строчками. на самом деле мог бы 3тий .then дописать в той же функции дописать. и это выглядело по размеру почти так же. Причина тут лишь в понятливости, и каллбек функциях. И что оно яко бы приятней выглядит. Но на самом деле then тоже неплох. Но да, если есть возможность то лучше юзать асинк + авейт