overment
Closure w JavaScript występuje niemal na każdym kroku i daje ogromne możliwości. Z tego powodu często pojawia się w rozmowach rekrutacyjnych. I nawet pomimo tego często sprawia wiele problemów nawet doświadczonym programistom. W tym filmie wyjaśnię: 👉 Czym jest closure? 👉 Kilka istotnych definicji (np. funkcje jako First-Class Objects)
Tworzenie prostych gier to świetny sposób nauki programowania. Dlatego w tym filmie pokażę w jaki sposób możemy stworzyć grę Snake, wykorzystując programowanie funkcyjne (a raczej jego podstawy) w JavaScript z pomocą biblioteki Ramda.js. Wykorzystamy tutaj techniki omówione w serii o Programowaniu Funkcyjnym (https://www.youtube.com/playlist?list=PLjHmWifVUNMLR1Oz3WYK7XRLEY5LvSOPu), dlatego jeżeli ten materiał jest dla Ciebie
Wojciech SzućkoWojciech Szućko
Komponenty powielają logikę? Twoje komponenty często używają tych samych komponentów? Higher Order Component w skrócie HOC to prosty sposób na współdzielenie kodu pomiędzy komponentami. Podstawy Co to jest Higher Order Component? To funkcja, która przyjmuję komponent, a następnie może przekazać do niego nowe propsy lub otoczyć go innym komponentem.
Wojciech Szućko
Serwis, który dba o to aby nasza aplikacja była odporna na ataki XSS usuwając niebezpieczny kod (ang. sanitizing). Pisząc aplikację w Angularze często korzystamy z dynamicznego podstawiania wartości w takich miejscach jak link lub wykorzystując atrybut innerHtml. Miejsca te mogą być potencjalnymi miejsca ataku. DomSanitizer pomaga nam w utrzymaniu bezpiecznej
Wojciech Szućko
Na przestrzeni lat powstało wiele formatów grafiki takich jak: JPEG, GIF czy PNG, które wykorzystujemy tworząc nasze strony i aplikacje internetowe. W tym artykule przybliżę dwa z nich: WebP i AVIF – powstały one relatywnie niedawno. WebP Google w 2010 roku opublikowało format WebP, który jest 25% lżejszy od najpopularniejszych
Wojciech Szućko
Nadpisywanie styli podczas pisania aplikacji webowych to problem, z którym spotkał się nie jeden początkujący jak i doświadczony programista. Jak to się dzieje, że style w Angularze nie kolidują ze sobą? Jest to możliwe dzięki ich odpowiedniej enkapsulacji. Czym jest enkapsulacja? Enkapsulacja (inaczej hermetyzacja) polega na ukrywaniu danych
Wojciech Szućko
W bibliotece RxJS występuje 5 rodzajów Subject. Warto wiedzieć, że wszystkie z nich są typem Observable i różnią się tym od zwykłego Observable, że wszystkie subskrypcje otrzymują wyemitowaną wartość w strumieniu w tym samym momencie tzw. multicast. Rodzaje Wśród nich możemy wyróżnić: Subject, BehaviorSubject, ReplaySubject, AsyncSubject oraz WebSocketSubject. Każdy
Comandeer’s blogComandeer’s blog
Dzisiaj 30 listopada – a więc Dzień Niebieskiej Czapki (ang. Blue Beanie Day). Wszystkiego najlepszego dla wszystkich webdeveloperów!
Comandeer’s blog
Wieki temu Paul Kinlan zaproponował nowy standard internetowy: Web Intents. Osobiście czułem, że może to być jedna z większych rewolucji w historii Sieci. I co? I wyszło jak zawsze – czyli w sumie nie wyszło…
Comandeer’s blog
Nie lubię koncepcji kryjących się za Atomic CSS i Tailwindem, ale swego czasu powiedziałem, że ASCSS byłoby o wiele lepsze niż ACSS. Nie tak dawno powtórzyłem to przekonanie. Przyszła zatem pora, by wcielić je w życie.
Comandeer’s blog
Od pewnego czasu krąży w środowisku webdevowym opinia, że jedna z przeglądarek zasługuje na miano “nowego IE”. Cóż, osobiście wydaje mi się, że na takie miano zasługują wszystkie trzy główne przeglądarki – każda z innego powodu.
Comandeer’s blog
Bądźmy szczerzy: praktycznie wszyscy używamy jakiegoś bundlera, ale prawie nikt z nas swojego bundlera nie lubi (na Ciebie patrzę, webpack…). Może by tak zatem… stworzyć swój własny bundler?
WebKrytyk.pl
Trafiłem ostatnio przypadkiem na Codengę. Stwierdziłem zatem, że w sumie mogę rzucić okiem na jakiś kurs. Padło na Kurs JavaScript nabierz wprawy Zanim przejdzę do treści samego kursu, muszę zauważyć, że sam interfejs nie jest do końca dostępny, np. nie widać wskaźnika focusu na niektórych elementach (np. przyciskach). Przez
Dzisiaj nieco bliżej przyjrzymy się stronie WyleczDepresje.pl. Wygląd i działanie W przypadku tego typu stron, których głównym celem jest przekazanie informacji jak największej liczbie osób, kluczowe jest właśnie to, by jak najwięcej osóby było w stanie je przeczytać. Dlatego strona powinna działać również w przypadku, gdy JS nie działa. Wyświetlanie
Zapraszam na kolejne Wpadki i wypadki! Dzisiaj na tapet wzięty zostanie wzorzec, który swego czasu już omawiałem: nawigacja na stronie typu one-page, płynnie przewijająca do odpowiednich sekcji na stronie. Zacznijmy od prostego przykładu: <nav class="navigation"> <ul class="navigation__menu menu"> <li class="menu__item"> <a href="#" id="about-me-link" class="menu__link">About me</a> </li> <li class="menu__item"> <a href="#"
Dawno w sumie nie było recenzji strony WWW na WebKrytyku, więc dzisiaj przyjrzymy się stronie, która od pewnego czasu leżała na stosie stron do sprawdzenia – sitefuture.pl. Wygląd i działanie Z racji tego, że mój Chrome ostatnio nie domaga (za dużo powłączanych eksperymentów), zmuszony byłem skorzystać z Firefoksa
Oto kolejny odcinek Wpadek i wypadków! Dzisiaj zajmiemy się wzorcem, który ostatnimi czasy zdobywa naprawdę sporą popularność: umieszczaniem linków w przyciskach i przycisków w linkach. Mówię tutaj o konstrukcjach typu: <a href="#"> <button>Jestem przyciskiem w linku</button> </a> <button> <a href="#">Jestem linkiem w przycisku</a> </button> Tego typu konstrukcje są złe