Yahor Vaziyanau
Профессиональный формошлеп / JS разработчик / Bug Janitor.
Асинхронность Колбеки
Промисы Модульность
WARNING
Это нестандартная лекция.
Знакомство
Это Я =>
Software Engineer в
iTechArt.
Профессиональный формошлёп.
@fasvald
Как меня найти
live:egorvoz2
Наш ту ду список
Обзор ту ду:
- Разберем асинхронность
- А также посмотрим на коллбеки
- Ну и на промисы и ИЭЛДЫ :)
- И немного про асинк/авейты
- А на десерт у нас - модульность
- И Т О Г И.
ВНИМАНИЕ!!!
Дальше пойдет сухая теория
Мб есть вопросы перед началом ?
Ну что? Пора на встречу к "асинхронным"приключениям!
Асинхронность
Кто скажет в чем разница между синхронным кодом и асинхронным?
А ЖээС асинхронный?
setTimeout
setInterval
// setTimeout пример
function func() {
alert( 'Привет' );
}
setTimeout(func, 1000);
// setInterval пример
// Начать повторы с интервалом 2 сек
var timerId = setInterval(function() {
alert( "тик" );
}, 2000);
// И потом через 5 сек остановить повторы
setTimeout(function() {
clearInterval(timerId);
alert( 'стоп' );
}, 5000);Колбэки
Вместо 1000 слов
function greeting(name) {
alert('Hello ' + name);
}
function processUserInput(callback) {
var name = prompt('Please enter your name.');
callback(name);
}
processUserInput(greeting);Callback Hell
Промисы
Рассмотрим как работают промисы на примере очень крутой статьи "Mariko Kosaka"
Чтобы понять что такое async/await нам поможет Mr. Алигатор
А так же вот этот курс на Egghead
З.Ы. Блог автора - топ!!!
Бонус
Генераторы
15 минут и ты понимаешь
4 минуты чтения и ты понимаешь
Эта картинка кликабельна - поверь мне
Rx JS
З.Ы. https://www.learnrxjs.io/ => неплохо для старта, но в инете есть очень много годных статей что тут места не хватит :)
Модульность
Разберем вот это, так как лучше этого я пока не находил для понимания
З.Ы. Перед тем как ТЫ будешь делать `export default` почитай
Посмотрите и почитайте
Рассмотрим примеры. Ведь так ???
Проведем небольшое демо (так сказать маленький Workshop)
НО, если тебя не было на лекции, то ты сможешь легко пройти его сам просто открыв 1 из ссылок в разделе полезных материалов.
It's rewind time
(рефлексия)
И т о г о:
- Вы посмотрели презентацию и послушали меня.
- Потратили 60-90 минут свой жизни на вот это вот.
НО
Теперь вы шарите
Полезные ссылки
Полезные туториалы
- https://www.toptal.com/javascript/asynchronous-javascript-async-await-tutorial
- https://codeburst.io/javascript-what-the-heck-is-a-callback-aba4da2deced
- https://hackernoon.com/understanding-promises-in-javascript-13d99df067c1
- https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-promise-27fc71e77261
- https://scotch.io/tutorials/javascript-promises-for-dummies
- https://dev.to/nestedsoftware/asynchronous-generators-and-pipelines-in-javascript--1h62
- Egghead && https://dev.tube/ &&
З.Ы. Не бойтесь гуглить.
Надеюсь все было просто :)
Домашнее задание
(o_O)
Я все. Спасибо.
Вопросики и ответики ?
Асинхронность и его друзья в JS
By Yahor Vaziyanau
Асинхронность и его друзья в JS
Все про асинхронность в JS ))))
