#frontend

5
62
Ej, @hejto czemu dodanie > na początku wierszu już nie działa?

To właśnie było fajne w Hejto że Makdown dzłałał z palca.

https://www.markdownguide.org/cheat-sheet

#hejto #frontend #css
Opornik userbar
Yossarian

>Zdania ekspertów są podzielone


Test

Yossarian

Nie działa, bo #programista15k kosztuje 30k.


Kto i z czego ma za niego zapłacić?


E-biznes w Polsce ma przejebane, przychody polskie, koszty wynagrodzeń zachodnie.

Opornik

@Yossarian Ale działało, o to mi chodzi. Nie mam pretensji do chłopaków od Hejto bo wiadomo że robią go po godzinach.


Tak samo jak działało [linkowanie]( https://www.wp.pl )


# H1

## H2

### H3


Bold **bold text** Italic *italicized text*


Blockquote

> blockquote


Ordered List


1. First item

2. Second item

3. Third item


Zupełnie to wyłączyli, nie wiem po co.

VonTrupka

@Opornik ten biedamarkdown co był i formatował jedynie cytaty i ew. nowe linie przynajmniej wykorzystywany był przez sporą część użytkowników


wcisnęli na siłę wysiwyga i wyjebane


żeby chociaż dali opcjonalną obsługę markdown, ale jest lipiec i od jakichś 4 miesięcy ilość poprawek usprawniających korzystanie z serwisu wynosi słownie ZERO ( ͡° ͟ʖ ͡°)

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
rayros

Dokumentacja angulara

tatarysh

@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

BilboBagosz

@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
Legitymacja-Szkolna

@fewtoast nic z tego nie rozumiem niestety.

fewtoast

@Legitymacja-Szkolna A jesteś frontend devem?

Legitymacja-Szkolna

@fewtoast nie, ale jakieś bardzo podstawowe pojęcie mam

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
Gitler

Nie wygląda jak typowy schemat blokowy. Ciężko powiedzieć ale imo tak

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ć

Czego najlepiej użyć do prostej stronki w TypeScript, która ma niemal pusty index.html. Więc vue.js, react itd odpadają.
Kiedyś miałem w npm zrobiony skrypt typu build, który odpalał tsc i jakieś minify. Ale to było pewnie 3 lata temu albo i więcej, więc pewnie można fajniej.
#typescript #frontend #programowanie

Zaloguj się aby komentować

jiim

@Jason_Stafford ale będzie mógł się normalnie golić, bez spluwania w lustro

Jason_Stafford

@jiim za dużo sobie wyobrażacie. Idzie się tam, gdzie dają lepszą kasę. Biznes to biznes, żadne sentymenty.

weirdo2k23

@szamoot zwiększyli widełki bo ostatnio były mniejsze xD

Zaloguj się aby komentować

Zaczynam pierwszą pracę w #programowanie i trochę się stresuje. Jakieś rady dla nowego w zawodzie?
#typescript #frontend
Kazix

@Anon wyłoncz kamerke i mikrofą na callach, ogólnie nie odzywaj się i udawaj psa

tatarysh

@Anon przede wszystkim praca to praca, musisz być "zadowolony" ze swojego kodu - jak na swój poziom. No i sugeruje poświęcić dużo czasu (przynajmniej na początku) na szlifowanie umiejętności, same do głowy nie wejdą.

bimberman

@Anon co będziesz programował i w jakim języku ?

Zaloguj się aby komentować

Co myślicie?
To Skrypt Użytkownika "Hejto Profile Link".
Robi zwykły link z przycisku profilu w headerze hejto. Menu pojawia się poprzez samo najechanie na przycisk profilu.
(jak bardzo dawno temu na wykopie)
Źródło - https://pastebin.com/K15KCXSq
Na gifie widać jak działa - https://gfycat.com/pl/piercingpassionatedassie
Nie ma do końca ogarniętego pierwszego ładowania strony, więc to skrypt testowy.
(pomoc mile widziana)
#programowanie #userscript #hejto #hejtododatki #dodatki #frontend #javascript
fewtoast

@LM317T No już na gfycat dodałem.

LM317T

@fewtoast nie przeanalizuję teraz tego bo ledwo na oczy widze ale jak masz problem z pierwszym ładowaniem strony to pokombinuj z flagą może

// @run-at document-idle

https://wiki.greasespot.net/Metadata_Block#.40run-at

fewtoast

@LM317T tylko document-idle dałby pożądane większe opóźnienie, ale to by z kolei czekało zbyt długo.


Coś mieli ten React, i się coś tam doładowuje z opóźnieniem o różnej długości.

Duży margines setTimeout potrzebowałem, to dopiero jest w miarę skutecznie. Ale wolałbym w lepszy dokładniejszy sposób.

Zaloguj się aby komentować

sa tu jacys frontendowcy/koderzy? mam kilka luznych pytan
#programowanie #frontend #kodowanie #javascript #react #it
Jayes

React jest w zasadzie tylko biblioteką do renderowania elementów i JavaScript jest w nim kluczowym językiem programowania. W wielu firmach używa się już TypeScriptu, ale myślę, że warto skupić się teraz na czystym JS, żebyś później docenił TS i nie błaźnił się na przyszłych interview.


Co do sensu używania JS to chodzi tu przede wszystkim o automatyzację. Jak wyobrażasz sobie stworzenie takiego portalu jak chociażby Hejto tylko w HTML i CSS? Użytkownicy będą pisać do ciebie maila z komentarzami, a ty będziesz to skrzętnie osądzał pod każdym postem? No chyba nie bardzo. JavaScript obsługuje interakcje z użytkownikiem i komunikuje się z serwerem na którym przechowywanie są wszystkie dane. Te dane później są pobierane przez front-end i renderowane (np. z pomocą Reacta) w przeglądarce. React pozwala na upakowanie treści/logiki w niezależne komponenty np. komentarz pod wpisem. Dużo by się rozwodzić.


Do JavaScriptu polecam stronę MDN (angielski zalecany):

https://developer.mozilla.org/en-US/docs/Learn


Do Reacta oficjalna dokumentacja daje radę na start:

https://reactjs.org/tutorial/tutorial.html

blablator

@Jayes spoko tylko srednio zrozumiales o co pytam, bo te zdanie o hejto w html/css jest zdeczka smieszne a ja wprost pytalem np o to jak pozycjonujesz pozniej te elementy/komponenty stworzone w reakcie na stronie - jakims csssem linkowanym do danego htmla (?) itd. z tego co rzucilem okiem na podstawy reacta to przy bardziej statycznych stronach typowo firmowych (bez bazy userow) w zasadzie niekoniecznie jest sens tego uzywac.


anyway rozumiem ze pracujesz jako frontendowiec - nie wydaje ci sie obecnie ten tech rozjebany jeszcze bardziej niz zwykle? pure html/css, do niego x frameworkow, ale jednoczesnie w calosci mozna pisac wszystko w reakcie do ktorego jest jeszcze x bzdur, oprocz reacta vue/angular i inne pierdoly

fewtoast

@blablator Jeszcze jest Svelte i SvelteKit. Polecam sprawdzić, bo to najbliższe czystego html + css + js.

Dodatek od Svelte to pewna reaktywność, binding, store i składnia list generowanych z tablicy. Tak z grubsza. Reszta to czysty html+css+js.


A React i ten jego virtual dom, i cuda typu CSS-in-JS, to nieco przekombinowane. No ale popularne...

Zaloguj się aby komentować