Тёмный

Event Delegation - podstawy front-endu. Wzroce w JavaScript. 

Jak zacząć programować?
Подписаться 38 тыс.
Просмотров 8 тыс.
50% 1

Опубликовано:

 

20 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 42   
@jakubmynek3853
@jakubmynek3853 2 года назад
Nie sądziłem, że znajdę na polskim RU-vid tak dobry jakościowo kanał, który wszystko dobrze wytłumaczy. Dobra robota!
@JZP
@JZP 2 года назад
Dzięki!
@BurorBialystok
@BurorBialystok 2 года назад
Tak, chętnie zobaczę więcej podobnych odcinków.
@bartodziej586
@bartodziej586 2 года назад
Dzięki, akurat ostatnio się nad tym głowiłem przy okazji robienia todo appki ;)
@tomaszdomagalski5855
@tomaszdomagalski5855 2 года назад
Super odcinek, prosimy takich więcej !
@szymonstyrna932
@szymonstyrna932 Год назад
Kiedy możemy się spodziewać kolejnych tego typu odcinków? Bardzo wartościowy materiał🤠
@JZP
@JZP Год назад
W sumie to nie planowaliśmy robić serii z tego 🤔chciałbyś usłyszeć o czymś konkretnym?
@szymonstyrna932
@szymonstyrna932 Год назад
@@JZP Powiem szczerze że nie miałem niczego konkretnego na myśli 😅 O event delegation dowiedziałem się właśnie z tego filmiku. Może właśnie odcinki z takimi konceptami / patternami w js. Oprócz tego może odcinek o bind, call apply? Pozdrawiam 🤠
@belkocik
@belkocik Год назад
@@JZP Throttling i Debouncing :D
@gosiekk13
@gosiekk13 2 года назад
Wartościowy odcinek. Dzięki. Czekam na kolejne tego typu nagrania 😊
@xpower2923
@xpower2923 2 года назад
Dzięki bardzo! Super wytłumaczone ;)
@blosomit2090
@blosomit2090 Год назад
W końcu to zrozumiałem! Dzięki serdeczne :)
@basiorbb3
@basiorbb3 2 года назад
Hej fajny odcinek. Nie chodziło Ci czasem o spread operator zamiast destructuringu?
@JZP
@JZP 2 года назад
Tak jest! Dzieki za poprawkę
@macieklewandowicz5579
@macieklewandowicz5579 Год назад
Zastanawiam się czy ten wzorzec jest w ogóle wykorzystywany np. w React, gdzie operuje się na virtual-domie i taka rzecz jak zaprezentowana w wideo to po prostu osobny komponent z funkcją onClick?
@JZP
@JZP Год назад
Możesz to zrobic jakbyś chciał ale nie jest to standard we frameworkach. Virtual DOM nic nie zmienia w kwestii eventow.
@macieklewandowicz5579
@macieklewandowicz5579 Год назад
@@JZP właśnie o to mi chodzi że nie jest to standardem, sama dokumentacja Reacta raczej zniechęca do operacji na DOMie i jak już to stosuje się Refy. Jestem świadomy że ostatecznie jest to możliwe do wykonania, ale nigdy w 'nowszych' projektach się z tym nie spotkałem, tak jak z jQuery. Z drugiej strony spotkałem się z tym pytaniem na rozmowie rekrutacyjnej, czy czasem nie jest to trochę 'relikt'? Fajnie znać ale czy się z tego obecnie korzysta? ;)
@JZP
@JZP Год назад
@@macieklewandowicz5579 robisz założenie, że React i frameworki są standardem. Nie jest to do końca prawda. Wiele projektów z nich korzysta, ale nie wszystkie. Po drugie, moim zdaniem warto znać podstawy i czyste HTML, CSS, JS i to jak działa DOM. Wtedy jesteśmy naprawdę dobrze przygotowani do swojej pracy. React, Agnular czy Vue mogą się pozmieniać a podstawy zawsze z Tobą zostaną.
@dawidkubicki5145
@dawidkubicki5145 Год назад
hmm mnie zastanawia jedna rzecz .. mianowicie czy nie byloby prosciej i bardziej optymalnie zamiast usuwac cala liste i tworzyc ja od nowa po prostu dodac do rodzica (listy) nowy div ktory by zawieral zawartosc imputów oraz czy nie latwiej byloby przy usuwaniu danego kontaktu po prostu odniesc sie do closest rodzica ktory jest kontaktem i po prostu uzyc remove ?
@JZP
@JZP Год назад
pewnie tak. Na potrzeby odcinka uznałem, że podejście z przerysowaniem całej listy będzie łatwiejsze, a co najważniejsze - nie rozproszy oglądających
@dawidkubicki5145
@dawidkubicki5145 Год назад
czyli korzystanie z closest w takiej sytuacji zamiast delegacji bedzie rowniez dobrym rozwiazaniem czy byloby to w jakis sposob gorsze ?
@JZP
@JZP Год назад
@@dawidkubicki5145 Zależy od przypadku. Film był o delegacji zdarzeń a nie o tym, że closest jest lepsze
@xpower2923
@xpower2923 2 года назад
Panowie moglibyście pokazać jak zaimplementować do tego projektu drag and dropa?
@JZP
@JZP 2 года назад
A próbowałeś już zrobić go samemu?
@dafimperator
@dafimperator 2 года назад
sam nie wiem, czy chciałbym żeby jQuery umarł. Składnia jest bardziej wygodna niż w czystym JS. Jak nie ma ciśnienia na performance, to jQuery oszczędza palce :) Chociaż jak znam zycie istnieją małe biblioteczki, które mają mechanizm selektorów jak w CSS
@nyupyu
@nyupyu 2 года назад
Pierwszy :>
@mlodywerter
@mlodywerter 2 года назад
Mrozisz chłopaczku
@nyupyu
@nyupyu 2 года назад
@@mlodywerter Czasami się zdarza 😅
@mlodywerter
@mlodywerter 2 года назад
@@nyupyu Jak coś piszesz to wnieś coś wartościowego a nie piszesz pierwszy
@nyupyu
@nyupyu 2 года назад
@@mlodywerter Dzięki za twoją jakże użyteczną radę, nie skorzystam. Komentarz nawet najgłupszy generuje zasięgi, nie pozdrawiam. ✌️
@mlodywerter
@mlodywerter 2 года назад
@@nyupyu Super że generuje zasięgi ale co wnosi to że pierwszy napiszesz.Wyszukiwarka YT po słowach kluczowych filmy pokazuje więc jak napiszesz pierwszy to mniej pomożesz wybić ten kanał,jakbyś napisał coś o JS.Jeżeli się nie znam to mnie poprawcie
@mikegadomski4537
@mikegadomski4537 2 года назад
Moze Cod zrodlowy tez dodac GitHub?
@JZP
@JZP 2 года назад
No jasne - github.com/Jak-zaczac-programowac/event-delegation
@mikegadomski4537
@mikegadomski4537 2 года назад
@@JZP podziekowal :)
@wpkoko7677
@wpkoko7677 2 года назад
gdzie jest pierwsza część ?
@JZP
@JZP 2 года назад
Pierwsza część?
@Mimispapi
@Mimispapi 2 года назад
Jak dac suba i kliknac w dzwoneczek jesli juz to zrobilam? XD zaslugujecie na wiecej :D
@JZP
@JZP 2 года назад
:D dzięki! Możesz wysłać jakimś znajomym, którzy też się uczą :D
@GreenMerlin
@GreenMerlin 2 года назад
Jednak za długie, temat do wytłumaczenia w max 10min a i w 5 by się dało, a tu rozwleczone na 30 min :/
@PURPLEBLACK
@PURPLEBLACK 2 года назад
No i mam wasze numery
@mlodywerter
@mlodywerter 2 года назад
Ty tak na serio?
@JZP
@JZP 2 года назад
Tylko do Jana nie dzwoń dobra? Stresuje się bardzo rozmawiając przez telefon
Далее
Event Delegation in JavaScript, Simplified
8:46
Просмотров 13 тыс.
Czy wiesz jak działa useState?
16:16
Просмотров 4,4 тыс.
Callbacks in JavaScript Explained!
14:03
Просмотров 153 тыс.
Kiedy najlepiej aplikować do pierwszej pracy?
7:35
Просмотров 14 тыс.
JavaScript DOM Tutorial #10 - Event Bubbling
7:43
Просмотров 81 тыс.
Event delegation - Zadanie z JavaScript
7:35
Просмотров 7 тыс.