Polski frontend

Wszystkie artykuły

Zgłoś serwis
  • Devszczepaniak.pl

    • Web developer – pytania rekrutacyjne cz. 7 – TypeScript

      Devszczepaniak.pl

      Jest to kolejny wpis z serii wpisów z pytaniami rekrutacyjnymi na stanowisko web developera. Listę wszystkich poprzednich wpisów z tej serii znajdziesz poniżej. Zachęcam Cię do zapoznania się jeśli jeszcze nie miałeś/aś okazji: Web developer – pytania rekrutacyjne cz. 1 Web developer – pytania rekrutacyjne cz. 2 Web developer

    • Testy jednostkowe FIRST

      Devszczepaniak.pl

      Tematowi testów jednostkowych poświęciłem kilka artykułów na swoim blogu: Podstawy testów automatycznych oprogramowania O Test Driven Development Jeśli jeszcze się z nimi nie zapoznałeś/aś to serdecznie zachęcam. Tym razem poruszę temat zasad, którymi warto się kierować w trakcie pisania testów jednostkowych. Zasady te zostały zebrane pod akronimem FIRST. Owy skrótowiec

    • Wzorzec projektowy Singleton

      Devszczepaniak.pl

      Ten wpis jest jednym z serii wpisów o wzorcach projektowych. Zachęcam też do sprawdzenia innych wzorców: Wzorzec projektowy Command (Polecenie), inne już wkrótce 🙂 Struktura Na sam początek przedstawiam strukturę wzorca projektowego Singleton w postaci diagramu klas. Już sam diagram powinien powiedzieć Ci wiele o charakterystyce oraz potencjalnych zastosowaniach tego

    • Dlaczego nie warto być programistą?

      Devszczepaniak.pl

      Mimo, że tytuł tego wpisu może brzmieć dość kontrowersyjnie, to uważam że taki post powinien znaleźć się na blogu skupionym wokół tematyki programowania i szeroko pojętego IT. Tym artykułem chcę nieco odczarować branżę IT z wizerunku utopijnego miejsca pracy pozbawionego skaz. Mimo przewrotnego tytułu, moim zadaniem nie jest nikogo zniechęcić

    • O Test Driven Development

      Devszczepaniak.pl

      W jednym z ostatnich wpisów na blogu poruszałem zagadnienia związane z testowaniem oprogramowania. Jednym z zagadnień, które pominąłem w tamtym artykule było podejście Test Driven Development, w skrócie TDD. W tym poście powiem nieco więcej o tym podejściu. Jednakże do pełnego zrozumienia wpisu warto wcześniej zapoznać się z moim poprzednim

  • Require Podcast

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

      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

      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

      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

      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

      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.pl

    • Wykrywanie systemowych preferencji trybu ciemnego lub jasnego w CSS

      webroad.pl

      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.pl

      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.pl

      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.pl

      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,