Frontend

React Testing Library - Mock Service Worker

frontlive.pl 3 lat temu MSW to narzędzie nowej geneneracji, które umożliwia łatwiejszą i przyjemniejszą pracę z mockami...

Modelowanie domeny przy użyciu TypeScripta

devstyle.pl 3 lat temu W sieci krąży mnóstwo postów i prezentacji opisujących różne typy wbudowane TypeScripta, a także, jak na ich podstawie zbudować dziesiątki innych typów. To zaś, jakie problemy chcemy dzięki nim rozwiązać, to zupełnie inny temat. Ważniejszy, bo determ...

Funkcyjnie czy obiektowo?

ostrapila.pl 3 lat temu W 75. odcinku poruszamy programowanie funkcyjne i z naszym gościem omawiamy najczęściej pojawiające się w tym paradygmacie terminy takie jak, operator punktu stałego, katamorfizm oraz cebula. A na zakończenie o tym czy programowanie funkcyjne ma jaki...

Czy wiesz jak sobie poradzić z Union Types?

fsgeek.pl 3 lat temu Typescript jest popularnym wyborem przy starcie nowych projektów. Typowanie pomaga pisać lepszy kod, który będzie bardziej odporny na błędy. Jednak jest też druga strona medalu. Typowanie może powodować dodatkowe wyzwania.

Stream Deck w pracy programisty

nowoczesny-frontend.pl 3 lat temu W końcu – kupiłem sobie Stream Deck. Ktoś powie: fanaberia. Ktoś inny może doda: te programisty 15k nie mają już na co kasy wydawać… I…

Dwa pierwsze miesiące… czyli nowicjusz na front-en...

nowoczesny-frontend.pl 3 lat temu Ostatnio nasz zespół się powiększył. Naszym nowym "nabytkiem" został Paweł – do tej pory związany z zupełnie inną dziedziną, a mianowicie politologią. Paweł postanowił jednak…

Testy na frontendzie - błędy, wpadki, złe praktyki...

spreaker.com 3 lat temu Podczas nauki pisania testów można popełnić wiele błędów ❌ Niektórych da się uniknąć, inne trzeba poczuć na własnej skórze 🤭Podczas tego webinaru opowiemy o naszych. Podzielimy się historiami, które znamy z pierwszej i drugiej ręki. Wspomnimy też o s...

Praca zdalna – moje odczucia po 12 miesiącach

nowoczesny-frontend.pl 3 lat temu Minęło trochę czasu od ostatnich wpisów, przyznaję iż zaniedbałem pisanie na bloga. Wróciłem jednak ostatnio do wpisu https://nowoczesny-frontend.pl/praca-zdalna-moje-odczucia-po-3-miesiacach/ i pomyślałem, iż może warto trochę uaktualnić…

Testowanie frontendu, błędy na produkcji i koopera...

spreaker.com 3 lat temu Dlaczego programiści nie piszą testów? Jak podejść do pisania testów na frontendzie? Czy lepiej wybrać piramidę testów, czy trofeum? Jak uczyć się pisania testów (nie tylko w JS)? Jakie znaczenie mają umiejętności miękkie? O tym rozmawiamy z Anią Kon...

3 sposoby na zmianę kolejności elementów na stroni...

fsgeek.pl 3 lat temu Najgorszy koszmar frontend dewelopera? Designer, który przesuwa elementy po stronie, jak mu się podoba. Niech pierwszy rzuci klawiaturą, kto nie trafił na takiego designera. Na szczęście nie jesteśmy bezbronni na froncie i mamy narzędzia, które pomag...

React Testing Library - testy w praktyce

frontlive.pl 3 lat temu Po ostatnim wprowadzającym wpisie przyszedł czas na przykłady z życia wzięte. Dzisiaj przetestujemy sobie komponent, który bardzo często znajduję się w naszych codebasach. Przez jednych lubiany, przez drugich znienawidzony - formularz...

3 sposoby na dodanie Firebase do Twojej aplikacji ...

fsgeek.pl 3 lat temu Żeby móc w pełni korzystać z firebase'a w naszej aplikacji trzeba go poprawnie dodać i skonfigurować. Konfiguracja dla React nie jest trudna, ale można łatwo wpaść w pułapkę.

React Testing Library - podstawy

frontlive.pl 3 lat temu React Testing Library to najpopularniejsza biblioteka do testowania kodu napisanego w React. Wchodzi ona w skład większej całości - DOM Testing Library...

Urodziny Frontlive 🎉

frontlive.pl 3 lat temu Dokładnie rok temu na tym blogu pojawił się pierwszy wpis. Pomyślałem, iż warto podsumować sobie ten rok i przedstawić Ci plany na przyszłość!

Jest - mock functions

frontlive.pl 3 lat temu Czym jest mockowanie? Jak działają mock functions? Kiedy powinniśmy z nich korzystać i dlaczego są tak przydatne podczas testowania kodu dzięki Jest?

Optymalizacja front-endu - POIT 104

feeds.buzzsprout.com 4 lat temu Witam w sto czwartym odcinku podcastu "Porozmawiajmy o IT". Tematem dzisiejszej rozmowy jest optymalizacja front-endu aplikacji webowych.Dziś moim gościem jest Bartek Miś, frontend developer z wieloletnim doświadczeniem, programista PHP, DevOps i men...

Jest - pierwszy test

frontlive.pl 4 lat temu Poznaj najpopularnieszy framework do testowania kodu JavaScript!

#9 Jak zostać programistą: Lista kursów Angular dl...

uprogramisty.pl 4 lat temu Nauka frameworka Angular W tym wpisie skupię się na liście kursów Angular dla początkujących oraz na bibliotece Bootstrap (ułatwia tworzenie wyglądu strony) i platformie Firebase (m.in. do przechowywania danych). Jest to jeden z najpopularniejszych w...

Rośnij w wiedzę od wiosny

sages.pl 4 lat temu Specjalna oferta Sages Rośnij w wiedzę od wiosny to propozycja pakietów szkoleniowych z 6 obszarów tematycznych. Na każdy pakiet składają się dwa lub trzy szkolenia dla firm i osób indywidualnych z tematów, które należą w tej chwili do jednych z najp...

Testowanie JS - podstawy

frontlive.pl 4 lat temu Testowanie kodu jest bardzo pożądaną umiejętnością u każdego programisty... Ale zacznijmy od początku. Dlaczego tak adekwatnie potrzebujemy testów? Jakie są ich rodzaje?

7 typów w Typescript, które ułatwią ci życie

fsgeek.pl 4 lat temu Pisząc w Typescript mamy bardzo duże możliwości konstruowania własnych typów. Ale czasami nie ma co tworzyć czegoś drugi raz. Warto znać zestaw , które przyspieszą naszą pracę i wyeliminują powtarzalność w typowaniu.

Frontend 2021

frontlive.pl 4 lat temu Co przyniesie nowy rok? Jakie technologie będą na topie i na jakie warto zwracać uwagę?

5 bibliotek JS'a, które zawładną rynkiem w 2021

fsgeek.pl 4 lat temu W świecie JavaScript mamy sporo bibliotek i czasami nie wiadomo co śledzić. Jako iż mamy początek roku to przygotowałem dla Ciebie spis bibliotek, które według mnie w tym roku będą popularne i warto je śledzić. jeżeli nie wiesz czym...

Emoji-Driven Development | Jak skutecznie zachęcić...

zycienakodach.pl 4 lat temu Umiesz pisać w Test-Driven Development? A czytać testy Twoich kolegów też umiesz? Jako programiści o wiele częściej przeglądamy kod, niż piszemy coś nowego. Dlatego choćby ważniejsza od otwartości na zmiany jest czytelność. Zobacz, jak zastosowanie s...

Podstawy Dockera, które każdy programista powinien...

fsgeek.pl 4 lat temu Docker zagościł się na dobre w programowaniu. I bez znaczenia czy go lubisz czy nie - trzeba go znać. choćby jeżeli jesteś frontend developerem i myślisz, iż ciebie to nie dotyczy. W końcu trzeba uruchomić lokalnie backend, czasem trzeba...

Nowoczesny CSS - CSS Variables

frontlive.pl 4 lat temu Chociaż CSS nie jest językiem programowania to posiada swoje zmienne. Czym są i jak się ich używa? Do jakich celów możesz je wykorzystać?

Nowy rok, nowy Frontlive!

frontlive.pl 4 lat temu Kulisy powstawania nowej odsłony Frontlive - mojego bloga i jednocześnie strony portfolio. Jak dobrałem technologię do projektu? Z jakimi wyzwaniami się mierzyłem?

POIT 098: React

feeds.buzzsprout.com 4 lat temu Witam w dziewięćdziesiątym ósmym odcinku podcastu "Porozmawiajmy o IT". Tematem dzisiejszej rozmowy jest React.Dziś moim gościem jest Patryk Omiotek – programista z ponad 12 letnim doświadczeniem. Specjalista takich technologii jak Python, JavaScript...

Co nas czeka w standardzie ES2021?

fsgeek.pl 4 lat temu Jak co roku do standardu ECMAScript są dodawane nowe funkcjonalności, które pozwalają rozwijać język JavaScript. Już teraz mamy informacje na temat nowości na przyszły rok. Co nas zatem czeka nowego w roku 2021?

Nowoczesny CSS - min(), max() i clamp()

frontlive.pl 4 lat temu Znasz ten ból posiadania wielu media-queries w swoich projektach? A co jeżeli bym Ci powiedział, iż można to zmienić? Zobacz jak działają funkcje logiczne w CSS i jak pomagają nam tworzyć responsywne layouty.

React Query - czy zastąpi Reduxa?

frontlive.pl 4 lat temu Czy to kolejna biblioteka do zarządzania stanem pokroju Reduxa, Recoila, Zustanda i wielu innych? Nie! Mamy tutaj do czynienia z czymś kompletnie innym, a cała biblioteka skupia się na akcjach asynchronicznych i cachowaniu danych

POIT 089: Język angielski w IT

feeds.buzzsprout.com 4 lat temu Witam w osiemdziesiątym dziewiątym odcinku podcastu "Porozmawiajmy o IT". Tematem dzisiejszej rozmowy jest język angielski w IT.Dziś moim gościem jest Ola Kowalska – lektor, trener nauczycieli i właściciel szkoły języka angielskiego online specjalizu...

Raport finansowy – maj 2020

devstyle.pl 4 lat temu Poniżej znajdziesz raport (finansowy i nie tylko) z mojej działalności. 100% transparentności. Bez tajemnic. Enjoy! Takie raporty publikuję od maja 2017! Wszystkie znajdziesz TUTAJ! 👀 A KULISY moich działań możesz śledzić na bieżąco na Instagramie! S...

Dostępność - czytniki ekranowe i testowanie

frontlive.pl 4 lat temu 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.

Dostępność - top 10 najczęściej popełnianych błędó...

frontlive.pl 4 lat temu Często gdy robię code review napotykam na te same błędy dostępności, powtarzają się one tak często, iż postanowiłem zrobić listę najczęściej popełnianych błędów dostępności. Przy każdym błędzie postaram Ci się wytłumaczyć dlaczego to jest błąd i jak ...

Dostępność - projektowanie i semantyczny HTML

frontlive.pl 4 lat temu Na co zwrócić uwagę tworząc design nie tylko pod względem interfejsu, ale też ze strony user experience? Zamienimy brzydki kod w ładny używając do tego odpowiednich znaczników HTML, a na sam koniec dowiesz się czym jest drzewko dostępności 🌳

Dostępność - to nie tylko niepełnosprawni

frontlive.pl 4 lat temu Każdy z nas, a przynajmniej większość, kiedyś słyszała o dostępności, mniej lub bardziej. Wiadomo są jakieś tam osoby z pewnymi niepełnosprawnościami, jakiś tam mały odsetek, ale pewnie nie będą korzystać z naszej strony, co nie?

Recenzja - TypeScript na poważnie

frontlive.pl 4 lat temu Ostatnio trafiła w moje ręce książka o TypeScripcie Michała Miszczyszyna - popularnego blogera z naszego świata webdevelopmentu. Czy jest tak dobra jak mówią? Sprawdźmy to!

POIT 079: TypeScript

feeds.buzzsprout.com 4 lat temu Witam w siedemdziesiątym dziewiątym odcinku podcastu "Porozmawiajmy o IT". Tematem dzisiejszej rozmowy jest TypeScript.Partnerem odcinka jest firma SwingDev.Dziś moim gościem jest Michał Miszczyszyn – programista, startuper, bloger, aktywista, a takż...

Uruchomienie kodu JavaScript w aplikacji na system...

myenv.net 4 lat temu Javascript to potężny język skryptowy, który jest bardzo popularny. Istnieje wiele świetnych bibliotek, które nie są przepisane do Javy lub Kotlina. Oczywiście możemy tworzyć aplikacje w xHTML, React Native, ale jest to bardzo ograniczona forma. Zast...

Uruchomienie kodu JavaScript w aplikacji na system...

GraphQL + TypeScript - wygeneruj sobie typy!

frontlive.pl 4 lat temu Lubimy zaoszczędzać czas, a jednocześnie zrobić coś dobrze. Tak samo jest w przypadku programowania. Poznaj GraphQL Code Generator - narzędzie, które zaoszczędza czas i zapewnia TypeScriptowe typy!

Node.js i MongoDB - łączenie z bazą danych

fsgeek.pl 4 lat temu Zazwyczaj jak uczymy się o bazach danych to o bazach relacyjnych np.: MySQL. Jednak nie jest to jedyna możliwość i możemy korzystać również z baz dokumentowych, których reprezentantem jest MongoDB. Jest to też dosyć popularna baza, z której możemy......

GraphQL + React - apollo, hooki i paginacja

frontlive.pl 4 lat temu Jak połączyć GraphQL i React? Skorzystać z Apollo! Wybierzmy się na tą misję i stawmy czoła realnej aplikacji!

GraphQL - zapytania, mutacje i schema

frontlive.pl 4 lat temu Kontynuujemy przygodę ze światem GraphQLa i zabieramy się za realne zagadnienia 🥳 Dziś poznasz zapytania, mutacje, scheme, typy i wiele więcej, a w następnym wpisie, ze zdobytą dziś wiedzą podbijamy Reakta!

GraphQL - podstawy

frontlive.pl 4 lat temu GraphQL jest językiem zapytań, który stanowi alternatywę do standardowego RESTa. Jest bardziej elastyczny, precyzyjny i przede wszystkim wygodniejszy.

Raport DESI 2020 – za mało kobiet w IT!

nowoczesny-frontend.pl 4 lat temu Wkurzyłem się. Zupełnie przypadkiem trafiłem na artykuł Polska branża IT ma się słabo. Brakuje specjalistów, pracuje bardzo mało kobiet. Dotyczy on raportu DESI 2020 –…

Portfolio programisty z GitHub Profile README

frontlive.pl 4 lat temu Ostatnio na GitHubie pojawiła się bardzo interesująca nowość, a mianowicie, zostało wprowadzone GitHub Profile README. Zobacz czym jest i dlaczego powinieneś zrobić swój własny profil README!

Svelte - nie tylko React, Vue i Angular

frontlive.pl 4 lat temu Obecnie w środowisku frontendowym mamy świętą trójcę jeżeli chodzi o frameworki/biblioteki UI. Jest to jak prawdopodobnie wiecie React, Vue i Angular. Warto jednak wyrwać się na chwilę z tej bańki i poznać coś innego. Pora na Svelte!

CSS Houdini - przyszłość CSSa czy niepotrzebna now...

frontlive.pl 4 lat temu CSS Houdini to zbiór API, udostępnionych przez przeglądarkę, dzięki którym, mamy bezpośredni dostęp do drzewka CSSOM.

Frontend

React Testing Library - Mock Service Worker

Modelowanie domeny przy użyciu TypeScripta

Funkcyjnie czy obiektowo?

Czy wiesz jak sobie poradzić z Union Types?

Stream Deck w pracy programisty

Dwa pierwsze miesiące… czyli nowicjusz na front-en...

Testy na frontendzie - błędy, wpadki, złe praktyki...

Praca zdalna – moje odczucia po 12 miesiącach

Testowanie frontendu, błędy na produkcji i koopera...

3 sposoby na zmianę kolejności elementów na stroni...

React Testing Library - testy w praktyce

3 sposoby na dodanie Firebase do Twojej aplikacji ...

React Testing Library - podstawy

Urodziny Frontlive 🎉

Jest - mock functions

Optymalizacja front-endu - POIT 104

Jest - pierwszy test

#9 Jak zostać programistą: Lista kursów Angular dl...

Rośnij w wiedzę od wiosny

Testowanie JS - podstawy

7 typów w Typescript, które ułatwią ci życie

Frontend 2021

5 bibliotek JS'a, które zawładną rynkiem w 2021

Emoji-Driven Development | Jak skutecznie zachęcić...

Podstawy Dockera, które każdy programista powinien...

Nowoczesny CSS - CSS Variables

Nowy rok, nowy Frontlive!

POIT 098: React

Co nas czeka w standardzie ES2021?

Nowoczesny CSS - min(), max() i clamp()

React Query - czy zastąpi Reduxa?

POIT 089: Język angielski w IT

Raport finansowy – maj 2020

Dostępność - czytniki ekranowe i testowanie

Dostępność - top 10 najczęściej popełnianych błędó...

Dostępność - projektowanie i semantyczny HTML

Dostępność - to nie tylko niepełnosprawni

Recenzja - TypeScript na poważnie

POIT 079: TypeScript

Uruchomienie kodu JavaScript w aplikacji na system...

Uruchomienie kodu JavaScript w aplikacji na system...

GraphQL + TypeScript - wygeneruj sobie typy!

Node.js i MongoDB - łączenie z bazą danych

GraphQL + React - apollo, hooki i paginacja

GraphQL - zapytania, mutacje i schema

GraphQL - podstawy

Raport DESI 2020 – za mało kobiet w IT!

Portfolio programisty z GitHub Profile README

Svelte - nie tylko React, Vue i Angular

CSS Houdini - przyszłość CSSa czy niepotrzebna now...

Popularne

Edge będzie szybszy. Te zmiany pokochają nawet fani Chrome

Wciąż nie masz Windows 11 24H2? Zobacz, jak zainstalować

e-PIT rozliczamy od soboty. Oszuści też o tym wiedzą

OpenAI zapowiada rewolucję ale konkurencja nie śpi. Rakieta ...

Niektórych oblał potworny strach? Hakerzy opublikowali maile...