Kupiłem grilla dla frątasia #programista15k #grill #angular #heheszki #pasjonaciubogiegozartu

warto sie uczyc #angular w #2026 ?
#programowanie

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
- Wsparcie Node.js 26 z Temporal API
- Szybsza obsluga JSON i lepsza wydajnosc async

Pelny artykul: https://tomasz-smykowski.com/blog/angular-22-will-come-with-injectasync-helper

#angular #webdev #programowanie #typescript #frontend

Angular 22 wprowadza nowy dekorator @Service() ktory zastepuje @Injectable().

• Domyslnie providedIn: root
• Dziala z funkcja inject()
• Bez wstrzykiwania w konstruktorze
• Mniej boilerplate, czystszy kod

Wersja 22 dodaje tez komentarze wewnatrz elementow HTML w templatach.

https://tomasz-smykowski.com/blog/angular22-injectable

#angular #typescript #programowanie #webdev #frontend

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

#programowanie #ai #frontend #webdev #angular

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.

Co potrafi Haslator?

Wyszukiwanie kontekstowe: Wpisujesz frazę, a system przeszukuje bazę ponad miliona rekordów.

Filtrowanie wg wzorców: Jeśli znasz tylko niektóre litery (np. drugą i czwartą), wpisujesz wzór (np. P-P-A) i dostajesz pasujące propozycje.

Szybkie filtry: Możesz błyskawicznie zawęzić wyniki do konkretnej długości słowa.

Brak syfu: Stawiałem na szybkość i czysty UX – bez miliona reklam i zbędnych wodotrysków.

Technologia dla ciekawskich:

WWW: Angular

Mobile: Flutter (moja pierwsza przygoda z tym frameworkiem)

Engine: Całość śmiga w oparciu o Meilisearch, co zapewnia świetny performance i wyniki w czasie rzeczywistym.

Dajcie znać, co myślicie! Jeśli macie pomysły, co dorzucić do bazy albo jakie funkcje ułatwiłyby Wam życie przy rozwiązywaniu – piszcie śmiało. Szczególnie chętnie przyjmę feedback dotyczący działania apki na różnych wersjach Androida.

#programowanie #krzyzowka #jezykpolski #chwalesie #angular #flutter #android

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 1970 00:00:01 GMT
- ETag: 3278434589

Nie dostajemy nagłówka Cache-Control.

ETag nie powinien się zmienić dla index.html, ale czasami się zmienia i przeglądarka ponownie załaduje z serwera, ale zazwyczaj robię update na serwerze i przeglądarka dalej ładuje starą wersję aplikacji Angular.

Potencjalnych rozwiązań jest kilka:

1. Cache-Control: no-cache lub must-revalidate dla index.html (i potencjalnie dla wszystkich innych plików)
2. Service worker, który sprawdza, czy wyszła nowa wersja (polecane zwłaszcza w aplikacjach PWA)
3. Inne pomysły?

1 będzie kłócić się z 2 jeśli kiedyś aplikacja zostanie zamieniona w PWA.

Ale bardziej interesuje mnie, co z tym Last-Modified i czy to normalna praktyka?

https://wykop.pl/wpis/84043077/wdrazamy-nowa-wersje-aplikacji-angular-klient-nada

Jeszcze do poczytania:

https://github.com/GoogleContainerTools/jib/issues/1800
https://reproducible-builds.org

#programowanie #angular #frontend #docker #devops

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 czy to dobry pomysł?

#programowanie #programista15k #angular #frontend

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

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 #angularjs

#pracbaza #programowanie #programista15k #frontend #html #javascript #react #angular #vuejs #pracait #praca #politechnikapoznanska #politechnikalodzka #politechnikakrakowska #studbaza #java #korposwiat #agh #css

#programista15k #pracait #praca #pracbaza #programowanie #politechnikapoznanska #politechnikalodzka #politechnikakrakowska #studbaza #java #korposwiat #agh #css #frontend #html #javascript #react #angular #vuejs

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 :(

#programista #programowanie #pracait #javascript #java #python #php #react #angular #myślę #azure #AWS #html #rozdajo

Gdzie łatwiej znaleźć pracę?

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

Gdzie łatwiej znaleźć pracę?

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

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

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

zaroz mnie kurbica strzeli w #css #angular #programowanie znowu obruciło
Że też grid system może być taki uciążliwy w angularze....

#programowanie #frontend #angular Mircy! Mam mocną ekipę backendowców i jak ktoś potrzebuje pomocy z #java albo z #csharp #cpp to zawsze sobie polecamy kogoś do pomocy, w zespołach również. Teraz poszukuje jednak angularowca z doświadczeniem do pomocy i płace jak za prezydenta!

Angular 20 w końcu daje customowym dyrektywom należny szacunek – będą traktowane jak pełnoprawni obywatele frameworka.

Szykujcie się też na ostrzeżenia, jeśli zapomnicie je zaimportować:
https://tomaszs2.medium.com/angular-20-will-warn-about-missing-custom-structural-directives-c4a0b3425001

#angular #javascript #webdev #programowanie

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

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ć dużo kodu, a potem to uprościli. Są tez inne systemy. Stąd pytanie do was, czego obecnie używa się w branży. Czy sami piszecie klasy CSS, które ustawią wam elementy w zależności od szerokości ekranu? #css #frontend #webdesign #programowanie #angular

To nie LinkeIn, ale może ktoś będzie zainteresowany #programista15k #pracawit

W firmie szukają #react + #nodejs oraz #angular + #nodejs. Regular: 130, Senior: 160.