#javascript

#programowanie #javascript #tworczoscwlasna #gruparatowaniapoziomu #lajko <--- mój tag

no siema.

lubię społeczność @hejto , ale strasznie mnie irytuje brak różnych funkcji albo działanie inne niż to którego bym chciał. Narzekałem, tagowałem, nic z tego nie wyszło. Tak więc przedstawiam Wam alternatywę-WIP-chyba-że-mi-się-znudzi-#opensource i pierwszy merytoryczny wpis w serii.

Repozytorium: https://github.com/wombatDaiquiri/lajko
Permalink do commita o którym piszę: https://github.com/wombatDaiquiri/lajko/tree/v0.0.2

Nie ma nawet README, ale nie od razu Rzym zbudowano. Ma za to dwa pliki które napisałem ja i cztery których nie napisałem (kto ma wiedzieć ten wie #pdk kto nie wie ten widocznie jeszcze nie potrzebuje).

Kod jest napisany w JavaScript. To taki język którego kiedyś się używało żeby robić fajne przejścia między obrazkami w przeglądarce. Teraz dostępny też w formie języka programowania z silnikiem który po prostu wykonuje kod na kompie jak np. Pythona albo C++ (nie do końca, ale to nie praca naukowa tylko edutainment)

Żeby sobie odpalić te programy, to musicie np. zainstalować NodeJS: https://nodejs.org/en/download następnie ściągnąć repozytorium z linka (można kliknąć przycisk <> Code i wybrać Download ZIP a potem rozpakować, jak nie macie gita)

no i teraz możecie poczuć się jak hacker - odpalić terminal. Może być windowsowy (wpiszcie `cmd` w wyszukaj i uruchom czy coś takiego). Poniżej szybki tutorial "chodzenia po systemie plików". W sensie klikania w foldery w formie tekstowej.

* `ls` pokazuje pliki w folderze w którym jesteś
* `cd <nazwa_folderu>` przechodzi do folderu o nazwie `<nazwa_folderu>` który MUSI się znajdować w folderze w którym jesteś (czyli pokazywać się w komendzie `ls`) - ten krok będziemy nazywać KROKIEM W DÓŁ
* , `cd ../` przechodzi do "folderu który zawiera folder w którym jesteś" - taki "KROK DO GÓRY" - czyli przeciwieństwo kroku w dół
* a jak się zamotasz albo sprawdzasz jak działają komendy to `pwd` pokaże tak zwaną "ścieżkę" - trudniej mi będzie wyjaśnić niż Tobie sprawdzić i skumać eksperymentując

no i jak będziecie w folderze z kodem, to najpierw musicie napisać `npm install` żeby pobrać tak zwane ZALEŻNOŚCI, a potem to możecie sobie np. odpalić zaciągnięcie pierwszej strony "najnowszych" i zapisanie jej jako JSON (jak nie wiesz co to to wygoogluj) kopiując, wklejając do terminala i wciskając enter;

nodejs scrape.js

stworzy Wam się wtedy plik `data-snapshots/{czas_w_ktorym_odpaliliscie_scrapejs}.json` a w środku będzie TABLICA zawierająca OBIEKTY - jak sprawdzicie co to JSON i otworzycie taki plik to myślę że intuicyjnie skumacie co to tablice i obiekty.

no ale taki plik to jest w sumie do d⁎⁎y, bo to to samo co hejto.

tutaj wkracza drugi plik - `process.js`. Odpalić go można następująco;

opcja pierwsza - sortowanie po sumie lajków komentarzy (nie patrząc na lajki samego wpisu)

nodejs process.js --cmd=comment_likes_sum --source=data-snapshots/{czas_w_ktorym_odpaliliscie_scrapejs}.json

opcja druga - tak samo, tylko z komendą `likes_total` zamiast `comment_likes_sum` da Wam wpisy posortowane po sumie lajków posta i komentarzy.

liczę, że foldery znajdziecie sami.

UWAGA! z łaski swojej nie napierdalajcie za często `scrape.js` - po to zapisuje wpisy, żeby nie zepsuć hejto. nie spierdolcie tego. do adminów @hejto - myślę że filtrowanie useragent wystarczy żeby największy plankton zablokować.

A na jutro postaram się przygotować wpis jak sobie napisać taki scraper samemu, chociaż starałem się żeby kod był łatwy do czytania. Sam praktycznie nie znam JavaScriptu, więc nie będę używał żadnych mega magicznych narzędzi i skomplikowanych konstrukcji językowych.

jeśli coś Wam nie działa, to zapraszam do komentowania też. z fartem wariaty.

Z console.log korzystał chyba każdy, kto programował w JavaScript. Console API oferuje jednak znacznie więcej niż zwykłe wyświetlanie danych. Czy wiesz że Console API pozwala wyświetlać tabele, interaktywne fragmenty drzewa DOM, a nawet robić... screenshoty? W najnowszym artykule na

Jednym z pytań, jakie zawarłem w moim e-booku 106 Pytań Rekrutacyjnych Junior JavaScript Developer, odnosi się do property decriptorów w JavaScript. W najnowszym artykule na moim blogu postanowiłem nieco rozszerzyć ten temat i przedstawić w szczegółach czym są property descriptory, jakie

Jakiś czas temu, gdy aktualizowałem bibliotekę Knex.js w jednym z projektów, trafiłem na błąd, który przypomniał mi o pojęciu pure functions. W najnowszym artykule na moim blogu, na przykładach, przedstawiłem czym są pure functions i jakie zalety wynikają z ich wykorzystania.

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

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

Ejejejejej. Pochwalcie się co ciekawego ostatnio znaleźliście na temat #programowanie - jakąś bibliotekę?

Może jakiś fajny AI model co można uruchomić lokalnie?

Może jakiś zajeb%@#% serwis?

Albo coś fajnego self hosted?

Mam wolny wieczór, chętnie o czymś ciekawym poczytam.

#sztucznainteligencja #js #javascript #react #aws #google #python #php #golang #rust #react

Przeglądałem oferty pracy #programowanie i natrafiłem na ofertę #wykop https://justjoin.it/offers/wykop-sp-z-o-o-frontend-developer-vue-js. Ciekawe, że w ogłoszeniu nie ma nic o #typescript :thinking_face: Jest 2023 rok, frontend przepisany od zera na czysty #javascript . Powodzenia w refactorowaniu

#humorinformatykow #javascript #javascript

sa tu jacys frontendowcy/koderzy? mam kilka luznych pytan

#programowanie #frontend #kodowanie #javascript #react #it

Podstawowe logowanie błędów do małej aplikacji w #javascript nie za miliony monet? Ma wyświetlić ładną stronę błędu po stronie serwera lub klienta, wysłać mi error ze stack trace, idealnie prawdziwym. Słucham propozycji.

Miałem sentry, ale do małego projektu to overkill, a w wersji darmowej resursów wystarczyło na tydzień.

Stack: #react #prisma #node #nextjs #pm2, trochę #testowanieoprogramowania

JetBrains soft do automatyzacji testowania wypuścił w wersji beta - JetBrains Aqua. Bawił się ktoś tym już? Jakieś opinie?

Zajawka wygląda obiecująco

https://www.youtube.com/watch?v=z7Yjl2Agrwg

#jetbrains #testowanieoprogramowania #programowanie #javascript #java #python #kotlin

https://teachablemachine.withgoogle.com/ Wytrenuj komputer, by rozpoznawał Twoje obrazy, dźwięki i pozycje. Szybki i łatwy sposób tworzenia modeli systemów uczących się dla stron internetowych, aplikacji i innych elementów – bez konieczności posiadania specjalistycznej wiedzy lub

Pomógłby mi ktoś ogarnąć ten dodatek? Chodzi o minimalizację przejrzanych wątków.

Po refreshu już działa nieźle, ale cały czas mam problem ze zdalnym ładowaniem kontentu.

Nie wiem na jakim evencie ustawić refresh dodatku.

https://greasyfork.org/en/scripts/458778-kraw%C4%99%C5%BCnik

https://streamable.com/0lvwij

#programowanie #javascript #hejto

pytałem na diskordzie ale tam idą dyskusje na głębokie tematy, także spróbujemy tutaj.

#javascript #html #react

Jeszcze na łykopie przed ostatnią aktualizacją napisałem sobie prosty userscript do czarnolistowania. Działał na tej zasadzie że po załadowaniu strony brał predefiniowaną tablicę na przyklad tagów

var tagi=['przegryw','kononowicz'];

function schowaj_taga(item,index) {

let tag=$('div.d⁎⁎a p a[href="łykop/' + item +'"]' );

tag.remove() }

oczywiście upraszczam, ale efekt tego był taki że usuwane były całe gałęzie drzewa DOM no i było fajnie, dobry przekaz leciał.

W przypadku hejto jak próbuję zrobić to samo z elementem article to jest spoko póki nie dotknę paginacji. Frontent nie "reloaduje" dokumentu tylko usuwa kontekt zmiędzy obecnych <article> i wstawia nowy. Jeśli FE oczekuje 20 elementów article a ja zdążę usunąć 4 z nich to kolejny request o uzupełnienie treści wywali błąd 500.

Zastanawiam sie jak do tego podejść.

Skrypt do wołania wszystkich pulsujących dany wpis:

Wszystko dzięki użytkownikowi @vor7 - ja go tylko poprawiłem by działał gdy w URL pojawi się ? oraz by działał z zakładek i kopiował się automatycznie do schowka.

Instrukcja na chrome:

1. Kopiujecie kod: https://pastebin.com/xKRyAvnD

2. Wybieracie "Dodaj zakładkę"

3. Piszecie nazwę jaką chcecie

4. Wklejacie tutaj gdzie pokazuje w załączonym obrazku.

5. Teraz w dowolnym wpisie klikacie zakładkę i pyk pojawia się alert z listą użytkowników, ta sama lista pojawi się też w zakładce Console po wciśnięciu F12 oraz BĘDZIE AUTOMATYCZNIE SKOPIOWANA DO WASZEGO SCHOWKA!

6. Ctrl + V i wołacie ludzi.

7. ???

8. PROFIT!

Wołam dla testu plusujących poprzedni wpis: https://www.hejto.pl/wpis/zanim-ktos-zrobi-bardziej-porzadne-narzedzie-napisalem-prosty-skrypt-ktory-wyplu

@i_am_not_a_robot @MrStealYourGirl @Satch @janlaguna @0nc0l @Sakta @Fajrantboy @Chilled_Marrow @muarz7 @Odpad_selektywny @acetone @Zielczan @Rastablasta @sorek @evilonep @PanGargamel @_hdvn @LM7812 @ioskarpl

#programowanie #javascript #hejto #programowanie

Typescript to moja pasja

#typescript #programowanie #javascript

Nowy wypok jest we vue, hejto w react. Wybór jest prosty.

#javascript #wykop

ktos tu niedawno postowal ze uzywanie na mobilku przysparza o gotowanie sie wody w kolanie.

Potwierdzam, przegladarka bezchromowa, zmiana trybu z gorace na najnowsze trwa dobre 5 sekund. Reakcja na input typu piorun rowniez ma wyczuwalnego laga.

Osobiscie na ile znam jsowe frameworki to problematyczny (ciezki po prostu) jest React, na desktopie i facebook chodzi jakby kopal krypto przy ruchu myszka :d

Film dokumentalny, którego nie mogę się doczekać 🙂

https://youtu.be/gmp0istg5xo