Wszystko
Najnowsze
Archiwum
2
Sygnały w Angular

od podstaw do zaawansowanych wzorców
z- 0
- #
- #
@Fury_Warrior: Zastanawiam się, czy w ogóle jest sens uczyć się programowania. Wrzucasz do Fable 5 prompta: "make GTA 6. Don't make mistakes.", idziesz gdzieś na 5h robić coś pożytecznego, wracasz i cieszysz się nową odsłoną GTA.
czy warto wogole sie za to gowno brac.
@Fury_Warrior: Jakbym był na Twoim miejscu, to bym się nie wahał i wrzucił prompta do Claude o stworzenie kursu z Angulara dla mnie (Sonnet 4.6 by tu wystarczył) - poziom początkujący i wszystko z nim ustalasz, by było jak najbardziej pod swoje potrzeby (piszesz mu też, że masz ograniczony czas i chcesz by nauka przebiegała jak najefektywniej). Możesz mu zaproponować np. wygenerowanie
- 2
Angular 22 przynosi injectAsync helper do leniwego ladowania zaleznosci na poziomie komponentu!
Co nowego:
- injectAsync - laduj zaleznosci na zadanie
- paramsInheritanceStrategy domyslnie 'always' - koniec z route.parent?.parent?.snapshot.params
Co nowego:
- injectAsync - laduj zaleznosci na zadanie
- paramsInheritanceStrategy domyslnie 'always' - koniec z route.parent?.parent?.snapshot.params
- 0
Angular 22 wprowadza nowy dekorator @Service() ktory zastepuje @Injectable().
• Domyslnie providedIn: root
• Dziala z funkcja inject()
• Bez wstrzykiwania w konstruktorze
•
• Domyslnie providedIn: root
• Dziala z funkcja inject()
• Bez wstrzykiwania w konstruktorze
•
źródło: 1000040703
Pobierz- 1
Ryan Atkinson opublikowal ciekawe badanie liczace tokeny LLM w 18 frameworkach JS. Wyniki: Marko uzywa 22% mniej tokenow niz Svelte. Angular 101% wiecej. Brzmi jakby Angular byl najgorszym wyborem do kodowania z AI? Nie tak szybko. Frameworki z mniejsza liczba tokenow sa bardziej niejawne.
Ukrywaja lifecycle hooki, nazwy komponentow i informacje o typach. To sprawia ze AI halucynuje czesciej. Jawny kod daje LLM lepszy kontekst i silniejsze typowanie.
Pelny tekst: https://tomasz-smykowski.com/blog/frontend-framework-tokens
#
Ukrywaja lifecycle hooki, nazwy komponentow i informacje o typach. To sprawia ze AI halucynuje czesciej. Jawny kod daje LLM lepszy kontekst i silniejsze typowanie.
Pelny tekst: https://tomasz-smykowski.com/blog/frontend-framework-tokens
#
źródło: 1000040169
Pobierz@tomaszs: Meg Ryan i Rowan Atkinson xD
źródło: 1000054248
Pobierz- 1
- 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.
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.
źródło: image
PobierzPamię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
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
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
Po analizie wyszło, że serwer lighttpd zwraca datę Last-Modified 1970.
Można wymusić Cache-Control: no-cache, no-store, must-revalidate
Ale
konto usunięte via Wykop
- 0
Wtyczka ta dba o reproducible builds i między innymi ustawia wszystkie daty na 1970.
@SendMeAnAngel: Już na tym etapie p------------m tak z-------o toola.
- 3
Ledwo co wykryto krytyczną lukę bezpieczeństwa w Reakcie, a już znaleziono dwie kolejne. Coś czuję że 2026 będzie rokiem Angulara. #react #angular #frontend #cyberbezpieczenstwo
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
Po analizie wyszło, że serwer lighttpd zwraca datę Last-Modified 1970.
Można wymusić Cache-Control: no-cache, no-store, must-revalidate
Ale
@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
@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
@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
- 0
Hej! Jutro robię Angularowy meetup prze NGPoland: https://luma.com/346f57k5 zapraszam! Wstęp darmowy, jedzonko, piwko!
https://meetjs.pl/warszawa #meetjs #angular #ngpoland #jspoland
https://meetjs.pl/warszawa #meetjs #angular #ngpoland #jspoland
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 #
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 #
obie nazwy są mylone
@duck_typing_agony: nie zliczę ile razy dostałem propozycję na Java developera, bo na profilu mam Javę w wersji Script ¯\(ツ)/¯
@default_city: jeden i drugi fancy nazwa na sqlowca co parę nowych tooli użyć potrafi
- 131
@KundelekPaniMagdaleny: ale n-------ś tagów
konto usunięte via Wykop
- 3
@KundelekPaniMagdaleny: hahah
@KundelekPaniMagdaleny: to jest tak odklejone że aż śmieszne xD
konto usunięte via Wykop
- 3
@KundelekPaniMagdaleny: Sprintowa Policja
- 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 :(
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 :(
@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
Ale miło że próbujesz pomóc innym by jakoś to przetrwali
- 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.
- 0
- 0
ale angulara nie znajdziesz bez springa ani springa bez angulara
odpowiedź to
java + spring + angular + AWS + kubernetes
odpowiedź to
java + spring + angular + AWS + kubernetes
@elo_kebab: bzdura
- 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
#programista15k #programowanie #frontend #react #vuejs #angular
@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
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
@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
- 0
Treść przeznaczona dla osób powyżej 18 roku życia...
@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)
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)
- 0
@programista70k dzięki za propozycję pomocy. doceniam to. Obecnie zrobiłem rbac na backendzie, bo nie ma natywnej metody w supabase afaik.
- 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
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
@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






















źródło: 1000041467
Pobierz