#frontend
5
obserwujących
102
wpisów
Zaloguj się aby komentować
!important
Zaloguj się aby komentować
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
>Zdania ekspertów są podzielone
Test
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.
@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.
@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
Chatgpt? ;)
Dokumentacja angulara
@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
@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
@fewtoast nic z tego nie rozumiem niestety.
@Legitymacja-Szkolna A jesteś frontend devem?
@fewtoast nie, ale jakieś bardzo podstawowe pojęcie mam
Zaloguj się aby komentować
Przesadziłem, cooo?
Założenie miało być że wszystko ładnie będzie poukładane.... natura zweryfikowała plany xD #pokazbiurko #frontend vs #backend
Bardzo ładnie to wygląda, gdy się nie patrzy pod biurko
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
Nie wygląda jak typowy schemat blokowy. Ciężko powiedzieć ale imo tak
Zaloguj się aby komentować
#frontend #programowanie #heheszki #humorprogramistow
Komentarz usunięty
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
@dotevo vanilaJS
@dotevo AstroJS
@dotevo tak, tworzysz sobie statyczne strony z interaktywnymi "wyspami" w czym tam chces (react, preact, vue, etc.). Natywnie TS wspiera, małe, szybkie, fajne.
@dotevo Coś takiego potrzebujesz https://parceljs.org/? Bez configa ogarnie Ci zbuildowanie TSa z node modulesami do JSa.
Zaloguj się aby komentować
https://justjoin.it/offers/wykop-sp-z-o-o-frontend-developer-vue-js - jest dobra robota do wzięcia ; ) #wykop #frontend
@Jason_Stafford ale będzie mógł się normalnie golić, bez spluwania w lustro
@jiim za dużo sobie wyobrażacie. Idzie się tam, gdzie dają lepszą kasę. Biznes to biznes, żadne sentymenty.
@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
@Anon wyłoncz kamerke i mikrofą na callach, ogólnie nie odzywaj się i udawaj psa
@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ą.
@Anon co będziesz programował i w jakim języku ?
Zaloguj się aby komentować
Jak zmienić "read more" na inny tekst w Wordpress? Jestem jakiś upośledzony i nie mogę tego znaleźć w kodzie xD
#wrodpress #frontend
@CoJaToNieTy to będzie w kodzie czy w pakiecie językowym? Bo mi się wydaje że w tym drugim
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
@LM317T No już na gfycat dodałem.
@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
@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ć
Cholerny CSS ( ͡° ͜ʖ ͡°)
#humorobrazkowy #memy #frontend
Zaloguj się aby komentować
sa tu jacys frontendowcy/koderzy? mam kilka luznych pytan
#programowanie #frontend #kodowanie #javascript #react #it
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:
@Jayes spoko tylko srednio zrozumiales o co pytam, bo te zdanie o hejto w html/css jest zdeczka smieszne
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
@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ć
Jak chcesz dodać tag to dzieją się rzeczy niestworzone
Zaloguj się aby komentować
nie działają mi playery w firefoxie #frontend
Zaloguj się aby komentować
Cześć ludziska,
jestem na juniorskim stanowisku front-end developera, ale obecna praca nie do końca pozwala mi na działanie w nowych technologiach (w pracy używamy kilku technologii bardziej opartych na PHP niż na JS np. Laravel, Wordpress). Chciałbym ją zmienić, ale praktycznie wszędzie wymagany jest React - i właśnie tutaj jest moje pytanie.
Czy obecnie jest sens uczyć się Reacta czy jednak zainteresować się innymi technologami gdzie jest mniejsza konkurencja? Vue? Angular?
#programowanie #frontend #pytanie #praca
@wombatDaiquiri API hejto jest dostępne od jakiegoś roku
@neczar Spokojnie ucz się Reacta. Nawet jak przestanie być używany, to sporo konceptów z niego już pewnie zostanie na stałe, np. hit ostatniego roku - SolidJS bardzo przypomina Reacta. Zresztą, framework to tylko narzędzie i z czasem zauważysz, że to nie ma znaczenia, czego się uczyłeś. Wiadomo, są pewne tajniki wiedzy typowe dla danych rozwiązań, ale jak umiesz dowolny framework JS, to nie powinieneś mieć problemu przeskoczyć z Reacta na Angulara czy Vue, czy cokolwiek nowego, co powstanie.
@neczar Z mojej perspektywy warto, ponieważ:
-
ma niski próg wejścia,
-
jest na niego duże zapotrzebowanie,
-
jest stale rozwijany i ma silne plecy (Meta),
-
duże organizacje jak już raz się zorientowały na jakąś technologię to nie będą jej szybko zmieniać (u mnie w projekcie przechodzimy teraz z kodu pisanego z wykorzystaniem komponentów klasowych na funkcyjne)
-
szkolenia dotyczące zagadnień FE np architektury aplikacji czy testowania omawiają temat wykorzystując do tego reacta (chociaż same zagadnienia wykraczają poza jego ramy) np: architekturanafroncie (polecam)
-
tak jak wspomniał @kalimer, sporo bibliotek i wzorców projektowych powtarza się w innych frameworkach - łatwiej się w tym później odnaleźć
Zaloguj się aby komentować
Znacie `@container` i `@container style`? - link https://ishadeed.com/article/css-container-style-queries/?)
Mam pomysł na rozwinięcie...
Tak wygląda `@container style`:
```
.page-header {
display: flex;
}
@container style(display: flex) {
.page-header__start {
flex: 1;
display: flex;
align-items: center;
border-right: 1px solid lightgrey;
}
}
```
Mój pomysł: Dodanie możliwości tworzenia zmiennej, na bazie właściwości kontenera, np. szerokość kontenera jako --container-width` i można jej użyć jak zwykłej zmiennej, tylko jest dynamiczna (zmienia się w zależności od rozmiaru kontenera):
```
@container (width as --container-width) {
height: calc(var( --container-width) - 10px);
```
Co sądzicie?
Chyba czegoś podobnego nie ma jeszcze w planach, a fajnie by uzupełniało te nowe standardy, nie?
#css #html #programowanie #webdev #frontend
Zaloguj się aby komentować