Frontend

Jak wyśrodkować element na stronie, czyli sposoby ...

frontowisko.pl 3 lat temu W tym wpisie opowiem Ci pewną historię. Historię o dziewczynie imieniem Phoebi. Phoebi była świetną programistką. Pisała czysty, zrozumiały i łatwo rozszerzalny kod. Używała odpowiednich wzorców projektowych i przemyślanej architektury. Była uwielbia...

Monorepo z Lerna, Yarn Workspaces i TypeScript

frontlive.pl 3 lat temu Jak zarządzać projektem, w którym mamy kilka repozytoriów z kodem? Utrzymywanie zewnętrzynch zależności, sprawny development, bezbolesny release, to tylko niektóre z wyzwań, z którymi musimy się mierzyć przy większych codebasach. Jak to ogarnąć?

Retro-Gaming czyli wspomnień czar

nowoczesny-frontend.pl 3 lat temu Dziś nie będzie o frontendzie czy choćby o programowaniu jako takim. Dziś chciałbym się podzielić kilkoma zdjęciami i wspomnieniami z przeszłości. Okazją do tych wspomnień…

React Children & TypeScript - jak to ogarnąć?

frontlive.pl 3 lat temu Koncepcja dzieci w Reakcie pojawia się nam już w bardzo wczesnych etapach nauki. Ich sposób działania po chwili okazuje się bardzo prosty, ale w praktyce children oferują znacznie więcej, są trochę tricky i potrafią zaskoczyć 🤔 Jak więc sobie z nimi ...

Jak zaimplementować JWT (JSON Web Token) w Node.js...

tworcastron.pl 3 lat temu JSON Web Token jest jedną z popularnych metod autoryzacji, dlatego w dzisiejszym odcinku pokażę Wam jak go zaimplementować w Nodowym API. Jeste to jeden ze 140 odcinków pełnego kursu Noda. […]

Node – kurs kompletny. PREMIERA!

tworcastron.pl 3 lat temu Właśnie ruszyła premiera mojego najnowszego kursu "Node – kurs kompletny". Oto co dla Was przygotowałem: 140 lekcji ponad 13 godzin materiałów wideo kilkanaście ćwiczeń wraz z rozwiązaniami kod do pobrania […]

8 powodów dlaczego każdy webdeveloper powinien zna...

tworcastron.pl 3 lat temu Znasz Noda? Nie? Pora to zmienić. Node jest narzędziem, które powinien w tej chwili znać każdy webdeveloper. Poniżesz przedstawię ku temu 8 konkretnych powodów. Wolisz czytać? Pod wideo znajdziesz wersję tekstową. 1. […]

Jak dostałem pracę jako Frontend Developer?

frontlive.pl 3 lat temu Czy w 2021 roku początkujący programista może liczyć na znalezienie pracy? Oczywiście, iż tak. Bez studiów informatycznych. Bez większego doświadczenia komercyjnego. Wystarczy wysłać jedno, jedyne CV...

Czym jest Node runtime? Wyjaśniam runtime, V8, lib...

tworcastron.pl 3 lat temu jeśli pracowałeś kiedykolwiek z Nodem to pewnie nie obce są Ci pojęcia takie jak runtime, v8, libv. Jednak czy wiesz czym dokładnie jest runtime Noda? Co to w ogóle znaczy i co się w nim znajduje? […]

10 najgorszych bibliotek npm, których możesz użyć ...

tworcastron.pl 3 lat temu Korzystasz z npm? Mam nadzieję, iż poniższych bibliotek nie ma w Twoim projekcie. Poznaj 10 najbardziej absurdalnych, najbardziej bezsensownych, najgorszych bibliotek npm, których możesz użyć w swoim projekcie! Wolisz czytać? […]

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