@koszotorobur Dzięki, przeglądałem sheeta i znajduje mi API które odnoszą sie do zagranicznych stron, używając Dorka żeby szukało mi na Polskich mam ich kilka, a potrzebuje z 30 conajmniej.
Może jak znajdziesz chwile czasu to zechcesz tu wrócić i coś skonstruować 🤗
@koszotorobur Pisze w pythonie self defence na takie coś co zamieściłem w załączniku, lecz ciężko mi znaleźć API, wyłapałem pare ale ma to za mala moc 😒
Astro - Framework do tworzenia super szybkich stron internetowych, aplikacji internetowych po stronie klienta, dynamicznych endpointów API i wszystkiego pomiędzy!
Framework Astro spopularyzował architekturę frontendową o nazwie"Wyspy" (Islands ), która pomaga uniknąć monolitycznych wzorców JavaScript automatycznie usuwając ze strony wszystkie niepotrzebne skrypty.
Astro umożliwia programistom korzystanie ze swoich ulubionych komponentów interfejsu użytkownika i frameworków takich jaki React, Svelte czy Vue co umożliwia bezbolesną migrację .
Dodatkowo, w związku z wydaniem ostatnio wersji 4.0 , która wprowadziła szereg usprawnień, jeszcze bardziej polecam zapoznać się z tym bardzo wygodnym i elastycznym fameworkiem!
@shiranai ja podobnie miałem z PayPalem, potrzebuję wysłać ticketa, a tu limit znaków 250, a nawet w połowie nie opisałem o co chodzi. Wchodzę w debugger, ustawiam limit na 5000 i wysyłam. Przeszło. Zgłosiłem im ten problem oraz że 250 to żart, potwierdzili że się zajmą. Po paru latach, dość niedawno kolejny ticket musiałem wysłać. Metoda dalej działa xD
@shiranai dobra historia xD skoro to zrobili tak źle to zapis do bazy też pewnie ułomny. Jeśli baza adresów jest predefiniowana to może baza adresów jest relacyjna a do twojego konta przypisany jest ID nie adres. W takim wypadku coś powinno polecieć po stronie backendu. Wiem że to debilny pomysł, ale nie takie rzeczy już widziałem xD
Wkurza was jak kopiujcie tekst ze strony, a po wklejeniu np. tu na hejto okazuje się że wstrzyknęli do schowka jeszcze "czytaj dalej na (tu link do artykułu)". Bo mnie to wkurza.
Brave mobile here, ale to powszechne. Jest na to jakiś sposób?
#przegladarki zaryzykuję #programowanie #webdev nie bijcie.
@gawafe1241 Podopieczni Xabiego Alonso notują wymarzony start rozgrywek. Po 12 kolejkach Bayer zajmuje pierwsze miejsce w tabeli z przewagą dwóch punktów nad drugim Bayernem Monachium.
Pytanie do orłów #webdev #programowanie #stronywww #adsense
Od jakiegoś czasu Google na wersji mobilnej mojej strony wyświetla baner reklamowy w miejscu paska z reklamą na samym dole. Nie da się go zamknąć, przez co utrudnia korzystanie ze strony. Nie mogę namierzyć skąd to się wzięło. Na kompie normalnie wyświetla pasek. Wystarczy zmniejszyć szerokość strony i od razu z małej reklamy robi się taka na 1/2 strony. Widziałem, że ktoś żalił się na coś podobnego na Hejto. Wiecie może, jak się tego pozbyć? Muszę wyłączyć całą jednostkę reklamową? (mam w jej ustawieniach wyłączone auto dopasowanie rozmiaru). Czy to bierze się z reklam automatycznych?
@Vilified wiem jakie mi się nie podobają, te gówna poskładane z kafelek pozbawione intuicyjnosc interfejsu, najlepiej z 2 popupami i wielka samoreklama na srodku
Jeśli ktoś śledzi tag to sorry, z poprzednim sobie poradziłem i nie mogę usunąć, ale mam kolejny problem z menu w Elementorze pro.
Oto moje menu - czy ja nie mogę sprawić, żeby było ono węższe? Wszytsko mam wyzerowane. Najszersza wartość to logo na 100 px, no w innych przypadkach mi się deformuje. Nie ogarniam, jak mogę dać mu mniej wolnej przestrzeni dookoła...
@parapet-inferno Kiedyś przejrzę to jakimiś narzędziami. Devtools to nazwa konkretnego? Z tych wszystkich pól usunąłem wszelkie paddingi, heighty, itd, ale nadal coś nie chce się to skurczyć. Póki co starałem się to jakoś obejść i wypchałem elementy trochę do góry i zrobiłem spód półprzeźroczysty.
Generalnie myślałem, że może ktoś będzie miał pomysł, czy w jakimś nieoczywistym miejscu to się kryje.
Muszę przyznać, że ja jestem zawiedziony Elementorem i tym, ile problemów on generuje.
Menu zrobione Elementorze Pro - o c⁎⁎j chodzi? Skąd się bierze ta przestrzeń pod? Nie ma żadnych marginesów, wartości w wysokości, nic. Ani w konkretnych elementach, ani w kontenerze...
@parapet-inferno Nope, okazało się, że w jednym z elementów się pojawiła jakaś przestrzeń. Udało mi się znaleźć dzięki nawigatorowi. Tylko mam teraz taki problem, że wyzerowałem już wszystko, a nadal chciałbym aby to menu był niższe i nie wiem jak ani czy da się to w ogóle zrobić.
niby jest to legalne, mam tak wykupionego Elementora i działa, bez podpięcia do ich serwisu, templatki się pobiera osobno (jest link w ich dokumentacji), aktualizacje są z opóźnieniem - to nawet widać teraz, wersji 3.17 jeszcze nie ma.
Zrobiłem pierwszą prawie kompletną stronę internetową, która nie ma poważniejszych bugów. Pisałem od zera, bez żadnych frameworków mając w głowie https://thebestmotherfucking.website/ Cała strona ma 116 KB i udało się w niej zmieśnić trochę interaktywności z ts (automatycznie liczy ile mam lat, ile mam lat doświadczenia, oraz obsługuje całą logikę za przyciskami do wyświetlania jednej z 4 sekcji naraz).
Najpoważniejszy o jakim póki co wiem, to rozjechane napisy na przyciskach na iphonie (i tylko na iphonie).
Muszę się dowiedzieć co je wywołuje, żebym mógł powiedzieć iphoniarzom że nie mam zamiaru naprawiać dla nich strony chociaż wiem jak ( ͡° ͜ʖ ͡°)
#programowanie #pracbaza #webdev W jaki sposób na takiej stronie pokazalibyście swoje projekty?
Chciałem dodać jakieś 2-3 zdania opisu, linijke o tym czego sie na tym nauczyłem, i może jakąś grafike poglądową, ale nie wiem w jakiej formie to sie estetycznie wpasuje.
Myślałem o obrazkach z nazwą projektu, które po kliknięciu sie odwracają z opisem w bullet pointach, ale nie wiem czy to sie wpasuje.
Grafika w tle to placeholder żeby nie było ( ͡° ͜ʖ ͡°)
Dobra mordko daj porade bo zawsze mi dobrze poradzisz,
Muszę postawić prostą stronę, menu gorne, 4 zakladki, 4 podstrony, jakis kontakt logo na gorze i chce tam wyswietlac zdjecia przedmiotow do sprzedania, żaden sklep tylko prezentowanie zdjęć i namiary na kontakt telefoniczny.
Co robisz w mojej sytuacji ? Chciałbym żeby to wyglądało jakoś przyzwoicie
Mam juz domene zaklepana, mam jakis hosting na hosting house ale ten quick cms to sobie mogę wsadzić
@Yossarian finalnie użyję chyba wordpressa, nie wiedzialem ze to takie proste i hostinghouste ma tam opcje instalacji którą przeoczyłem, czyli za 15 ziko na rok mam hosting z wordpressem, szczegóły ustawia się recznie za pomocą edytora, a szablonów są tysiące.
Obecnie bardzo tani i dobry jest hosting hostido https://wersito.pl/recenzja-hostido/ tutaj możesz o nim poczytać. I tak jak zdążyłeś zauważyć wordpress jest tylko warty uwagi..
Tomasz Nikodem Hajto, ps. „Gianni” [...] – Ja kupuję tylko firmy Gianni Versace – powiedział i w ten sposób został na długie lata „Giannim”
Lubię przekazywać nazwami funkcji / podprojektów jakieś skojarzenie w formie easter-egga. Mam nadzieję, że śmieszne. #lajko <---- tag z #hejto dad jokes
No więc dzisiaj - frontend z użyciem Vue (nazwany właśnie `gianni` - sprawdź repo, daj gwiazdkę https://github.com/wombatDaiquiri/lajko ). Znowu pojęcie o tym jak działa framework mam mgliste. Ale działa. Jak chcielibyście mnie poprawić, to zapraszam do komentarzy
4. wskazać w pliku ./gianni/src/App.vue skąd pobrać posty ( `import posts from '../../data-processed/cls/2023-09-21T2331.109Z.json';` )
5. wejść do folderu gianni: `cd gianni`
6. odpalić serwer z frontendem xD kiedyś se o tym też pogadamy ( `npm run dev` )
7. wchodzicie na http://localhost:5173/ i widzicie brzydkie hejto, ale z postami być może w innej kolejności niż na hejto
8. zauważcie, że tylko raz kopiowaliśmy nazwę i wszędzie ją podmieniliśmy - to oczywiście super kandydat na automatyzację/flagę. Ale napisanie aplikacji w taki sposób to albo zdrowy rozsądek albo doświadczenie. Nie chcę na Was wywierać presji więc pozwolę sobie być nieskromny.
wszystkie te kroki można zautomatyzować - ale automatyzowanie czas. a moja doba ma jedynie 24 godziny, tak samo jak Wasze. Więc mam jeszcze dużo tematów na posty.
#programowanie #javascript #frontend #webdev
inb4 czemu nie czysty js: bo wymaga więcej tłumaczenia a tutaj można robić "cargo cult" i używać magicznych formułek do tworzenia interfejsów
#lajko , html, parsowanie, pierwszy niedoszły cross w historii hejto xD
w tym odcinku opowiem czym odpowiada serwer na tak zwane "zapytanie HTTP" i jak z tego zrobić "czyste dane" w postaci wpisów i komentarzy.
jeśli irytują Was przekleństwa albo nieformalny styl pisania, a chcielibyście mieć taki efekt jak w moim repozytorium, to moglibyście np. zapłacić @letsscrape żeby zrobili to za Was. chciałem również polecić stronkę i tutoriale tego użytkownika, ale stronka nie istnieje a tutoriale zwracają błąd xD
Moje przeczucie i doświadczenie podpowiada sformułowanie następującego twierdzenia;
prawdopodobieństwo odniesienia sukcesu w robieniu czegokolwiek rośnie wykładniczo względem czasu zajmowania się zagadnieniem.
źródło: instytut badań z d⁎⁎y vel moja intuicja ( ͡° ͜ʖ ͡°) "wykładniczość" jest figurą retoryczną a purystom znowu c⁎⁎j w d⁎⁎ę.
długi grafomański wstęp za nami, krótka treść przed nami.
Hejto w odpowiedzi na zapytanie HTTP odpowiada plikiem zapisanym w tak zwanym "HTML". Definicja jest taka, że "HTML" to język ZNACZNIKI które cośtam cośtam, ale c⁎⁎j Was to obchodzi. Zastąpimy to przykładami i chłopskim rozumem, bo obchodzi nas bardzo mały wycinek zagadnienia.
No więc w HTML istnieją wspomniane ZNACZNIKI. I te znaczniki mogą "zawierać" w sobie inne znaczniki. Jak foldery na Twoim komputerze.
Póki co zajmijmy się tekstem który widzimy - znajduje się on niejako "wewnątrz" znacznika który nie zawiera w sobie innych znaczników. Jeśli będziemy w stanie wskazać z którego znacznika chcemy wyciągnąć tekst - możemy zrobić takie rzeczy jak wyciągnięcie autora wpisu albo treści wpisu, a także jego lajków.
Jeśli chcieliście to wszystko zapamiętać, to w mojej ocenie jesteście pie⁎⁎⁎⁎⁎ięci xD
Jak sobie zobaczycie plik `scrape.js` to ja w nim używam tylko kilku tricków i one Wam wystarczą prawie wszędzie;
- wybranie znacznika (np. $('article') albo $('div'))
- użycie metody `each`, która wywołuje funkcję podaną jako argument kolejno na każdym elemencie który został wybrany (takim elementem będą na przykład kolejne znaczniki `article` w przypadku selektora `$('article')`).
- użycie metody `children` która wybiera wszystkie dzieci wybranego elementu
- sprawdzenie z którym elementem mam do czynienia za pomocą instrukcji `if` i pominięcie tych, które mnie nie interesują oraz pobranie zawartości z tych, które mnie interesują
- użycie metody `text` która zwraca tekst znajdujący się wewnątrz wybranego elementu
- użycie selektora `.` która wybiera wszystkie znaczniki mające daną klasę. Czasem w połączeniu z selektorem znacznika, np. `.find('div.parsed.text-sm')` - znalezienie znaczników `div` które mają co najmniej dwie klasy które wybrałem - `parsed` i `text-sm`
- użycie selektora ` ` która wybiera wszystkie które jest wewnątrz - na przykład `.find('div.w-full img')` wskaże wszystkie znaczniki `img` które są wewnątrz znaczników `div` które mają klasę `w-full`.
W tym momencie uważny czytelnik powinien ciągle mieć conajmniej dwa pytania (a przynajmniej te wydają mi się istotne i na nie odpowiem - jeśli masz inne, zapraszam do komentarzy);
- skąd mam wiedzieć jaki selektor wybrać?
- czym do ciężkiej k⁎⁎wy jest klasa?
Łatwe znalezienie selektora wymaga posiadania przeglądarki (w moim przypadku Google Chrome po angielsku - może jakaś dobra dusza napisze co kliknąć w Polskiej wersji - natomiast w każdej przeglądarce istnieje taka funkcja i działa podobnie). Klikamy prawym przyciskiem myszy na element który nas interesuje (np. treść wpisu - obrazek 1) a następnie wybieramy ostatnią opcję (u mnie "Inspect", po Polsku chyba "Zbadaj"?) i szukamy jakiegoś "charakterystycznego wzorca" w nowym okienku które nam się otworzy (obrazek 2 - klasy `.text-sm` i `parsed` - sprawdziłem i wyszło, że faktycznie trafiają tylkow treść wpisu). Zauważanie tych wzorców będzie Ci szło lepiej z czasem. W pliku scrape.js używam około 20 selektorów. Napiszesz takich parserów dziesięć i ciężko Ci będzie takich wzorców nie zauważać.
Na koniec używamy jakiejś biblioteki żeby wykonać akcję "pobierz zawartość selektora". W moim przypadku jest to `cheerio` bo wyskoczyła jako pierwsza jak wpisałem `javascript html parsing` xD (nie wiem czy nie powinienem o tym napisać na początku ale to jest właściwie istotny detal a nie "mięso" artykułu).
A wspomniana "klasa" to po prostu tak zwany "artybut" o nazwie "class" - widać to dobrze na obrazku 2. Istotnym jest na zakończenie dodać, że artybuty również możemy pobierać - w ten sposób na przykład zapisuję linki do avatarów pobierając atrybut `src` znacznika `img`;
Chciałbym niebawem pobawić się w sortowanie i wyświetlanie wpisów wymyślając różne algorytmy i sprawdzając czy któryś feed szczególnie mi się podoba. Jednak aby to zrobić potrzebuję sposobu na wyświetlenie wpisów w jakiejś formie graficznej, którą będzie mi wygodnie konsumować. Zajmiemy się więc tworzeniem "prawdziwego frontendu" i poznawaniem jakiejś "biblioteki do widoków".
Nadgorliwym proponuję poczytanie na przykład o vue.js ( https://vuejs.org/ ).
Ambitnym, kompetentnym i pie⁎⁎⁎⁎⁎⁎ętym proponuję poczytanie o innej technologii której nie znają albo która najbardziej do nich przemawia - do wyboru;
- react.js ( https://reactjs.org/ ) - z tego będzie korzystało kolejne pokolenie profesorów na uczelniach jeśli kiedyś wyewoluują poza ręczne pisanie HTMLa xD
- angular.js ( https://angular.io/ ) - ja nie korzystałem bo nie mam tego hasła w moim 'buzzword bingo' technologii o których się rozmawia przy piwie
- tailwind.css ( https://tailwindcss.com/ ) - reklamuje się sloganem “Best practices” don’t actually work. Więc brzmi conajmniej na rzecz wartą uwagi.
- bootstrap ( https://getbootstrap.com/ ) - nie wiem czy dalej się używa bootstrap, ale widziałem kiedyś gościa co używał i szybko robił widoczki, więc pewnie spoko.
- jquery ( https://jquery.com/ ) - kiedyś pisałem całkiem skomplikowaną stronkę używając jquery. Okazało się że wnioski do których doszedłem w bólu zostały już wysnute przez mądrzejszych ludzi i opakowane w `vue` i `react`. Mam nadzieję że pracownicy naukowi są już na tym etapie, ale szczerze mówiąc to nadzieja taka jak na zwycięstwo Polskich piłkarzy ( ͡° ͜ʖ ͡°)
Cały czas się zastanawiam - co by mi dało korzystanie z innego frameworka/silnika czy co to jest? Na potrzeby lajko wystarczyłoby jQuery ale to myślę że jest za stare.
@wombatDaiquiri - spróbować nie zaszkodzi raczej?
Ja myślałem, że to jakaś kupa jest jak pojawiło się po raz pierwszy w Stack Overflow survey - ale po sprawdzeniu dla mnie okazało się strzałem w dziesiątkę
- react.js ( https://reactjs.org/ ) - z tego będzie korzystało kolejne pokolenie profesorów na uczelniach jeśli kiedyś wyewoluują poza ręczne pisanie HTMLa xD
Ale z Ciebie optymista. Na wielu uczelniach do dzisiaj na kolokwiach masz pisać kod na kartce xDDD
@dundersztyc niby spoko ale dobrze że to minęło - strasznie oczojebne, nieco niespójne, za mało minimalizmu i jednolitości, tylko jakieś takie pstrokate...w takim MediCover wygląda to dużo lepiej, uporządkowane, łatwe w nawigacji https://www.medicover.pl/
Ktoś mi powie proszę jak zrobić logowanie przez facebooka na stronie? Trzeba ich skrypt dodać w index i co potem? Dostaję ten accessToken i muszę go zweryfikować i nim wyciągnąć dane o użytkowniku? Ma ktoś fajny artykuł o tym?
