Najnowsze wpisy o #angular

Praktykant

w Dyskusje 2026-02-15T11:15:05+01:00

Haslator – moje starcie z Angularem i Flutterem (wyszukiwarka haseł krzyżówkowychi synonimów)

Cześć!

Chciałem Wam pokazać 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.

Tak powstał Haslator – kontekstowa wyszukiwarka haseł, która ma ułatwić życie każdemu, kto utknie przy niedzielnej krzyżówce.

Co potrafi apka?

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.

Stawiałem przede wszystkim na szybkość i czysty UX. Apka jest lekka i działa błyskawicznie.

Technologia:

WWW: Angular
Mobile: Flutter
Engine: Całość śmiga w oparciu o Meilisearch, co zapewnia świetny performance wyszukiwania.

Link do wersji Web: https://haslator.pl

Link do Google Play: https://play.google.com/store/apps/details?id=pl.xview.x_crossword_mobile

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 – dajcie znać.

#krzyzowka #tool #flutter #angular

Wyszukiwarka haseł krzyżówkowych i synonimów

Wpisz definicję lub układ liter i od razu zobacz możliwe odpowiedzi.

Haslator

Zaloguj się aby komentować

nieinteresujsie

Inspirator

w Oprogramowanie 2024-11-05T10:01:20+01:00

W ramach odświeżenia wiedzy napisałem aplikację agregującą różne wydarzenia .

Na razie zbierane są audycje radiowe, wydarzenia sportowe, starty rakiet i wydarzenia związane z astronomią oraz święta.

Kategorie wydarzeń można ogwiazdkować i wyeksportować do kalendarza lub RSS.

Dajcie znać co o tym myślicie. Jeśli jest już coś podobnego to dajcie linka.

Czy są inne wydarzenia które chcielibyście tam znaleźć?

Backend napisany jest w PHP 8 (Symfony, API platform), frontend Angular 18, Bulma css.

https://events.w5.lt/

#oprogramowanie #aplikacja #angular #php #sport #radio #astronomia

Wydarzenia

W5

koszotorobur 2024-11-05T10:41:19+01:00

@nieinteresujsie - to następnym razem zamiast odświeżać antyczną wiedzę, może naucz się zrobić to samo tylko nowocześniejszymi narzędziami

Zaloguj się aby komentować

potato_fairy

Mocarz

w Hydepark 2024-03-28T06:35:30+01:00

#programowanie #angular #angularmemy

Zaloguj się aby komentować

Anon

Kompan

w Programowanie 2023-07-11T21:58:06+02:00

Potrzebuję materiały na temat testów jednostkowych do #angular

Polecacie jakieś konkretne materiały i/lub podręczniki?

#programowanie #frontend #programista15k #webdev

Fausto★2023-07-11T21:58:42+02:00

Chatgpt? ;)

rayros 2023-07-11T23:21:55+02:00

Dokumentacja angulara

tatarysh 2023-07-12T08:29:39+02:00

@rayros ja nie ogarniam ludzi, dokumentacja ma najczęściej wszystko czego potrzeba i jest dobrze opisana a i tak ludzie chodzą i szukają materiałów

potato_fairy 2023-07-12T06:21:32+02:00

@Anon karma i jasmine - jest nawet w dokumentacji angulara https://angular.io/guide/testing tam jest chyba wszystko by móc zacząć, a jak potrzeba jakiejś głębszej wiedzy, to można zajrzeć na https://jasmine.github.io/

Może jeszcze przydać się cypress - to jest do E2E testów, ale może też się przyda.

Angular

Angular is a platform for building mobile and desktop web applications. Join the community of millions of developers who build compelling user interfaces with Angular.

Angular

Zaloguj się aby komentować

Gitler

Inspirator

w Programowanie 2023-03-21T23:14:02+01:00

#programowanie #flutter #webdev #react #angular #vue

Jaki jest wasz ulubiony framework webowy do własnych projektów

44 Głosów

marmot 2023-03-22T07:49:34+01:00

React to nie framework. Ale zaznaczyłem go, bo używam Next.js, które bazuje na React.

Gitler 2023-03-22T18:48:22+01:00

@marmot a to ciekawe. Dlaczego uważasz, że react to nie framework ?

marmot 2023-03-23T11:17:40+01:00

@Gitler Bo React nie daje Ci pełnego stacku, a jedynie obsługę tworzenia reaktywnych komponentów. Możesz bez problemu używać takiego React jak kiedyś używało się jQuery (co zresztą w dawnych czasach robiło się podczas migrowania appek z jQuery na React). Do tego, nawet na stronie Reacta masz: "The library for web and native user interfaces", a jak wejdziesz w https://react.dev/learn/start-a-new-react-project to dopiero listę frameworków, które bazują na Reakcie. To, że ChatGPT twierdzi jedno, to nie znaczy, że tak jest . Jak odpisałbyś mu "ale React nie jest frameworkiem", to Cię przeprosi i się poprawi, jak przy wielu innych rzeczach

Start a New React Project – React

The library for web and native user interfaces

React

rtofvnt 2023-03-23T22:43:48+01:00

Laravel ?

koko 2023-05-01T01:30:39+02:00

Komentarz usunięty

Zaloguj się aby komentować

Dapred

Kompan

w Programowanie 2023-01-20T22:54:46+01:00

Jak poprawnie parsować response z http post w angularze? Case mam taki, że wysyłam requesta na endpointa(logowane) i mi zwraca albo sam token albo status code 401. I tutaj mam problem bo jak zwraca token to spoko zapisuje sobie w sesji itp ale jak zwraca 401 to w formacie

StatusCode: 401, ReasonPhrase: 'Unauthorized', Version: 1.1, Content: <null>, Headers:

{

}

I teoretycznie też zapisuje to jako token, chociaż nie jest tokenem bo sprawdzam czy po prostu jest jakaś odp xD

Mogę się jakoś dobrać do nagłówków aby status code wyciągnąć czy po prostu na sztywno dać warunek czy istnieje tekst "StatusCode" w response? Nie wiem jak inaczej to zweryfikować a moje rozwiązanie jest delikatnie ujmując brzydkie.

A to jak wysyłam:

signInUser(user: UserLogin){

return this.http.post(AppSettings.API_URL + CONTROLLER + 'login', user, {responseType: 'text'});

}

Tajemnicą chyba nie bedzie, że dopiero ucze się więc wyrozumiałości xD

#programowanie #angular

bzyku95 2023-01-20T23:21:36+01:00

@Dapred wejdź w zakładkę network w przeglądarce, jaki http status ma response w przypadku błędu przy logowaniu?

Dapred 2023-01-20T23:27:41+01:00

@bzyku95 200 XD no to by wiele tłumaczyło. Królu złoty dzięki wielkie za naprowadzenie

bzyku95 2023-01-20T23:37:37+01:00

@Dapred spoko, powodzenia

Zaloguj się aby komentować

Melonusk

Debiutant

w Programowanie 2023-01-20T08:53:09+01:00

TailwindCSS

Jakie macie lub znacie sposoby na lepszą organizację klas zamiast bezpośrednio w DOM w className?

W jednym z projektów wyciągnąłem klasy do czegoś takiego:

const cls = {

container: "...",

text: "..."

}

I później w DOM'ie można było użyć className={cls.container} z tym że traciłem wtedy wszystkie ficzery związane z podpowiadaniem kodu i sortowaniem klas.

#tailwindcss #frontend #react #angular #vue #programowanie

Kamil.js 2023-01-20T12:37:52+01:00

@Melonusk https://github.com/ben-rogerson/twin.macro pozwala na połączenie Tailwinda ze styled-components, emotion i innymi bibliotekami.

Dzięki temu używając Tailwinda możesz tworzyć ostylowane komponenty i po prostu je importować z innego pliku zamiast zaśmiecać DOM długimi className'ami. Jeśli chcesz nadal możesz używać Tailwinda w DOM, tylko zamiast w className umieszczasz go w atrybucie "tw", więc przy istniejącym projekcie trochę trzeba zrobić w ramach migracji.

Dopiero wczoraj odkryłem tę bibliotekę, bo tak jak ty chciałem uporządkować trochę DOM bez porzucania Tailwinda, więc jeszcze nie wiem czy jest coś lepszego i jakie potencjalne problemy mogą wyjść przy używaniu tego. W readme są przykładowe projekty w różnych technologiach, więc można szybko sprawdzić i się pobawić.

Melonusk 2023-01-21T09:03:02+01:00

@Kamil.js Cirkawe rozwiązanie, sprawdze na pewno chociaż mam awersję do styled components z powodu częstych problemów z typowaniem

Magiczny_Magik 2023-01-21T14:00:22+01:00

@Kamil.js Stosowałem i efekt będzie taki sam jak stosowanie @apply, czyli odpada.

Zaloguj się aby komentować

tomaszs

Specjalista

w Javascript 2021-04-09T16:30:17+02:00

────── A tak działa operator RxJS: takeUntil

Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-takeuntil-explained

Obserwuj jak chcesz więcej!

RxJS: takeUntil Explained

RxJS stands for Reactive Extensions for JavaScript. It is a great library to handle flow of items received by your application. Today you will learn what is one of the most commonly used RxJS operator: takeUntil. The documentation offers a diagram showing how takeUntil works: But what does it really mean? The analogy I

Summon The JSON

Zaloguj się aby komentować

tomaszs

Specjalista

w Javascript 2021-04-07T17:16:50+02:00

A tak działa operator RxJS: distinctUntilChanged

Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-distinctuntilchanged-explained

Obserwuj jak chcesz więcej!

RxJS: distinctUntilChanged Explained

RxJS stands for Reactive Extensions for JavaScript. It is a great library to handle flow of items received by your application. Today you will learn what is one of the most commonly used RxJS operator: filter. The documentation offers an explanation how the operator works: "Returns an Observable that emits all items em

Summon The JSON

Zaloguj się aby komentować

tomaszs

Specjalista

w Javascript 2021-04-06T22:47:36+02:00

Havelock_Vetinari 2021-04-06T22:52:04+02:00

To ja

Zaloguj się aby komentować

#angular

Popularne artykuły

Popularne dyskusje

Kategorie

Popularne tagi

Jaki jest wasz ulubiony framework webowy do własnych projektów