Привіт! 👋 Це канал для веброзробників та тих, хто цікавиться новинками у світі веб-технологій 🌐 Тут ти знайдеш навчальні 📚 та пізнавальні відео 🎥. Приєднуйся та підтримуй розвиток україномовного контенту! 🇺🇦💻✨
о новий відосік! це жоско, гуд ту ноу але я б просто через ртк зробив
@WebxInUa6 күн бұрын
Так, це хардкорно 💯враховуючи скільки тепер є готових бібліотек, та всі вони +- роблять те саме під капотом ☺️
@vladyslavfereira69316 күн бұрын
@@WebxInUa да, класно розуміти глибше <3!
@haxidenti60019 күн бұрын
Круто. Молодець. Привіт з Хеврону:)
@WebxInUa9 күн бұрын
Привіт, Дякую!)
@vladyslavfereira693113 күн бұрын
урааа!!! відосік!!! доречі, навіщо нам nginx який віддає файли, якщо у нас є бандлер який збирає всі файли в один файл
@WebxInUa13 күн бұрын
Привіт, ви щойно відповіли на своє питання) Якщо наприклад бандлер типу вебпак - це інструмент для збирання модулів JavaScript (і не тільки). Його основна функція - збірка та упаковка файлів JavaScript, CSS, зображень та інших ресурсів у один або кілька файлів. А ось nginx або apache це веб-сервер та зворотний проксі-сервер. Його основна функція - обробка HTTP-запитів і надання контенту, який власне збирається перед тим як попасти на веб сервер
@vladyslavfereira693113 күн бұрын
@@WebxInUa боже, то nginx достає зібраний js файл i медіа? так? мда, оце я спитав дякую @WebxInUa (зараз поглиблюю знання з webpack до цього збирав тікі з vite)
@WebxInUa13 күн бұрын
Vite хороший збирач та досить швидкий 🏎️
@Murka40013 күн бұрын
Коментар у підтримку навчального україномовного контенту на KZread🙌🏻🤝👍
@WebxInUa13 күн бұрын
🫶
@WebxInUa14 күн бұрын
Вийшло класне відео про Функції генератори та ітератори у JS - kzread.info/dash/bejne/qGiqtLWTeM6vkps.html
@vladyslavfereira693114 күн бұрын
shock
@vladyslavfereira693114 күн бұрын
ne znaly
@WebxInUa14 күн бұрын
Відносно нова фіча 🎉
@vladyslavfereira693114 күн бұрын
@@WebxInUa о згадав, я хотів запитати чи нема у тебе якихось нетвокінг веб дев чатів. я на доу, ворк.юа та робота.юа повідправляв, але не знаю тг чатів де також можна було б моніторить та нетворкаться ююхуу =)
@WebxInUa14 күн бұрын
@@vladyslavfereira6931 привіт, в цьому питання мої знання не супер вражаючі, можу порекомендувати створити, якщо немає аккаунт на linkedin, це досить велика мережа, де безумовно можна щось підшукати, звісно зараз це не легко, та стукати потрібно у всі двері 🚪 , прийде час і вони відкриються. Бажаю як найшвидше застрибнути на цей потяг, та багато крутих цікавих проектів! 🫶
@vladyslavfereira693114 күн бұрын
@@WebxInUa дяяякуююю=)
@vladyslavfereira693114 күн бұрын
ahujet`
@vladyslavfereira693114 күн бұрын
now it way faster!!!!
@vladyslavfereira693114 күн бұрын
good to know
@vladyslavfereira693115 күн бұрын
niiiceee!
@vladyslavfereira693116 күн бұрын
dont stop!
@vladyslavfereira693116 күн бұрын
wow wow follow him people, leave coments. u have to force this guy
@WebxInUa16 күн бұрын
Thx 🫶
@vladyslavfereira693116 күн бұрын
wuuuuuu u nyashka
@WebxInUa16 күн бұрын
Дякую 🤩
@bil876220 күн бұрын
привіт, дяка за відео, думаю під черепахою мало бути shift/unshift
@WebxInUa20 күн бұрын
Привіт, так і є, дякую Вам за уважність 🫶🤝
@pmixail21 күн бұрын
Тот нєловкій момєнт коли захотілося не прискорювати відео а сповільнювати )))
@WebxInUa21 күн бұрын
Є таке, не раз сам хочу прискорити, а тут навпаки роблю так, аби прискорення не було) а як Вам відео, все таки зашвидко?)
@vdrychyk21 күн бұрын
Все швиденько і зрозуміло!
@WebxInUa21 күн бұрын
Дякую 🤩🫶
@ops_rv22 күн бұрын
Подивився, що є на каналі, всі про біль js розробника)) Підписався, дякую)
@WebxInUa22 күн бұрын
Дякую 🤩🫶
@YevhenZhuchenko26 күн бұрын
Дякую за відео, з нетерпінням чекаю коли можна буде використовувати нову версію на вже існуючих проєктах.
@WebxInUa26 күн бұрын
Дякую Вам 🫶 Нова версія справді має хороші покращення 🛠️🎉
@space814327 күн бұрын
Працює в safari 17.5
@WebxInUa27 күн бұрын
Так, тут більше деталей developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark#browser_compatibility
@ant_code28 күн бұрын
є ще елегантніший спосіб щоб обходитись без врапера try/catch. Наприклад: const result = await myAction().catch(() => null); в такому прикладі result буде null при реджекті проміса
@johngalt4487Ай бұрын
В якій програмі ви робили візуалізацію?
@WebxInUaАй бұрын
Вітаю, яку саме, цікавить щось конкретне? Щось робив сам, використовую adobe ae, а в кінці відео приклад роботи event loop сайт, посилання на нього є в описі 🫶
@KriachkoartemАй бұрын
Для педінгів, мержинів можна взагалі писати: «p10», або навіть «p10-15-10-30”. Ширину, висоту, наприклад по 100%, одразу можна писати «w100p+h100p»
@WebxInUaАй бұрын
Саме так, дякую Вам за коментар)
@WebxInUaАй бұрын
Посилання на шпаргалку: docs.emmet.io/cheat-sheet/
@JsDevUAАй бұрын
🔥🔥🔥
@user-nt9db8ho8rАй бұрын
Нарешті українською! Дякую тобі!
@WebxInUaАй бұрын
Вам дякую 🫶
@tmptrashАй бұрын
Ось це було прикольно )))
@WebxInUaАй бұрын
Вельми вдячний;)
@user-kb1us4dw9dАй бұрын
Ми спочатку викликаємо async функцію , там у нас є console.log("Початок"); . В нас там проміс який ми чекаємо (Тому і не виводиться console.log("Кінець");). Так як async функція example() викликається без await то ми не зупиняємось і йдемо далі . Тому викликається console.log("Де я?"); . І через 1 сек. викликається console.log("Кінець"); Консоль: Початок -> Де я ? -> Кінець
@WebxInUaАй бұрын
Все вірно 🙌
@JsDevUAАй бұрын
👍👍👍
@DrinchykАй бұрын
Я думав: Де я => Початок => Кінець => Promise(але це не так перевірив себе потім). Дякую за цікаве відео. Я здогадуюсь чому так, але було б цікаво коротенький розбір по цьому))
@WebxInUaАй бұрын
Річ у тім, що ми не викликали example із ключовим словом await(), інтерпретаор JS відпрацював наступний чином - виклик функції без await (Тобто очікувати на асинхронні дії у тілі функції не будем) АЛЕ - Так як у середині є синхронна оперція console.log('початок'), то вона відпрацює одразу, далі Проміс - це асинхронна операція, відповідно вона буде виконана через сек, таким чином ми виходимо з функції, і викликаємо наступну синхронну операцію console.log('Де я?') згодом Після 1 сек виконується блок setTimeout а далі наступний рядок після нього console.log("Кінець") ...... У JS є таке поняття FIFO (First In First Out) це про те як виконується код із стеку. Доречі SetTimeout це асинхронна операція, у неї є окреме середовище де вона простими словам відбуває свій час очікування перед виконаням у стеці виклику, назв WebAPI. У мене є відео про EventLoop там якраз я розкриваю деталі роботи синхронного та асинхронного коду kzread.info/dash/bejne/pKqlybGBZdbdgLg.html
@tmptrashАй бұрын
Я походу старий. Треба було паузу натискати )))
@WebxInUaАй бұрын
Ага, добре що хтось придумав паузу)
@IhorVyshniakovАй бұрын
прикильна фіча бо з кожним роком у мене все більше місця займають папки з проектами
@WebxInUaАй бұрын
Так, дуже рятує, і зручно 👍
@IhorVyshniakovАй бұрын
не знав, що так можна) а як ти сам про це дізнався?
@WebxInUaАй бұрын
Привіт, дякую 🫶 Насправді є багато ресурсів, Тут є більше деталей developer.chrome.com/docs/devtools/console/format-style
@IhorVyshniakovАй бұрын
Годнота, продовжуй Дуже зручно ось так дивитися відео на конкретну тему, щоб зрозуміти її))
@WebxInUaАй бұрын
🔥🫶
@tarasshulak6037Ай бұрын
Super 💯
@WebxInUaАй бұрын
Дякую 🔥
@AroundTheWorld-__-Ай бұрын
Комент для підтримки!
@Journey_SportsАй бұрын
Які переваги надає використання об'єкта Promise у порівнянні з традиційними методами роботи з асинхронним кодом, такими як callback-функції?
@WebxInUaАй бұрын
Вітаю основні переваги: 1 - Гнучкість написання коду. 2 - Проміс надає сет корисних методів котрі працюють з під коробки .all(), .any() , .finally(), .race() і тд...
@DrinchykАй бұрын
Супер, дякую за цікаве пояснення! Цікаво було б послухати про async await
@WebxInUaАй бұрын
Дякую 🫶 Обов'язково буде про async/await та функції генератори, у наступних відео 🎥
@WebxInUaАй бұрын
Привіт, залив відосік про async/await певен, щось нове дізнаєтесь!) kzread.info/dash/bejne/qnar0pmSn7zAo6g.html
Пікірлер
імба
🫶
о новий відосік! це жоско, гуд ту ноу але я б просто через ртк зробив
Так, це хардкорно 💯враховуючи скільки тепер є готових бібліотек, та всі вони +- роблять те саме під капотом ☺️
@@WebxInUa да, класно розуміти глибше <3!
Круто. Молодець. Привіт з Хеврону:)
Привіт, Дякую!)
урааа!!! відосік!!! доречі, навіщо нам nginx який віддає файли, якщо у нас є бандлер який збирає всі файли в один файл
Привіт, ви щойно відповіли на своє питання) Якщо наприклад бандлер типу вебпак - це інструмент для збирання модулів JavaScript (і не тільки). Його основна функція - збірка та упаковка файлів JavaScript, CSS, зображень та інших ресурсів у один або кілька файлів. А ось nginx або apache це веб-сервер та зворотний проксі-сервер. Його основна функція - обробка HTTP-запитів і надання контенту, який власне збирається перед тим як попасти на веб сервер
@@WebxInUa боже, то nginx достає зібраний js файл i медіа? так? мда, оце я спитав дякую @WebxInUa (зараз поглиблюю знання з webpack до цього збирав тікі з vite)
Vite хороший збирач та досить швидкий 🏎️
Коментар у підтримку навчального україномовного контенту на KZread🙌🏻🤝👍
🫶
Вийшло класне відео про Функції генератори та ітератори у JS - kzread.info/dash/bejne/qGiqtLWTeM6vkps.html
shock
ne znaly
Відносно нова фіча 🎉
@@WebxInUa о згадав, я хотів запитати чи нема у тебе якихось нетвокінг веб дев чатів. я на доу, ворк.юа та робота.юа повідправляв, але не знаю тг чатів де також можна було б моніторить та нетворкаться ююхуу =)
@@vladyslavfereira6931 привіт, в цьому питання мої знання не супер вражаючі, можу порекомендувати створити, якщо немає аккаунт на linkedin, це досить велика мережа, де безумовно можна щось підшукати, звісно зараз це не легко, та стукати потрібно у всі двері 🚪 , прийде час і вони відкриються. Бажаю як найшвидше застрибнути на цей потяг, та багато крутих цікавих проектів! 🫶
@@WebxInUa дяяякуююю=)
ahujet`
now it way faster!!!!
good to know
niiiceee!
dont stop!
wow wow follow him people, leave coments. u have to force this guy
Thx 🫶
wuuuuuu u nyashka
Дякую 🤩
привіт, дяка за відео, думаю під черепахою мало бути shift/unshift
Привіт, так і є, дякую Вам за уважність 🫶🤝
Тот нєловкій момєнт коли захотілося не прискорювати відео а сповільнювати )))
Є таке, не раз сам хочу прискорити, а тут навпаки роблю так, аби прискорення не було) а як Вам відео, все таки зашвидко?)
Все швиденько і зрозуміло!
Дякую 🤩🫶
Подивився, що є на каналі, всі про біль js розробника)) Підписався, дякую)
Дякую 🤩🫶
Дякую за відео, з нетерпінням чекаю коли можна буде використовувати нову версію на вже існуючих проєктах.
Дякую Вам 🫶 Нова версія справді має хороші покращення 🛠️🎉
Працює в safari 17.5
Так, тут більше деталей developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark#browser_compatibility
є ще елегантніший спосіб щоб обходитись без врапера try/catch. Наприклад: const result = await myAction().catch(() => null); в такому прикладі result буде null при реджекті проміса
В якій програмі ви робили візуалізацію?
Вітаю, яку саме, цікавить щось конкретне? Щось робив сам, використовую adobe ae, а в кінці відео приклад роботи event loop сайт, посилання на нього є в описі 🫶
Для педінгів, мержинів можна взагалі писати: «p10», або навіть «p10-15-10-30”. Ширину, висоту, наприклад по 100%, одразу можна писати «w100p+h100p»
Саме так, дякую Вам за коментар)
Посилання на шпаргалку: docs.emmet.io/cheat-sheet/
🔥🔥🔥
Нарешті українською! Дякую тобі!
Вам дякую 🫶
Ось це було прикольно )))
Вельми вдячний;)
Ми спочатку викликаємо async функцію , там у нас є console.log("Початок"); . В нас там проміс який ми чекаємо (Тому і не виводиться console.log("Кінець");). Так як async функція example() викликається без await то ми не зупиняємось і йдемо далі . Тому викликається console.log("Де я?"); . І через 1 сек. викликається console.log("Кінець"); Консоль: Початок -> Де я ? -> Кінець
Все вірно 🙌
👍👍👍
Я думав: Де я => Початок => Кінець => Promise(але це не так перевірив себе потім). Дякую за цікаве відео. Я здогадуюсь чому так, але було б цікаво коротенький розбір по цьому))
Річ у тім, що ми не викликали example із ключовим словом await(), інтерпретаор JS відпрацював наступний чином - виклик функції без await (Тобто очікувати на асинхронні дії у тілі функції не будем) АЛЕ - Так як у середині є синхронна оперція console.log('початок'), то вона відпрацює одразу, далі Проміс - це асинхронна операція, відповідно вона буде виконана через сек, таким чином ми виходимо з функції, і викликаємо наступну синхронну операцію console.log('Де я?') згодом Після 1 сек виконується блок setTimeout а далі наступний рядок після нього console.log("Кінець") ...... У JS є таке поняття FIFO (First In First Out) це про те як виконується код із стеку. Доречі SetTimeout це асинхронна операція, у неї є окреме середовище де вона простими словам відбуває свій час очікування перед виконаням у стеці виклику, назв WebAPI. У мене є відео про EventLoop там якраз я розкриваю деталі роботи синхронного та асинхронного коду kzread.info/dash/bejne/pKqlybGBZdbdgLg.html
Я походу старий. Треба було паузу натискати )))
Ага, добре що хтось придумав паузу)
прикильна фіча бо з кожним роком у мене все більше місця займають папки з проектами
Так, дуже рятує, і зручно 👍
не знав, що так можна) а як ти сам про це дізнався?
Привіт, дякую 🫶 Насправді є багато ресурсів, Тут є більше деталей developer.chrome.com/docs/devtools/console/format-style
Годнота, продовжуй Дуже зручно ось так дивитися відео на конкретну тему, щоб зрозуміти її))
🔥🫶
Super 💯
Дякую 🔥
Комент для підтримки!
Які переваги надає використання об'єкта Promise у порівнянні з традиційними методами роботи з асинхронним кодом, такими як callback-функції?
Вітаю основні переваги: 1 - Гнучкість написання коду. 2 - Проміс надає сет корисних методів котрі працюють з під коробки .all(), .any() , .finally(), .race() і тд...
Супер, дякую за цікаве пояснення! Цікаво було б послухати про async await
Дякую 🫶 Обов'язково буде про async/await та функції генератори, у наступних відео 🎥
Привіт, залив відосік про async/await певен, щось нове дізнаєтесь!) kzread.info/dash/bejne/qnar0pmSn7zAo6g.html
🔥🔥🔥
Чудове пояснення Promise 👍
Дякую!
👍🏻👍🏻