Jak podchodzicie do testowania kodu frontowego? Przyznam szczerze, że spotkałem się już z wieloma podejściami, ale chyba najbardziej podzielam to o których pisze twórca RTLa, czyli żeby test komponentu odzwierciedlał jego realne użycie przez end usera. Więc piszemy głównie testy integracyjne wspierając się tylko unitami.

#programista15k #programowanie #frontend #react #vuejs #angular
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@AntyKuc RTL i uzywasz zgodnie z accessibility czyli tak jak ta biblioteka zostala zaprojektowana. Jest kilka waznych zasad:

1. Nie testuj styli, jakis wizualnych aspektow - od tego sa visual testy
2. Nie uzywaj dataTestId - to dodaje smieciowy kod i wymusza implementacje - testy powinny dzialac praktycznie niezaleznie od implementacji ficzera, liczy sie efekt
3. Nie sprawdzaj czegos co jest juz testowane gdzie indziej - jezeli Twoj komponent renderuje inny komponent ktory ma
  • Odpowiedz
@mirasKo-Kalwario czy jest okej to jest kwestia do dluzszej dyskusji, napewno w unitach to nie jest okej (mozesz o tym poczytac nawet w ich dokumentacji) natomiast to ze wydaje Ci sie ze jest szybciej to jest miecz obosieczny bo wystarczy ze zmienisz lekko implementacje i test Ci wywali i ttzeba poprawiac i test i dodawac datatestid. Jezeli nie jestes w stanie inaczej tego zrobic to znaczy ze nie tyle test jest
  • Odpowiedz
https://deweloperuch.pl jaki framework UI jest używany? czy wszystko napisane od podstaw? bo widzę klasy Tailwind CSS i chyba nawet nie ma własnych stylów. Czy strona jest stworzona jakimś narzędziem, czy cały kod pisany z palca?

Strona wykorzystuje Next.js, coraz więcej aplikacji w tym powstaje i może warto się nauczyć?

Moim słabym punktem zawsze był web design. Nie umiałem stworzyć porządnego layoutu, nie wiedziałem, jakie czcionki, kolory, efekty, cały UI pisałem od podstaw w HTML
  • 18
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@kekerott: widziałem nie raz i nie dwa i ja raczej nie narzekałem na jakość. Nie mowie, ze idealnie każdy template jest napisany bo zdarzają się tu i tam różne problemy ale problemy do ogarnięcia. A za tą jakość to taniej się chyba nie da.
  • Odpowiedz
Mirki, jak dodać w skrypcie Tampermonkey, nowe podmenu na stronie Youtube, nazwijmy to Główna2 ?
Na oko, sklonować to z diva items ytd-guide-entry-renderer z klasą style-scope ytd-guide-section-renderer
Ale ilekroć próbuje to zrobić z pomocą chatagpt, to on nie może tego menu dodać.

Chciałbym zrobić jakby taki skrypt do strony youtube, aby w nowy, bardziej rozbudowany sposób, zarządzać subskrypcjami i rekomendowanymi do obejrzenia wideo z wielu kanałów. Często nie robię subskrypcji jakiegoś kanału żeby nie zaśmiecać
interpenetrate - Mirki, jak dodać w skrypcie Tampermonkey, nowe podmenu na stronie Yo...

źródło: obraz_2025-08-10_142525704

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@interpenetrate: Zrobienie nowego menu to akurat najłatwiejsza część, problemem jest reverse engineering requestów jakie latają w tle, żeby wyciągnąć to, czego potrzebujesz w tym menu.

W API będziesz miał wszystko ładnie uporządkowane, tylko wyświetlić.
  • Odpowiedz
@Jake_921: yyy no dobra ale jak z tym zacząć? API key mam nie o to chodzi, tylko w sensie, to chatgpt ma napisać rozszerzenie do chrome, i co, i to rozszerzenie będzie otwierało jakieś okienko popup w przeglądarce czy nową stronę?
Ogólnie myślisz że jest jakaś opcja żeby jednak uwzględnić to jakoś w layoucie youtube takim jaki jest?
Bo ja nie rozumiem jak Ty wyobrażasz sobie działanie takiego rozszerzenia o
  • Odpowiedz
@mcsQ teraz leci tyle CV, że nie trafiają one do programistów. HRki wyławiają z nich piękne CV hindusów, którzy nie są w stanie przejść rozmów technicznych i tak się nakręca mit o tych kandydatach co to nic nie umiejo.
  • Odpowiedz
Zadanko z frontendmentora Testimonials grid section, na mniejszej szerokości @media też odbębniony. Małe, a cieszy. Brakuje co prawda cieni i jednego elementu w pierwszym kafelku ale co tam xD

#webdev #frontend
Povsajo - Zadanko z frontendmentora Testimonials grid section, na mniejszej szerokośc...

źródło: postep

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

wiecie co jest zabawne w tym memie? ze jako frontendowiec ze sporym expem zdarza mi sie tak robic XD oczywiscie zamiast fizycznej linijki uzywam painta xD

#frontend
wybacz - wiecie co jest zabawne w tym memie? ze jako frontendowiec ze sporym expem zd...

źródło: dd

Pobierz
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 0
@ra_s:

spokojnie synu, eldorado sie skonczylo, jeszcze bedziesz mowil "tak jest panie januszu, na jutro dodam o co mnie jasnie pan prosi"
  • Odpowiedz
@wybacz: Spokojnie tatko bo tata marcina powiedział, że jak jedno eldorado się kończy to gdzieś zaczyna się drugie ( ͡° ͜ʖ ͡°)
  • Odpowiedz
#linux #webdesign #frontend #css

Przypominałem sobie kiedyś CSSa i bawiłem się w wizualne projektowanie klawiatury. Pomyślałem sobie, że fajnie byłoby mieć klawiaturę z wbudowanymi kartami, na których byłby np. jakiś mobilny system, ustawienia, różne dane, muzyka. Za pomocą wyświetlacza na klawiaturze aktywowałoby się nośniki, który pojawiałyby się od razu w systemie. Mogłaby być tteż opcja szyfrowania wybranych kart na poziomie czipsetu i hasła podawanego
psiversum - #linux #webdesign #frontend #css 

Przypominałem sobie kiedyś CSSa i bawi...

źródło: keyboard

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Patrze na te gniazda z prawej strony i obawiam się, że dla większości (praworęcznych) może być potencjalny problem wkurzających kabli przy myszce
  • Odpowiedz
jakby sie ktos zastanawial jaki jest obecnie poziom stazystow z #frontend to przysylaja zadanie praktyczne wysrane przez AI, a na rozmowie praktycznej maja problem z napisaniem petli xD

#pracait
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Sprawdziłem modele Windsurf, żeby zobaczyć który AI najszybciej i najlepiej skleci prostą appkę w Vue + Pinia. Jedne się wywalały, inne robiły tylko package.json, a niektóre faktycznie dowiozły TODO-listę. Szczegóły i screeny tutaj:
👉 https://tomaszs2.medium.com/windsurf-model-benchmark-which-ai-builds-a-vue-todo-app-fastest-c9b7d95c0c85?sk=b992e7fa9fd2b60d88d157d3056d0a55

P.S. Claude znowu coś przekombinował 😅

#ai #vuejs #pinia #programowanie #windsurf #frontend #todoapp #gpt #sztucznainteligencja #benchmark
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#programowanie #webdev #frontend #backend #webdesign
Hej. Zrobiłem sobie stronkę prostą pod wesele. Jakies podstawowe info o weselu, slubie itp. Chcialem wrzucic tam przycisk do wysylania zdjęć do chmury. Testowalem pierw przez netlify wystlanie do dropbox ale zblokowala mnie ilosc przetwarzanych danych przez skrypt na stronie. Próbowałem z google ale znowu bez autentykacji jest lipa. Ma to wyglądać tak, że zdjecia wybierane są
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak to WordPress to napewno jest do tego wtyczka, jak sam pisałeś to trzeba samemu napisać obsługę dodawania zdj i galerię. Niestety nie znam żadnej bilbioteki do takich zadań
  • Odpowiedz
@majk093: Raczej nie powinieneś bazować na rozwiązaniach typu dropbox, tylko raczej na jakimś AWS/Cloudflare R2 - w tym drugim nie zapłacisz za transfer - co może być w Twoim przypadku niezłe.

Nie obawiasz się, że to może skończyć się dużą ilością przeróżnego syfu "hackerów"?

Jeżeli robiłeś już coś kiedy z JS, to ja bym poszedł w Cloudflare :)
  • Odpowiedz
Będąc #frontend co byście dołożyli / poszli, żeby praca była dobrze płatna, może być nudna, żeby nie trzeba było co chwila używać czegoś nowego?

#programowanie #pracait

Co wybrać?

  • Java 26.7% (16)
  • Python 20.0% (12)
  • Devops 36.7% (22)
  • Inna, zostaw komentarz 16.7% (10)

Oddanych głosów: 60

  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Co sądzicie o Tailwind CSS? Na początku wydaje się mega wygodne, dopóki w kodzie HTML nie nawalisz 100 klas do opisu wyglądu elementów i jak mają się zachować przy różnych rozdzielczościach. Ale czy faktycznie o to chodzi w klasach CSS?

Kiedyś frątasiowanie było łatwiejsze, kiedy wszystkie komponenty sam pisałem, a gdy korzysta się z N gotowych bibliotek i każda implementuje coś po swojemu, kiedy wymieszasz SCSS ze zmiennymi CSS var(--zmienna), kiedy po
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@SendMeAnAngel:

im wiecej expa masz tym bardziej widzisz jakim gownem jest tailwind, ergo stazysta jeszcze projektu nie postawil i juz instaluje srailwinda, a senior nigdy nie dopusci zeby takie cos znalazlo sie w jego projekcie ( ͡° ͜ʖ ͡°)
  • Odpowiedz
✨️ Obserwuj #mirkoanonim
Jak w praktyce wyglada praca PM w większej firmie IT, czego uczyć się po pracy żeby się przebranżowić?
Pomijam #kryzysit , że brak pracy etc, mało ofert. W skrócie - przez 8 lat prowadziłem sobie równolegle do bycia średnim programistą #javascript własną firmę, taki trochę półpasywny przychód bo 2 zaufanych pracowników na b2b jako podwykonawcy, stali klienci, fajna marża itp, to był marketing social media,
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via mirko.proBOT
  • 0
zapobiegliwy-fenomen-73: Ale umiesz w ogóle programować? Bo JavaScript to trochę...

Do tego napisałeś Wprost, że nie znasz realiów wytwarzania oprogramowania

Masz chociaż teoretyczne pojecie o inżynierii oprogramowania? Studia IT?
  • Odpowiedz
@mirko_anonim: a może spróbuj sił w firmie produktowej? w jakims zagranicznym saas-ie, który jest już zwalidowany i zaczyna zatrudniać? Szukałbym takich, które dają większy "ownership" na featurem. Coś a'la bycie product engineer-em.
  • Odpowiedz