#webdev

15
234

Dawno nie bawiłem się w #webdev, a że miałem troszeczkę więcej czasu ostatnio, to zacząłem "odświeżać" starą prostą stronkę (W centrum zmieniający się co jakiś czas obrazek + player muzyki w rogu).

Głównie to chciałem dorobić panel do zarządzania tą stronką (zarządzanie obrazkami i muzyką) i wypróbować coś takiego jak #blazor.

Zrobiłem w panelu własny system autoryzacji, bo ten domyślny z .Net nie chciał za bardzo współpracować.

Zrobiłem cały prawie w całości w blazorze player do muzyki, tak żeby było jak najmniej jsa.

Mam już prawie gotowe zarządzanie obrazkami i muzyką.

Blazor to w sumie fajny framework, a z MudBlazor (to coś takiego jak Vuetify dla Vue) fajnie się z tym pracuje.

Robię to głównie dla siebie, no ale mam potwierdzone, że co najmniej 2 inne żywe osoby na moją starą stronkę wchodziły co jakiś czas :V

#hobby #notasecretarchive

151b29ef-df8e-4b8b-9cf2-5bc385fd4955

Zaloguj się aby komentować

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

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


#programowanie #frontend #programista15k #webdev

@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.

Zaloguj się aby komentować

Teraz chciałbym abyś się leciutko skupił.

Powiedz mi, czy rozumiesz taką koncepcję.


Ja nadal jestem za koncepcją: jedno okno, wiele kart przeglądarki internetowej.

Jako opcjonalne API do wykorzystania.

Że w ramach jednej domeny(?), zamiast tworzyć kolejnych okien w kolejnych kartach (na zasadzie jedno okno, jedna karta), otwierać tylko "wydmuszkę", pusty element GUI w przeglądarce, którego kliknięcie wywołuje callback w jednym jedynym oknie.

To by działało jak History API, tylko dla kart, że przełączanie między kartami tylko uruchamia callback, zamiast przeładowywać okna do viewport.

Analogia do History API: Z History API, nie ładuje się poprzedniego okna po kliknięciu wstecz, tylko odpala callback który przeładowuje samą treść, w tym samym oknie.


Z koncepcją Jedno Okno, Wiele Kart Przeglądarki Internetowej:

* Można tworzyć efekty przejścia, animacje, podczas przełączania się między kartami tej samej domeny - nawet View Transitions API tego nie potrafi sam z siebie.

* Masz mniej okien otwartych na raz, bo podmienia się tylko kontent w jednym jedynym oknie, a nie całe okno. Zajmuje mniej miejsca.

* Nie potrzeba specjalnej komunikacji między oknami (tej samej domeny), bo komunikacja i synchronizacja jest bezpośrednia i doskonała.

* Idealne pod Single Page Aplication - przełączanie kartami przeglądarki przełącza tylko stan aplikacji, zamiast przełączać między wieloma kopiami aplikacji

* Nowa karta szybciej się otworzy i załaduje, bo doładowuje się tylko niewielki kawałek treści, a nie cała strona.


#webdev #frontend #programowanie #przegladarki #firefox #chrome #edge #opera #safari #w3c #api

337e731d-1df8-4760-8d30-8386ecf7c18e

Zaloguj się aby komentować

Potrzebuję takiego rozwiązania chmurowego:


  • tworzę strony internetowe na jednym komputerze (PC)

  • ale czasami, gdy wyjeżdżam, pracuję na laptopie

  • posiadam serwerek postawiony na Raspberry Pi z wyjściem na świat


Chciałbym takie rozwiązanie, które zgrywałoby pliki stron (czyli dużo małych plików) na Raspberry Pi, tak abym mógł odpalić projekt na jednym bądź drugim komputerze, bez przerzucania plików na pendrajwy.


Na razie spróbówałem Nextclouda, ale z tego co widzę to pomysł był średni. Synchronizacja trwa bardzo długo, zawiesza się klient Nextclouda, wali błędami gdy w międzyczasie jakiś plik zostanie usunięty i w ogóle to rozwiązanie chyba nie pasuje pod duże pliki - bardziej by pewnie pasowało pod backup paczek z zipami.


Jest coś fajniejszego pod takie małe pliki, na których działa się live?


#nextcloud #webdev #programowanie

Dobra, chyba jednak polubię się z Nextcloud xD Zamulało, bo na początek dostał bardzo dużo danych do przemielenia. Teraz jak już wszystko przeorał 10 razy to wydaje się działać jak np. OneDrive

Jeżeli share masz używać tylko ty i na jednej maszynie jednoczenie to żaden nextcloud czy git ci nie potrzebny ¯⁠\⁠_⁠(⁠ツ⁠)⁠_⁠/⁠¯ skonfiguruje sobie lsync żeby monitorował folder i synchronizował go z maliną rsynciem plus single shot service żeby w drogą stronę synchronizację zapewnić kiedy korzystasz z innej maszyny i gotowe.

Zaloguj się aby komentować

Właśnie zauważyłem że na Operze Mobile z włączonym trybem nocnym, hejto zachowuje się w bardzo interesujący sposóɓ:


Otóż zarówno tryb "jasny" jak i "ciemny" są ciemne, ale tryb ciemny ma dodatkowo subtelnie zredukowany kontrast wpisów. Obrazki poniżej:


Prawdopodobnie to nie jest zamierzone, ale koncepcyjnie to jest genialne! Apeluję aby @hejto wprowadziło w trybie ciemnym opcjonalną redukcję kontrastu i cieplejsze barwy po godzinie 22


#hejto #feedback #webdev #hejtosugestie

501d50aa-1197-47b0-9b19-a152a3556cce
c2f4097e-2bb8-4bfc-b9da-cd335b6d78d0

Zaloguj się aby komentować

@Legitymacja-Szkolna Urodziłeś się wczoraj? Zaraz zabiorą wszystkim tę opcję twierdząc, że przecież starej nikt nie używa. Nie opublikują przy tym żadnych danych.

@Legitymacja-Szkolna masz jakiś problem z ludźmi otwarcie w sposób kulturalny wyrażającymi swoją opinie? iksede?

Zaloguj się aby komentować

AI, zamieniający obrazek na schemat blokowy?


AI, który przetwarza taki obrazek na SVG a lepiej na coś bardziej semantycznego jak mermaid - jest taki?


Np. input taki z obrazka i output kod SVG lub kod mermaid.


I też do zwykłych wzorów jak ten, na jakiś LaTeX - http://autonom.edu.pl/publikacje/mazur_marian/cybernetyka_i_charakter/wzory/wzor5.4.png


#programowanie #frontend #backend #webdev #javascript #devtools


#sztucznainteligencja #ai #artificialintelligence #machinelearning #uczeniemaszynowe #si #chatgpt

14ea6c5f-6866-4df8-85de-7cb7cdaeb711

Zaloguj się aby komentować

Powinno się pomyśleć nad rodzajem cookies/storage, które z założenia mogą być synchronizowane między urządzeniami, za pomocą Firefox Sync, konta Google do synchronizacji Chrome.


Bo wiadomo, że nie wszystkie dane z cookies/storage itd. warto synchronizować, ale niektóre by można, np. podstawowe preferencje, zalogowanie.


Tak jak w WebExtensions jest browser.storage.sync:


https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage/sync


Zaleta, że robisz appke webową, i możesz olać kwestię synchronizacji pewnych danych, i masz to z automatu.


Taki odpowiednik tych usług z Google Play.


Tylko bardziej zdecentralizowane, bo oparte o przeglądarkę.


Może w ramach Project Fugu?


#firefox #chrome #w3c #webdev #frontend #javascript #programowanie

Zaloguj się aby komentować

#webdev #css #hejto


Wbijam na hejcioka. Co mnie wita? Jakieś cycole


Klik w usera -> kłódeczka -> fajno


No jednak nie fajno bo nadal w "polecanych" po prawej stronie cyc mję szczuje


dzienkuje ekipie chejto że mogłem sobie odświeżyć wiedzę na temat CSS


szczególne chapeau bas dla łebdewów za dołożenie starań żeby div przypadkiem nie miał identyfikatora czy klasy dzięki którym mógłbym bo precyzyjnie wyciąć


.md\:col-span-3 > div:nth-child(1)

Zaloguj się aby komentować

Biorąc pod uwagę to, że jednak ludzie to zawodne maszyny (a mi ostatnio dość często udaje się nawalać, choroba itd), będę szukał osoby, która będzie mi mogła pomóc przy pracy którą wykonuję.


Nad czym pracuję? Głównie zajmuję się utrzymaniem i rozwijaniem REST API, które wykorzystuje tak zwaną Sferę(Sfera dla Subiekta nexo). Sfera to zestaw narzędzi, który pozwala wykonywać prawie wszystkie działania, jakie dostępne są w Subiekcie Nexo. Największym wyzwaniem będzie ogarnięcie tutaj rzeczy jak to nazywamy "Subiektowych", związanych z Subiektem Nexo oraz Sferą.


Aplikacja stoi na #dotnet, czyli tutaj wiadomo, że jest #csharp.


LINQ, MS SQL, Swagger, Postman, ngrok, git, trello i tego typu sprawy. Nie ma tutaj jakiś super nowych technologii, jest raczej więcej grzebania w tych starszych.


Jeśli chodzi o doświadczenie, to pewnie taki junior byłby ok. Fajnie jeśli byłby to ktoś z Rzeszowa/Dębicy lub okolic.


Nie byłoby to coś na pełen etat, tylko raczej bardziej coś dodatkowego na UZ albo jeszcze inaczej, raczej idzie się tutaj dogadać, choć to już ode mnie zależy. Znajomość #vue(tutaj to już naprawdę dobra znajomość vuejs byłaby wymagana, czyli pewnie na poziomie doświadczonego mida), czyli #webdev też mogłaby mieć wpływ na to, jakby to tutaj wyglądało, ale akurat nie jest to priorytetem i ode mnie to nie zależy.


Mój wpis nie jest pełnoprawną ofertą pracy. Otwartej rekrutacji też nie prowadzimy, z niczym też pośpiechu nie ma.


Na razie sprawdzam, czy może jakiś chętny by się tutaj znalazł.


#programowanie #praca #pracait #dotnet #csharp

@Dissociated mogę polecić kumpla, co prawda bardziej sieciowiec i wiele rzeczy musiałbyś go nauczyć, ale za to można mu płacić w orzeszkach

@ali7200 Tutaj jednak dobrze by było, jeśli ta osoba miałaby jakieś doświadczenie z programowania w .net, żeby chociaż w tych technologiach siedziała/uczyła się.

Zaloguj się aby komentować

#hejto @hejto ponad trzy tygodnie temu zrobiłem ankietę, czy ludzie wolą czytać czy pisać na tym portalu


moje obserwacje:


  • pomimo 32 głosów ZERO osób piorunowało wpis xD

  • 30 osoby ZAGŁOSOWAŁO (czyli aktywnie podjęło akcję) że wchodzi głównie czytać

  • TYLKO 2 OSOBY (w tym ja) CZYLI TYLKO JEDNA OSOBA wchodzi głównie pisać treści

  • ile osób widziało post i nie weszło w interakcję? może @hejto wie a może nie ma takich metryk

  • odpowiedziały mi 4 osoby

  • w tym 1 już zbanowana albo z usuniętym kontem, nie wiem w sumie co znaczy przekreślenie

  • żadna konwersacja nie trwała dłużej niż 4 wiadomości

  • we wszystkich konwersacjach ostatnia wiadomość jest moja


wnioski:


  • 32 interakcje to sporo jak na standardy portalu, patrząc po moich innych wpisach

  • wydaje mi się, że fajnie byłoby promować wpisy generujące interakcję między użytkownikami

  • im bardziej generyczne pytanie tym więcej ludzi na nie reaguje


sugestia ficzera:


  • dodać opcję sortowania po "interaktywności", czyli grzmoty posta + grzmoty komentarzy+ ilość komentarzy - moja teza jest taka, że ten prosty filtr pozwoli ludziom którzy chcą poczytać nowy content i odwrócić na chwilę uwagę od rzeczywistości pozwoli znaleźć treści

  • gdyby mi wpisu nie wypierdalało czasem jak go długo piszę, tylko by się coś zapisywało w local storage czy innym ciastku to by było super też


sugestia społeczna:


  • nie bójcie się wyrazić opinii

  • wolę jak napiszecie "c⁎⁎j mnie to boli" niż jak będziecie cicho

  • w sytuacji kiedy sygnał jest niski, ciężko wnioskować o czymkolwiek - jeśli zamiast "grzmocę tylko dobry content" zmienisz nastawienie na "nie grzmocę tylko chujowego contentu" ludziom piszącym będzie łatwiej pisać ciekawe rzeczy


z fartem wariaty


#webdev #programowanie #socjologia #ankieta

0f7f5d47-dfa2-49b1-8f6d-89af97aa7799

Komentarz dla zasięgu 😏 z contentem na Hektor jest słabiutko. Wchodzę w gorące, a tam połowa to wojna, a reszta to takie se memy, dodawanie biegania i pixelarty, a po 20 wpisach już przeglądam takie z kilkoma piorunami 😐 ja to w sumie nie mam nic ciekawego do powiedzenia, więc rzadko coś dodam

@wombatDaiquiri wystarczyłoby, że bym trochę poczarnolistował, ale boję się, że wtedy nic już nie zostanie do przeglądania. Treści jest po prostu mało. Z moich życzeń to tylko aby "znaleziska" były lepiej widoczne - zawsze sobie tak robiłem przegląd wiadomości na innym portalu i poczytałem ciekawe dyskusje w komentarzach. Tutaj komentarze zamykają się w dziesiątkach

@wombatDaiquiri za⁎⁎⁎⁎ście mnie kusi, żeby podjąć rękawicę i serio napisać "c⁎⁎j mnie to boli", ale obawiam się społecznego ostracyzmu.


Także nie kuś, diable.

@wombatDaiquiri ludziom znudziło się już pisać sugestie, które są olewane, a także kopać się z wiecznie powracającymi bugami i tyle, a stosunek wchodzących w interakcję userów do biernych konsumentów treści zawsze będzie nierówny (co pokazują inne socialki)


Tu po prostu większość ludzi miała dość i sobie poszła (z powrotem na wypok tudzież w pizdu) i tyle

Zaloguj się aby komentować

Na mobilnym Firefoxie bez NoScript nie da się wyrazić zgody na cisteczka lub odrzucić! Strona jest zablokpwana przez baner, który nic nie robi!


#moderacja #hejto #webdev #programowanie

340aa356-cb17-47a7-ba00-da3dfec47699

Zaloguj się aby komentować

Zaloguj się aby komentować

Posiadam program napisany w QML i typescript w którym to z poziomu QML wywołuję funkcje typescriptowe.


Po stronie QML jest coś takiego


f.findSomething(undefined)


a w typescript coś takiego


export function findSomething(what: string) {


if (what == "LEFT") {


return true;


}


return false;


}


widać że funkcja oczekuje stringa a wrzucany jest do niej undefined, którego się nie spodziewa, ale też żaden błąd typu nie wyskakuje, bo przy konwersji do javascript typy są zapominane.


Walidacja pojedynczo parametrów na początku funkcji odpada, bo funkcji jest po prostu zbyt dużo i bardzo łatwo jest o pomyłkę a i zmiany parametrów funkcji byłyby bardziej problematyczne.


Myślałem nad może jakimiś wraperami na funkcje, które automatycznie weryfikowałyby typ(nie wartość) np.


@verifyParamsInRuntime


export function findSomething(what: string)


który by się konwertował na taki kod


export function findSomething(what: string) {


console.assert(type(what) == "string")


#programowanie


#typescript


#webdev

Dokładnie tak, typeof what === 'string'


A jeżeli chcesz coś mega pro co nie przepuści żadnego stringa to:


function isString (what: unknown) {

return (Object.prototype.toString.call(what) === '[object String]');

}


Różnica jest taka, że gdy 'what' zainicjujesz w ten sposób: "let what = new String('LEFT') to pierwszy sposób zwróci false, a drugi true


function isString (obj: unknown) {

return (Object.prototype.toString.call(obj) === '[object String]');

}


let x = new String('some txt');


console.log(typeof x === 'string') // false

console.log(isString(x)) /// true

@Hepar Tyle że takich funkcji są dziesiątki i pisanie tego dla każdego argumentu zrobi jeszcze więcej zamieszania, więc szukam jakiejś automatycznej metody na robienie tego.

Zaloguj się aby komentować

Hejto Wam. Nie wiem czy kategoria dobra i zdaję sobie sprawę, że to nie serwis ogłoszeniowy, ale wystawiłem na sprzedaż domenę brudnapala.pl, której nazwa pochodzi od cytatu D. Obajtka.


Wystawiłem ją na sprzedaż, bo potrzebuję pieniędzy na podreperowanie zdrowia i każdy grosz się teraz przyda, bo jestem pod kreską.


Może ktoś z Was ma pomysł na serwis oparty o taką domenę i będzie potrafił wykorzystać jej potencjał.


Wraz z domeną sprzedaję prosta stronę na WordPressie


Licytacja odbywa się na stronie: https://allegrolokalnie.pl/oferta/domena-brudnapalapl-strona-wordpress


I pytanie do ekspertów: Czy mam wystawić ta domenę w jakimś innym miejscu, jaką giełdę ewentualnie polecacie?


#polityka #obajtek #orlen #brudnapala #webdev #wordpress #obajtek #pytaniedoeksperta

29b59d18-58b1-4cf7-a3d8-0dabe86ff5e2

"Wystawiłem ją na sprzedaż, bo potrzebuję pieniędzy na podreperowanie zdrowia" - oczekujesz, że sprzedasz za więcej niż 50zł? Nie uzyskasz nawet 5zł xD

Zaloguj się aby komentować

@LM317T obejrzałem na razie tylko początek, ale nie nazwałbym tej rozmowy "typową" przynajmniej jak na stamdardy z jakimi ja sie spotykałem. IMO rozmowa wyglada na bardzo dobrą, sprawdza praktyczne podejscie do problemu, i jeszcze jest bardzo interaktywna, ale tak jak mowie, obejrzałem dopiero 4 minuty.

@LM317T stałem sie ofiarą primaaprilisowego fortelu xD ogólnie wydaje mi sie ze pytania byłyby spoko dla juniora, ale babeczka jakoś zbyt zwinnie sobie z tym radzi xD podoba mi sie idea zadawania tych samych pytań niezależnie od levelu stanowiska, ze świadomością że odpowiedź juniora będzie całkowicie inna niz mida czy seniora

Zaloguj się aby komentować

Nadal nie rozumiem po jaki wuj marnujecie czas i pieniądze na tworzenie "apek" do przeglądania strony Internetowej, która i tak nie będą działać na PC? Bozia nie dała wam przeglądarek www? Nie lepiej przeznaczyć te środki na naprawę strony?


#hejto #apka #webdev

808d77ca-85c2-4eb9-b1f9-6a88f5f940c6

Zaloguj się aby komentować

Zaloguj się aby komentować

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

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

44 Głosów

@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

Zaloguj się aby komentować