Download "ES6 #14 Async/Await"

"videoThumbnail ES6 #14 Async/Await

Основы Программирования - #9 - Графика

Основы Программирования - #9 - Графика

Channel: loftblog

#1: Rick and Morty - создаем проект в портфолио (junior). RTK Query. Пагинация, фильтрация.

#1: Rick and Morty - создаем проект в портфолио (junior). RTK Query. Пагинация, фильтрация.

Channel: webcoderofficial

Laravel Full Course 2023 | Models 2: Creation

Laravel Full Course 2023 | Models 2: Creation

Channel: One Code

JavaScript Паттерны #12 - Flyweight (Легковес)

JavaScript Паттерны #12 - Flyweight (Легковес)

Channel: webDev

CSS Grid #3 Управление размерами и позицией grid-элемента (Grid Lines & Grid Areas)

CSS Grid #3 Управление размерами и позицией grid-элемента (Grid Lines & Grid Areas)

Channel: webDev

Основы Программирования - #7 - Циклы

Основы Программирования - #7 - Циклы

Channel: loftblog

JavaScript #10 Функции: модуль через замыкание

JavaScript #10 Функции: модуль через замыкание

Channel: webDev

CSS Grid #5 Выравнивания grid-элементов (Grid Elements Alignment)

CSS Grid #5 Выравнивания grid-элементов (Grid Elements Alignment)

Channel: webDev

Горутины, каналы, пакет "sync". Конкурентность в Go.

Горутины, каналы, пакет "sync". Конкурентность в Go.

Channel: Maksim Zhashkevych

web

develop

front-end

frontend

веб

разработка

программирование

обучение

education

lesson

tutorial

лекция

урок

образование

es6

es6 js

es6 features

es6 обзор

es6 уроки

es6 обучение

es6 основы

es6 туториал

ecmascript 2015

ecmascript 2015 tutorial

async await

async await для чайников

async await как работает

async await learn javascript

async await javascript

async await js

async javascript

web development

advanced javascript

yauhenk

webdev

ecmascript

00:00:02

Kovalchuk and you are on the

00:00:03

Vader channel in the previous video tutorial we

00:00:06

looked at promises and their syntax of

00:00:09

creation and use and you could

00:00:12

see how much easier it was to work with

00:00:15

asynchronous code in the java script language with the

00:00:18

advent of promise of, however,

00:00:21

the evolution did not stop there the

00:00:23

next step was the async construction,

00:00:27

and this is a new feature of the 7 standard;

00:00:31

it has several key

00:00:32

features; it easily interacts with

00:00:35

processes and introduces the syntax of

00:00:39

synchronous code; you are synchronous; if you have

00:00:42

not yet worked with this construction, then it’s

00:00:45

time to figure it out and use

00:00:47

it in your code well, let's go

00:00:51

[music]

00:01:03

and singh & weight is a new style

00:01:06

of writing asynchronous code before syncwine

00:01:10

we used promise and even earlier

00:01:13

kcal proteins we covered the last two concepts

00:01:16

in the previous video lesson

00:01:17

it should be noted that in fact and

00:01:20

syncwine is written on top promise of and

00:01:23

well work and interact with

00:01:25

them, this design makes the code

00:01:29

that works asynchronously look

00:01:32

like synchronous, this is exactly what

00:01:35

it is used for,

00:01:36

let's look at everything with specific

00:01:39

examples and first create a promise

00:01:41

that returns some data,

00:01:44

then

00:01:45

subscribe to its changes

00:02:08

and this is how we created a promise right up to this,

00:02:11

which, if successful,

00:02:14

returns a list of names, then we created the

00:02:17

get names method of Tate in which we call a

00:02:21

promise and display the received data in

00:02:23

the console, after which the get names data meter

00:02:26

we call this code is written using

00:02:31

promise if it is rewritten to a sent a white then

00:02:35

it will look like this,

00:02:50

that is, we have reduced four lines of code

00:02:53

to two and immediately let’s look at

00:02:56

the syntax before the parentheses of

00:02:59

the arrow function, we will definitely

00:03:02

add your words passing, which

00:03:05

indicates that the code written in the body of

00:03:08

the function will be executed asynchronously

00:03:11

inside the function itself before calling

00:03:13

the function fitch is a data that returns

00:03:16

a promise, we added a second

00:03:18

keyword, I’ll note that words and weight are

00:03:22

only allowed in asynchronous functions

00:03:25

in another context, we got an error

00:03:28

with yandex.ru and I’ll say right away that if you didn’t

00:03:32

put functions in sing, then you won’t

00:03:34

be able to use awake inside just

00:03:37

as soon as we wrote and the sing to function

00:03:41

immediately began to return a promise,

00:03:43

let’s check this

00:03:48

console gun got used to the promise and

00:03:50

therefore we can

00:03:52

subscribe to this pro in any other place

00:03:54

so what are the advantages of async await

00:03:58

over pro in places the first thing is that it’s

00:04:01

all - in short, we looked at only a

00:04:03

very small script, but imagine

00:04:06

if we write serious functionality, the

00:04:08

savings in code volumes will be many times

00:04:11

greater. Second, this is because our course

00:04:15

becomes, so to speak,

00:04:18

flat, which simplifies support

00:04:21

3. It’s much easier for us to avoid callback

00:04:25

hell or promise i' ll when our choir is

00:04:28

flat, yes, such a concept also appeared

00:04:31

and I’m talking about the craft, as you remember, in

00:04:34

order to process

00:04:35

errors in a promise and we use flow

00:04:39

while async await

00:04:40

we use the old joytech construction, familiar to everyone,

00:04:44

it looks like this:

00:05:10

we rewrote our promise so that it

00:05:13

returned an error with the help of reject

00:05:16

and then

00:05:17

the triples we catch this error and

00:05:20

display it in the console, and speaking

00:05:23

specifically, the error is caught in

00:05:25

Kerch, so we can conclude

00:05:27

that the purpose of the aspen functions is to simplify the

00:05:31

use of promise of synchronously, the

00:05:33

key conclusions that can be drawn

00:05:36

on this The lesson is

00:05:37

the following and sing a way is a new way

00:05:40

of writing synchronous code before,

00:05:44

we wrote similar code using kcal

00:05:46

proteins and promises,

00:05:47

that is, we can say that you are a new

00:05:50

step in the development of syntax and working with

00:05:53

asynchronous code, the second thing is that in

00:05:55

structures built using

00:05:57

sing a you are like i promise and does not block the

00:06:01

main flow of program execution;

00:06:03

third promise and has not lost its

00:06:06

relevance

00:06:07

since aspen kate is based on the same

00:06:10

promises and but you need to take into account that

00:06:13

this mechanism

00:06:14

cannot be used in columns and

00:06:16

fourth, thanks to syncwine,

00:06:19

asynchronous code becomes similar to

00:06:21

synchronous another example that

00:06:24

should show the simplicity of understanding the

00:06:27

code written using passing away,

00:06:30

first let's create a lot function and

00:06:33

write its functionality using

00:06:36

promise and

00:06:51

now the same thing but on sing a white

00:07:08

both functions do the same thing they

00:07:11

sum up the value that

00:07:13

is returned from promise of I think

00:07:15

comments here are unnecessary,

00:07:17

you can pause the video and

00:07:20

decide for yourself which option is more

00:07:23

understandable for you personally. You can

00:07:26

write answers in the comments and in general that’s all

00:07:29

for today, as you can see, the

00:07:31

async

00:07:32

and white design, in addition to simplifying the syntax of

00:07:35

asynchronous code, has added the ability

00:07:39

use synchronous code in the form of

00:07:41

synchronous code, which significantly simplifies both

00:07:44

debugging and understanding the code, but with

00:07:46

that, I’ll see you all in the

00:07:49

next video lesson, don’t forget

00:07:51

to subscribe to the channel and like

00:07:53

bye

00:07:55

[music]

Description:

Всех приветствую в курсе «ES6». В данном видео-курсе мы с вами рассмотрим все ключевые нововведения в стандарте ECMAScript 2015. Разберём практические примеры, а так же проведём аналогию стандартов ES6 и ES5. В своё время это было самое крупное и революционное обновление стандарта, которое добавило кучу новых возможностей начиная новыми способами объявления переменных и новым типом функций, заканчивая новым типом данных symbol, классами, итераторами и генераторами. Все эти фичи мы подробно изучим. ✒ Репозиторий курса: ✔ GitHub: https://github.com/YauhenKavalchuk/es6 ✒ Используемые ресурсы и инструменты: ✔ Atom (Редактор кода): https://github.blog/2022-06-08-sunsetting-atom/ ✔ Node.js: https://nodejs.org/en/ ✔ Browserify/Watchify: https://github.com/browserify/watchify ✔ NPM http-server: https://www.npmjs.com/package/http-server ✒ Полезные ссылки: ✔ Exploring ES6: https://exploringjs.com/es6/ ✔ Babel: https://babeljs.io/docs/ ✒ Полезные курсы на канале: ✔ JavaScript: https://www.youtube.com/playlist?list=PLNkWIWHIRwMHKLotIS_d-wyj00pg0AnUg ✒ Полный список готовых и планируемых курсов: ✔ Trello: https://trello.com/b/R6rD7qq8 ✒ Автор курса: ✔ YouTube: https://www.youtube.com/YauhenKavalchuk ✔ Instagram: https://www.facebook.com/unsupportedbrowser ✔ Twitter: https://twitter.com/YauhenKavalchuk ✔ VK: https://vk.com/YauhenKavalchuk ✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk ✔ GitHub: https://github.com/YauhenKavalchuk ✔ VK (Группа): http://vk.com/webdevcom ✒ Поддержать развитие канала: https://github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md

Preparing download options

Popular

HD video

Only sound

All

* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."

** — Link intended for online playback in specialized players

Questions about downloading video

How can I download "ES6 #14 Async/Await" video?

http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.
The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.
UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.
UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

Which format of "ES6 #14 Async/Await" video should I choose?

The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

Why does my computer freeze when loading a "ES6 #14 Async/Await" video?

The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

How can I download "ES6 #14 Async/Await" video to my phone?

You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

How can I download an audio track (music) to MP3 "ES6 #14 Async/Await"?

The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

How can I save a frame from a video "ES6 #14 Async/Await"?

This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

What's the price of all this stuff?

It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.