Frontend

Pułapki konstrukcji warunkowych w React i JSX

frontlive.pl 2 lat temu React, JSX i renderowanie warunkowe - to nie może się skończyć dobrze! Sprawdź jakie pułapki czyhają na nas podczas korzystania z operatorów logicznych

PREMIERA kursu "Jak zarabiać na stronach interneto...

tworcastron.pl 2 lat temu To już dziś! Premiera, a adekwatnie ponowna premiera kursu "Jak zarabiać na stronach internetowych i pracować jako freelancer"! o ile masz już wiedzę o tworzeniu stron ale nie wiesz co z […]

Junior, Mid czy Senior – czyli kilka słów o rozwij...

nowoczesny-frontend.pl 2 lat temu Kilka dni temu nasz kierownik IT zapytał mnie, jak tam u nas na froncie widzimy cechy juniora, mida i seniora. To z pozoru proste pytanie…

Zapowiedź kursu "Jak zarabiać na stronach internet...

tworcastron.pl 2 lat temu Dziś chcę powiedzieć krótko co u umnie i powiedzlić się dwoma projektami, które są w tej chwili dla mnie priorytetem. 1) Pierwszy projekt udało się już zrealizować i jego nazwa jest w tytule […]

Remix - konkurencja dla Next.js czy kolejny bezuży...

frontlive.pl 2 lat temu Nowy dzień, nowy framework JavaScript. Czy Remix, nowość od twórców React Router, to kolejna beużyteczna biblioteka, czy technologia warta uwagi?

Tomasz Sochacki, JavaScript. Techniki zaawansowane...

webkrytyk.pl 2 lat temu Dzisiaj na tapet trafia książka Tomasza Sochackiego JavaScript. Techniki zaawansowane. Na samym wstępie muszę uprzedzić, iż po, moim zdaniem, świetnej książce o wyrażeniach regularnych, moje oczekiwania były wysokie. To mogło zdecydowanie wpłynąć na ...

Code Playground – 5 miejsc do zabawy z kodem

frontowisko.pl 2 lat temu Niezależnie od tego czy jesteś początkującym, czy doświadczonym programistą, musisz czasami sprawdzić na szybko, czy coś działa albo czy da się to zrobić w konkretny sposób. Tutaj z pomocą przychodzi code playground, czyli taki "plac zabaw" z kodem. ...

5 grzechów Junior Developera - czego nie robić w s...

frontlive.pl 2 lat temu Co robić i czego nie robić w swojej pierwszej pracy jako programista? Oto kilka dobrych rad od Szymona, który zebrał swoje doświadczenia z byciem Junior Frontend Developerem

Frontend: podsumowanie 2021 & perspektywy

frontowisko.pl 2 lat temu Kontynuujemy temat frontendowego podsumowania 2021! Mamy nadzieję, iż zaznajomiliście się z CSS-owymi zmianami, jeżeli nie to sprawdźcie je koniecznie. Tym razem na dowiemy się co się działo w poprzednim roku u JavaScriptu, gotowi? To lecimy! Fronten...

Frontend: podsumowanie 2021 – część 1.

frontowisko.pl 2 lat temu Witamy w roku 2022! 🥳 Nadejście Nowego Roku to najlepszy czas, żeby zrobić sobie podsumowanie roku 2021 i tego co zmieniło się we frontend developmencie. W przeciwieństwie do innych dziedzin IT, trendy i zmiany na froncie zachodzą szybko, więc...

Zmienne CSS są super. Sprawdź dlaczego.

frontowisko.pl 2 lat temu W tym wpisie poznasz potężną funkcję nowoczesnych przeglądarek, czyli Zmienne CSS (ang. css variables, custom properties). Dowiesz się, dlaczego zmienne CSS od lat były jedną z najbardziej pożądanych funkcji w CSSie i jak zacząć z nich korzystać, aby...

Nest.js – kurs w 60 minut

tworcastron.pl 2 lat temu Poznaj najpopularniejszy JavaScriptowy, backendowy framework oparty na Node.js – czyli Nest.js Nest.js – kurs w 60 minut [wideo]

Antywzorce w CSS - 10 najczęściej popełnianych błę...

frontlive.pl 2 lat temu Mimo tego, iż CSS nie jest językiem programowania, to często Frotnend Developerzy popełniają w nim te same błędy...

Date – wszystko co musisz wiedzieć o czasie w Java...

tworcastron.pl 2 lat temu Czym się różni UTC od GMT, co to w ogóle jest. Jakie są strefy czasowe w JavaScirpt. Jak pobierać czas i jak formatować wyświetlaną datę. Praca z czasem z JavaScript […]

Video "Święte Wojny JavaScriptu – ile 'h1′ na stro...

webkrytyk.pl 2 lat temu Trafiłem dzisiaj na filmik Święte Wojny JavaScriptu – ile 'h1′ na stronie i dlaczego Kuba przespał ostatnie 10 lat?, poświęcony nagłówkowi h1. Punktem wyjściowym dla dyskusji było pytanie o to, ile nagłówków h1 można stosować na stronie. Głównym argu...

10 powodów, dla których warto programować

frontowisko.pl 2 lat temu Pamiętasz czasy, kiedy weszłaś na Facebooka i nie widziałaś reklamy kursu związanego z nauką programowania? Słyszysz ciągle o tym, iż ktoś programuje albo zamierza zacząć? Zastanawiasz się tylko, skąd u ludzi to nagłe zainteresowanie i czy warto prog...

Artykuł "Wszystko, co musicie wiedzieć o HTMLu. Co...

webkrytyk.pl 2 lat temu Bardzo rzadko wracam na WebKrytyku do miejsc, które już opisywałem. Ale tym razem postanowiłem zrobić wyjątek i jeszcze raz spojrzeć na to, co oferuje justgeek.it. Bardzo gwałtownie natknąłem się na kolejny artykuł Adama Łopusiewicza, Wszystko, co mu...

FullStack Next.js z Prisma, Stripe, React Query, T...

frontlive.pl 2 lat temu Jak dzięki najszybciej rozwijającego się frameworka na frontendzie Next.js, stworzyć w pełni funkcjonalną aplikację fullstackową z wykorzystaniem najnowszych technologii?

Co kryje się za JavaScriptem?

frontowisko.pl 2 lat temu Dzisiaj odbędziemy podróż w głąb Javascriptu. I to tak dosłownie, bo pogadamy trochę o silniku JavaScript i całej magii, która dzieje się w naszej przeglądarce, m.in. czym jest call stack, czy jak działa event loop. W ramach wyjaśnienia, nie...

ConfrontJS 2021- zaproszenie na konferencję

nowoczesny-frontend.pl 2 lat temu UPDATE – 01.12.2021 W związku z sytuacją epidemiczną konferencja zostaje przełożona na dzień 26 marca 2022. Wszystkie zakupione do tej pory bilety utrzymują ważność do tej…

Amazon S3 dla frontend developera - deploy strony

fsgeek.pl 2 lat temu Amazon S3 jest bardzo uniwersalną usługą. Na pierwszy rzut oka pozwala na przechowywanie różnego rodzaju plików np.: zdjęć, video. Ale to nie wszystko. Możemy wykorzystać S3 do hostowania prostej aplikacji typu SPA. Zobacz w jaki sposób.

React & TypeScript - komponenty generyczne

frontlive.pl 2 lat temu Czy połączenie TypeScript & React musi się ograniczać do typowania propsów? Oczywiście, iż nie! W samym TS istnieje wiele bardziej zaawansowanych mechanizmów, które możemy przekuć do naszych aplikacji Reactowych...

React. Stylowanie komponentów dzięki styled-compon...

sii.pl 2 lat temu Jest kilka podejść do dodawania stylów CSS w projektach reactowych – można korzystać z tzw. skórek (Themes), modułów (CSS Modules) …

Preferencje użytkownika a CSS, na co warto zwracać...

frontlive.pl 2 lat temu Słuchaj swoich użytkowników. Ta porada jest jedną z najważniejszych, jeżeli chcemy usprawnić User Experience naszej aplikacji...

Udostępniam pełny kurs Bootstrap 4 za DARMO

tworcastron.pl 2 lat temu Liczba kursów na mojej platformie zaczyna się powiększać. Dlatego postanowiłem udostępnić zupełnie za darmo jeden z moich pierwszych kursów: "Bootstrap 4 od podstaw". Mimo iż w tej chwili najnowszą wersją Bootstrapa jest v5, to w […]

Kompilator to nic strasznego, czyli jak działa Twó...

frontlive.pl 2 lat temu Czym są, jak działają i jakie problemy rozwiązują współczesne kompilatory takie jak Babel?

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

frontowisko.pl 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 2 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 React