Wszystko

Najnowsze

Archiwum

poocoo
  • 1
Chciałem Wam pokazać mój projekt, który był dla mnie poligonem doświadczalnym i zderzeniem z dwiema nowymi technologiami. Jako fan gier słownych postanowiłem uderzyć w temat krzyżówek i synonimów, a przy okazji sprawdzić w boju Angulara oraz Fluttera.

Wersja Web: https://haslator.pl
Aplikacja Android: https://play.google.com/store/apps/details?id=pl.xview.x_crossword_mobile

Tak powstał Haslator – kontekstowa wyszukiwarka haseł, która ma ułatwić życie każdemu, kto utknie przy niedzielnej krzyżówce lub szuka odpowiedniego słowa do tekstu.
poocoo - Chciałem Wam pokazać mój projekt, który był dla mnie poligonem doświadczalny...

źródło: image

Pobierz
  • 6
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
SendMeAnAngel
  • 2
Pamiętacie to? Znalazłem przyczynę. Otóż używamy wtyczki jib-maven-plugin do budowania obrazów Docker. Tak narzucił pośrednik klienta, ale mamy wolną rękę i można to zmienić. Wtyczka ta dba o reproducible builds i między innymi ustawia wszystkie daty na 1970. W konfiguracji nie da się zachować oryginalnych dat, a jedynie ustawić sztywną datę.

Ale czy to by pomogło i przeglądarka za każdym razem by sprawdzała, czy jest nowa wersja?

Z serwera dostajemy:
- Last-Modified: Thu, 01 Jan
@SendMeAnAngel 0
Wdrażamy nową wersję aplikacji Angular. Klient nadal widzi starą wersję, bo przeglądarka zapisała w pamięci podręcznej. Jak sobie z tym radzić? Angular tworzy pliki .js z losowym ciągiem znaków, ale to index.html jest cachowany.

Po analizie wyszło, że serwer lighttpd zwraca datę Last-Modified 1970.

Można wymusić Cache-Control: no-cache, no-store, must-revalidate

Ale
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
SendMeAnAngel
  • 0
Wdrażamy nową wersję aplikacji Angular. Klient nadal widzi starą wersję, bo przeglądarka zapisała w pamięci podręcznej. Jak sobie z tym radzić? Angular tworzy pliki .js z losowym ciągiem znaków, ale to index.html jest cachowany.

Po analizie wyszło, że serwer lighttpd zwraca datę Last-Modified 1970.

Można wymusić Cache-Control: no-cache, no-store, must-revalidate

Ale
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
ra_s
  • 2
@SendMeAnAngel: Najlepszym rozwiązaniem jest wyłączenie cache dla index.html, a pozostawienie długiego cache dla haszowanych plików. To jest powszechnie stosowany sposób. Wymusza pobranie najnowszej wersji aplikacji, a pozostałe pliki mogą być cache’owane, bo mają unikalne nazwy po każdym buildzie Angulara.

@sokytsinolop To, co mówisz, ma sens przy CDN-ach, gdzie często robi się cache invalidation, ale nie rozwiązuje głównego problemu. W Angularze hashowane pliki nie wymagają czyszczenia cache, bo kluczowe jest
  • Odpowiedz
Futhark
  • 1
@SendMeAnAngel: ale po co kombinujesz z jakimiś workerami - index.html musi mieć no-cache a wszystko inne bardzo długi cache jak opisał @ra_s - absolutnie nie ma lepszego rozwiązania i dodatkowo to jest bardzo proste
  • Odpowiedz
duck_typing_agony
  • 5
AngularJS powstał 15 lat temu i skończył się prawie 4 lata temu, gdzie już przed tą datą był przestarzały. Angular (2+) powstał 9 lat temu.
Najgorsze w tym wszystkim jest to, że w ofertach pracy obie nazwy są mylone i użyta jest nazwa przestarzałej technologii.
Lub jeszcze gorzej... pod ofertą z nazwą Angular może kryć się praca w AngularJS.

#pracait #programowanie #programista15k #angular #
  • 5
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Omer86
Omer86
  • 5
Mirki, czy ktoś by miał ochotę przetestować nową wersję mojej aplikacji, która pomaga przygotować się do rozmów rekrutacyjnych programistom i devops (iOS/Android)? https://www.itflashcards.com/ dodałem ostatnio ponad 5000 quizów, nowy design, dark mode.

Jak by ktoś miał chęć sprawdzić to mogę dać kod do konta premium na 30 dni za darmo :)

Mam już kilkudziesięciu subsrybentów z całego świata, ale cholernie ciężko się wbić na dobre pozycje w sklepach Google i Apple :(
  • 9
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
CH3j
  • 4
@Omer86: Dla mnie korpoidiotyzmy to uwłaczanie człowiekowi, nie poszedłbym na taką rozmowę nawet by się płaszczyć ( ͡° ͜ʖ ͡°)
Ale miło że próbujesz pomóc innym by jakoś to przetrwali
  • Odpowiedz
Omer86
Omer86
  • 0
@mcsQ: 1. Też korzystamy z różnych LLM, lista głupich pytań i głupich odpowiedzi, jest duża. Trzeba to ręcznie sprawdzać i weryfikować. 2. Nie masz quizów do śledzenia postępów. 3. Wkrótce chcemy nawiązać współpracę z blogerami, którzy będą weryfikować dodatkowo nowe pytania i odpowiedzi, więc będą to sprawdzone informacje.4. LLM nie jest nawet w stanie wygenerować Ci 100 pytań i odpowiedzi bez wielu błędów.
  • Odpowiedz
placebo_
  • 0
Gdzie łatwiej znaleźć pracę?

Angular - mniejsza konkurencja, ale mniej ofert
Spring - większa konkurencja, ale więcej ofert
#pracait #angular #spring

Co wybrać

  • Angular 52.1% (25)
  • Spring 47.9% (23)

Oddanych głosów: 48

  • 5
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
placebo_
  • 0
Gdzie łatwiej znaleźć pracę?

Angular - mniej ofert, ale mniejsza konkurencja
Spring - więcej ofert, ale większa konkurencja
#pracait #angular #spring

Co wybrać

  • Angular 57.1% (20)
  • Spring 42.9% (15)

Oddanych głosów: 35

  • 5
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
AntyKuc
  • 0
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
Pasterz30
  • 3
@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
Pasterz30
  • 1
@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
programista70k
  • 0
@tomaszs: złożone SaaSy? tożto antonim.

A jaki masz problem z multi-tenant w supabase? Chętnie pomogę, nawet RBCA Ci pokażę jak zaimplementować (jak ja to robiłem pare lat temu przynajmniej - teraz pewnie są jakieś natywne metody)
  • Odpowiedz
tomaszs
  • 2
Angular 20 próbuje być miły dla vibe coderów. Jest... różnie
https://tomaszs2.medium.com/angular-20-tries-to-be-friendly-to-vibe-coders-its-complicated-7b611a051f72?sk=2f2b08d57d4bf24d8ca3145d2fd1da21

Nowy Angular 20 już oficjalnie wyszedł — i o dziwo, zamiast walić po łbie vibe coderów jak do tej pory, robi nieśmiałe ukłony w ich stronę. Ale czy to znaczy, że vibe coding (czyli szybkie klepanie z AI bez ton configów i boilerplate'u) ma w ogóle sens w Angularze?

#programowanie #angular #vibecoding
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
ra_s
  • 1
@tomaszs: Mam dość sceptyczne podejście do vibe codingu, szczególnie w kontekście Angulara, który z natury nie jest lekkim frameworkiem. Jasne, AI i promptowanie potrafią przyspieszyć pewne rzeczy, ale często okazuje się, że dopieszczanie prompta, żeby wygenerował coś sensownego i zgodnego z wymaganiami, zajmuje więcej czasu niż napisanie tego samemu – zwłaszcza gdy zna się dobrze narzędzia. Z drugiej strony, widać, że Angular 20 próbuje otworzyć się na nowe podejście: mniej
  • Odpowiedz
tomaszs
  • 2
AI pisze ci aplikację w kilka godzin.
Ale też potrafi w tym czasie zrobić taki bajzel, że sam się z niej nie wyplączesz.
7 pułapek Vibe Codingu, które mogą rozwalić ci kod — i jak tego uniknąć:
https://tomaszs2.medium.com/vibe-coding-is-the-future-but-it-can-wreck-your-codebase-if-youre-not-careful-a5f3ea3a4f15

#programowanie #ai #vibecoding #javascript #angular #vuejs #webdev #machinelearning #naukaprogramowania #devlife
  • 2
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
SendMeAnAngel
  • 1
Pytanie do twórców aplikacji w Angular Material. Czy używacie jakiegoś systemu siatek? W Angular Material nie ma. W innych frameworkach CSS różnie bywa. Teoretycznie powinno się tak pisać kod CSS, aby elementy pozycjonowały się same w zależności od rozdzielczości ekranu, ale jeśli to, jak rozmieszczą się elementy, pozostawimy dziełu przypadku, to na różnych ekranach elementy zaczną się rozjeżdżać. Chyba nie wymyślono nic lepszego od systemu siatek Bootstrap, tylko kiedyś trzeba było pisać
  • 5
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
SendMeAnAngel
  • 0
Nie wiem czy ja dobrze Cie rozumiem, ale jak to nie ma grida w Angular Material?


@ra_s: A jest responsywny, tzn. zmienia się ilość kolumn w zależności od rozdzielczości ekranu?

Mam same nieprzyjemne doświadczenia z angularowym materialem. Jeżeli masz możliwość, ucieknij na coś
  • Odpowiedz
ra_s
  • 0
@SendMeAnAngel: No może nie jest to takie proste jak przy użyciu Bootstrapa czy Tailwinda, ale jak najbardziej da się ogarnąć responsywność tylko z samym Angular Material. Po drugie co Ci szkodzi użyć Bootstrapa czy Tailwinda aby ogarnąć pewne aspekty wizualne swojej aplikacji, przecież to nie jest zabronione.
  • Odpowiedz

Powiązane tagi