Frontend 2021
Co przyniesie nowy rok? Jakie technologie będą na topie i na jakie warto zwracać uwagę?
Co przyniesie nowy rok? Jakie technologie będą na topie i na jakie warto zwracać uwagę?
Znacie ten ból posiadania wielu w swoich CSSach? Na przestrzeli lat, wraz ze wsparciem flexboxa i grida przez przeglądarki, ta sytuacja się zmieniała. Jednak flexbox i grid to nie…
Deweloperzy niejednokrotnie chcieli, aby jakaś technologia zastąpiła Reduxa, dlaczego? Problemem numer jeden był spory boilerplate i złożoność całego procesu, dla początkujących…
W poprzednich artykułach pisałem o dobrych praktykach, błędach i filozofii inkluzywności. Dziś pomówimy o czytnikach ekranowych i narzędziach do testowania dostępności. Zaczynajmy…
Często gdy robię code review napotykam na te same błędy dostępności, powtarzają się one tak często, że postanowiłem zrobić listę najczęściej popełnianych błędów dostępności. Przy…
W każdym projekcie ważne jest zachowanie przejrzystej struktury plików. Niezależnie od tego czy tworzysz rozbudowaną aplikację webową czy prostą stronę typu onepage, powinieneś korzystać z jakiegoś sposobu strukturyzowania plików. W tym artykule poznasz 2 sposoby na tworzenie struktury plików SASS/SCSS. Jeden z nich będzie idealny w przypadku prostych projektów. Drugi
Często widzę osoby, które pomimo nawet kilku lat nauki tworzenia stron internetowych wciąż są na etapie początkującego. Zazwyczaj popełniają błędy, które sam popełniałem. Dopiero po zdefiniowaniu moich błędów i zastosowaniu poniższych porad zacząłem widzieć szybki postęp z dnia na dzień. Nie przedłużając oto 6 błędów, które popełniają osoby uczące się
W 2021 roku dobrze już wiemy, że możliwości CSS daleko wykraczają poza to co znaliśmy jeszcze kilka lat temu. Elementy, które kiedyś tworzyliśmy z pomocą JavaScript, dziś możemy napisać w samym CSS. Idealnym tego przykładem są gry tworzone tylko przy użyciu stylów. You Must Build a Lighthouse Gra z cyklem
W tym zestawieniu poznasz 10 gier online, dzięki którym w rozrywkowy sposób rozwiniesz swoje umiejętności programistyczne. CodeWars CodeWars to platforma pozwalająca na naukę wielu języków programowania. Po wybraniu języka i przejściu testu, otrzymasz dostęp do wyzwań. Możesz zdobywać punkty, być częścią rankingu i porównywać swoje rozwiązania do innych. Nauczysz się:
W dniach 22-23 maja w Gdańsku odbyła się kolejna edycja infoShare – największej konferencji technologicznej w Europie Środkowo-Wschodniej. W tym roku udało mi się odwiedzić to wydarzenie. W tym wpisie podzielę się moimi wrażeniami w infoShare 2018. Dzień pierwszy Na konferencje dotarłem w poranek 22 maja. Po krótkiej i bezproblemowej
Spis Treści Wprowadzenie Sortowanie z uwzględnieniem znaków diaktrycznych Intl.Collator Przykład sortowania z użyciem Int.Collator.compare Podpowiedzi z użyciem elementu Datalist Formatowanie dat Intl.DateTimeFormat Przykład użycia Intl.DateTimeFormat Tłumaczenie nazw Intl.DisplayNames Przykład użycia Intl.DisplayNames Względne formatowanie dat Intl.RelativeTimeFormat Przykład Intl.RelativeTimeFormat Kod przykładów na Github Interaktywny przykład na Github Pages Podsumowanie Wprowadzenie Internacjonalizacja aplikacji
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
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
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
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
Witam po dwutygodniowej, świąteczno-sylwestrowej przerwie! Wracam do Ciebie z porcją wiedzy kodu i wiedzy.Z dzisiejszego wpisu dowiesz… Artykuł Jak stworzyć okno dialogowe przy użyciu MaterialDesign? pochodzi z serwisu a - frontman.
Cześć! Przyszedł czas na spięcie wszystkich modułów razem. Na koniec dzisiejszego wpisu otrzymasz aplikację spełniającą podstawowe wymagania… Artykuł Podstawy rxjs! pochodzi z serwisu a - frontman.
Wykorzystanie Angular Material Table w prostym przykładzie. Artykuł Praca z tablicami. Tabele w angularze. pochodzi z serwisu a - frontman.
Cześć! Pora postawić kolejny krok w naszej aplikacji. Dzisiaj zobaczysz moją propozycję implementacji modułu bazy danych. Oczywiście… Artykuł #start_angular zarządzanie danymi. Wstrzykiwanie interfejsów pochodzi z serwisu a - frontman.
Przykład wykrozystania ReactiveForms w angularze. Artykuł Formularze w angularze. Wykorzystanie ReactiveForms pochodzi z serwisu a - frontman.