Основи JavaScript для початківців #22 - Async Await

[e-mail] - для зворотного зв'язку

[@user-aleksandr1890]

Було б чудово у майбутньому, подивитися ваше відео про роз'яснення декількох основних у роботі паттернів проектування

[@irynazdobnikova4501]

Дякую!!! Як завжди, коли ви пояснюєте, то начебто все зрозуміло, що для чого прописується і викликається. Але практичне завдання це для мене із сфери фантастики🙃

[@zoiataranets9972]

Привіт! Чудовий вчитель, веселий і пояснюєш цікаво. Дякую! Чекаю нових відео

[@alexandr7647]

Контент супер, як завжди. Лайк 🙂

[@kulik_xx]

Контент супер, продовжуй і як завжди я чекаю нове відео)

[@yuliasosedova1785]

Дякуюююю! Як добре, що я вас знайшла ❤❤❤ українською, з гумором, так зрозуміло 👍 клас

[@ianach]

у вас дуже класні відоси, все зрозуміло, детально і цікаво! дуже вам дякую!

[@kosmosdes]

"МИ закинули псевдомасив у масив і тут *Я* викликаю..."
командна робота

[@Alex_Fliming_UA]

Дуже тобі дякую за працю!
Лайк, підписка і рекомендація усім, хто почне вчити JS! =)

[@user-uj7kg9ij4h]

дякую за матеріал і роз'яснення

[@jerrymyjohn2943]

Вау, ледве макитру не зломав використовуючи setimeout, розумію що він асінхронний але спочатку не міг допетрити як їого використовувати, він висмикує твій код с потіка. Чстина в таймауті зависає, а код несеться далі.А тут такий чудовий лайфхак 🙂

[@bohdanlutsak6824]

Подяка за корисний контент по скріптам)))

[@immortal601]

Дякую за нове відео

[@RomanTrendKhmelnizkij1981]

Супер, знов шрифт більший (краще видно і очі менше втомлюються))

[@Implexx]

Привіт! Судячи з прикладу на 12 хвилині, не сказав би, що асінк тільки син. цукор. Все таки виглядає так, що там логіка змінюється, логіка виконання коду і порядку його виведення. Дякую за урок!

[@Svit_means_light]

Дуже дякую за урок!) Нажаль завдання не виконала заплуталась та не знала як його зробити((( Але завтра буду передивлятись тему знову щоб краще зрозуміти.

[@denyslysenko9617]

// Величезна подяка за урок!
// Вирішив через map i forEach, а також через подію "input", також для гнучкості фільтрації використав includes.

[@b_e_s_t_e_r_i_o_n5027]

Я так зрозумів, що в js як хочеш так і пишеш код😅 головне щоб працював, чогось багато способів є😬

[@khrystyna_vavryniv]

А я використовувала input замість keyup. То виходить цю додаткову перевірку можна було не прописувати на початку функції filterUsers()?

[@ВолодимирДворковий-р5и]

Дивне питання, але що означає метод target в рядку e.target.value ?

[@Ferr_Expo]

Привіт. А якщо у функції filterUsers використати querySelectorAll замість getElementsByClassName, то можна обійтись без спред оператора і вкладання псевдомасива в масив[...document.getElementsByClassName]?

[@NERO-uo8vs]

Я не роздуплився з завданням і 2 дні сортував масив( Навіть намагався закодити відстань Левенштейна. Потім всеж нагуглив як працювати з методом sort. Було цікаво

[@_fulgrim_9865]

Друга частина коду трішке важче зайшла.Перша ліпше була так як схоже робили в попередніх уроках.

[@kirby9906]

Чекаю продовження

[@wandarik5221]

Коли нове відео? 😊

[@petro_sheva]

Які теми ще будуть розглянуті в курсі по JS?

[@maks-qe7ui]

!але коли пишеш пошук ім'я в інпут полі з маленької літери,то це не працює,тільки з великої,як це виправити??

[@maks-qe7ui]

function filterUsers(e) {
const userListItems = document.getElementsByClassName("users-list-item");
const searchTerm = e.target.value.toLowerCase(); // Перетворення введеного значення на малі літери
for (const item of userListItems) {
const userName = item.innerHTML.toLowerCase(); // Перетворення тексту елемента на малі літери
if (!userName.startsWith(searchTerm)) {
item.classList.add("hidden");
} else {
item.classList.remove("hidden");
}
}
} ось так я зробив

[@Ruslan-ps9rz]

Давайте попросимо автора про тайпскрипт курс записати українською))

[@gm_Maker]

Спасибо за урок!
Как сделать выделения совпадающего текства?
мое решение:
const input = document.querySelector('.input')
async function PrintUsers() {
const request = await fetch(urlUsers)
const dataUsers = await request.json()
dataUsers.forEach(user => {
const li = document.createElement('li')
li.textContent = user.name
li.classList = 'user'
usersList.appendChild(li)
})
}
function filterUsers() {
const allUsers = document.getElementsByClassName('user')
const inputText = input.value.toLowerCase()
for (const user of allUsers) {
const userName = user.innerHTML.toLowerCase()
if (userName.includes(inputText)) {
user.classList.remove('hidden')
} else {
user.classList.add('hidden')
}
}
}
PrintUsers()
input.addEventListener('keyup', filterUsers)
input.addEventListener('change', filterUsers)

[@dollscometolif7734]

Підкажіть, будь ласка, чим відрізняється (response => response.json()) i (data => data.json())?
Не розумію в чому різниця і коли що використовувати
Буду дуже вдячна за відповідь!

[@savchukit1454]

Все абсолютно те саме, просто різна назва параметру функції. Ви можете називати його як завгодно, хоч cat=> cat.json()

[@dollscometolif7734]

@@savchukit1454 дякую за відповідь!

[@ВолодимирІгорович-э7т]

Мало такого контенту українською. Продовжуй !

[@sleeploker3096]

А ти репетиторством не думав зайнятись?)

[@Mark_Familiy_Titan]

Краще покажи варіанти реалізації затримки перед фільтрацією (щоб на бек не відправляти кожен раз запит при кожній новій букві не дописаного тексту) хоча у відео ти і фільтруєш тільки ті данні які отримав затримка дуже корисна річ

[@savchukit1454]

Та, мейк сенс)

[@panasbaby4262]

давай контент про React)

[@savchukit1454]

на все свій час і воля божа)

[@xtoya2]

👁

[@RenoKill]

Привіт і дякую за урок. Але твоя оптимізація не надто хороша тому, що якщо ввести одну літеру то все одно він буде перевіряти той цикл при кожному наступному натисканні))

[@kirby9906]

Якраз почав потроху вивчати JS.

[@Исиар]

Дуже багато води

[@b_e_s_t_e_r_i_o_n5027]

Автор намагається все розжувати) щоб люди краще все зрозуміли, комц не подобається, то нехай шукає інший канал, де в загальному пробігаються, а не намагаються пояснити

[@igorpelekh2355]

а якщо зробити так: for (const user of usersListItems) {
if (user.includes(event.target.value)) { ... }}