Polski frontend

Wszystkie artykuły

Zgłoś serwis
  • The Require Podcast

    • require(#25) - JS w 2020 - Podsumowanie feat. Michał z ToW

      The Require Podcast

      2020 był... ciekawym rokiem. A jeszcze ciekawsze było to, co działo się w szeroko pojętym świecie JavaScriptu. W tym odcinku, razem z Michałem z Type of Web, podsumowujemy ten rok. Jakie technologie zdominowały frontend i backend? Jaką rolę grał TypeScript? Co nas rozczarowało w tym roku? A co może nadejść

    • require(#24) - Trochę o module bundlerach

      The Require Podcast

      Module bundlery to bardzo przydatne narzędzia wchodzące w skład niemalże każdej nowoczesnej strony internetowej. Zazwyczaj znajdują się pod spodem innych narzędzi, ale warto się również przyjrzeć im samym. W tym odcinku rozmawiamy o tym czym są, co mogą dla nas zrobić oraz porównujemy najciekawsze z nich. Po linki i więcej

    • require(#23) - Trochę o Firebase

      The Require Podcast

      Firebase jest bardzo ciekawą usługą od Google, pozwalającą nam tworzyć pełnoprawne aplikacje z backendem... bez pisania ani jednej linijki kodu backendowego. W tym odcinku przyjrzymy się podstawom Firebase i jego głównym częściom. Oczekujcie również w najbliższym czasie drugiej części odcinka o Firebase, w którym porozmawiamy o rzeczach trochę bardziej "dookoła"

    • require(#22) - Podsumowanie Next.js Conf

      The Require Podcast

      W tym odcinku podsumowujemy dość duże wydarzenie jakim był Next.js Conf, wymieniamy się swoimi przemyśleniami na jego temat oraz omawiamy nowości zaprezentowane podczas prezentacji. Zapraszamy wszystkich do sprawdzenia linków i notatek odcinka na archiwum na naszej stronie oraz do zapisania się do naszego newslettera.

    • require(#21) - Nasze początki, nauka i zdobywanie wiedzy feat. hello roman

      The Require Podcast

      W kolejnym odcinku Require Podcast, w naszych skromnych progach zawitał gość - Adam Romański, autor kanału hello roman. Rozmawiamy o naszych początkach w programowaniu, tym skąd się uczyliśmy, na co trzeba uważać i co warto robić ucząc się kodownictwa. Na pewno nie zabrakło zabawnych sytuacji i przydatnych rad :D Tradycyjnie

  • Front Cave

    • Dowiedz się, jak obsługiwać efekty uboczne dzięki Redux Saga

      Front Cave

      Spis Treści Wprowadzenie Generatory Przykład generatora Kod przykładu generatora na Github Redux Saga Przykład Sagi Pełny kod Sagi Kod przykładu Sagi na Github Podsumowanie Wprowadzenie Redux Saga to popularny middleware dla Reduxa, oparty na generatorach. Umożliwia obsługę asynchroniczności w sposób przypominający kod synchroniczny. Warto poznać tą bibliotekę ze względu

    • Dowiedz się, w jaki sposób w Chrome DevTools możesz debugować zmiany w HTML

      Front Cave

      Spis treści Wprowadzenie Zatrzymywanie się na modyfikacji HTML Modyfikacja wewnątrz elementu Modyfikacja atrybutu elementu Usunięcie elementu Kod w repozytorium Github React – zatrzymywanie się na modyfikacji HTML Kod w repozytorium Github Podsumowanie Wprowadzenie Możliwość debugowania zmian w HTML była funkcjonalnością, o której sam długo nie widziałem. Co prawda jest ona

    • GraphQL w React #3 – cache, WebSocket i debugowanie w Apollo Client

      Front Cave

      Ten post jest trzecim z serii o GraphQL: Spis Treści Wprowadzenie Zarządzanie cache w Apollo Client Cykliczne powtarzanie zapytania do serwera Ręczna aktualizacja cache Dwukierunkowa komunikacja z serwerem za pomocą Subscription i WebSocket Obsługa Subscriptions i WebSocket na serwerze Obsługa Subscriptions i WebSocket na kliencie Kod obu aplikacji na Github

    • Dotychczasowa działalność Frontcave na Youtube

      Front Cave

      Spis Treści Wprowadzenie Dotychczasowe nagrania CSS GRID – webinar Tarnow Devs Redux Toolkit – wprowadzenie Niemutowalność w React z ImmerJS – wprowadzenie Podsumowanie Wprowadzenie Poza wpisami na blogu, istnieje kanał Frontcave na Youtube. Choć w tym momencie nie jest on tak aktywny jak sam blog, są już plany na kolejne

    • GraphQL w React #2 – połącz się z serwerem dzięki Apollo Client

      Front Cave

      Ten post jest drugim z serii o GraphQL w React: Spis Treści Wprowadzenie Użycie klienta Apollo Client do załadowania danych z serwera Wystartowanie serwera Utworzenie klienta i pobranie danych z serwera Udostępnienie klienta w aplikacji Pobranie i wyświetlenie danych za pomocą hooka useQuery i zapisanie danych za pomocą hooka useMutation

  • webroad

    • Wykrywanie systemowych preferencji trybu ciemnego lub jasnego w CSS

      webroad

      Ostatnio bardzo modny ale i za razem praktyczny – z punktu widzenia użytkownika – jest temat udostępniania wszem i wobec ciemnych wersji interfejsu aplikacji webowych. Sam jestem zwolennikiem tego ruchu i z utęsknieniem wypatruję kolejnych usług, które taką formę oferują. Co ciekawe, za pomocą CSS3 i reguł dostępnych w Media

    • Jak zaznaczyć poprawnie i błędnie wypełnione pola formularza w CSS?

      webroad

      Znacie ten ból podczas wypełniania formularza na stronie internetowej? Ciągłe komunikaty – wypełnij to pole, niepoprawny format. Klikamy i klikamy, czasem kilka razy w przycisk wysyłania, za każdym razem dowiadując się o błędach walidacji. Co zrobić, aby takim jak my, żyło się lepiej? Zaoferować choćby minimalną, niewielką pomoc w postaci

    • Jak wysłać formularz przyciskiem nieznajdującym się w formularzu?

      webroad

      Standardowo przycisk z atrybutem type=”submit” wysyła formularz, w którym bezpośrednio się znajduje. Jak zatem wysłać formularz przyciskiem, który znajduje się poza nim, w zupełnie innym miejscu dokumentu HTML? Atrybut form dla elementu <button> Za pomocą atrybutu form, do którego przekażemy identyfikator formularza, można wywołać zdarzenie wysłania tego formularza. [crayon-5fd385ee17b73670276533/]

    • Byte My Code Online: spotkaj światowej sławy ekspertów IT już 12 grudnia

      webroad

      Zbliża się czwarta edycja konferencji ByteMyCode powered by UBS! W tym roku uczestnicy spotkają się w wirtualnym świecie, a tematem przewodnim edycji będzie: „Współczesny Inżynier rok później: innowacyjna adaptacja do #NewNormal„. Na cyfrowej scenie wystąpią światowej sławy gwiazdy IT. ByteMyCode 2020 to seria technicznych, praktycznych rozmów na temat uczenia maszynowego,

  • devpebe.com

    • Czym jest Hoisting w JavaScript?

      devpebe.com

      Hoisting to kolejny z podstawowych terminów w JavaScript. Znajomość tego zagadnienia często wymagana jest procesu rekrutacyjnego i pomaga w zrozumieniu działania kodu JavaScript. Czym jest hoisting? Hoisting (windowanie) mówi o tym jak działa JavaScript. W języku JavaScript podczas wykonywania kodu wszystkie deklaracje zmiennych oraz funkcji „przenoszone są na początek”,

    • Jak zrobić animowany „efekt fali” w CSS?

      devpebe.com

      Efekt fali w CSS przedstawiony w artykule jest kreatywny i prosty w wykonaniu. Do animacji wykorzystałem tylko CSS! Jak zrobić efekt fali? Wystarczy kilka linijek kodu :). Kod HTML Kod CSS (SCSS) Jak działa powyższy kod Animacja opiera się na zwykłych divach z tłem oraz zaokrąglonymi rogami (border-radius), które obracają