Anon
Kompan
Zaczynam pierwszą pracę w #programowanie i trochę się stresuje. Jakieś rady dla nowego w zawodzie?
#typescript #frontend
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ć
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ć
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ć
#programowanie #programista15k #frontend #ui #ux #zajebanezreddita #heheszki #2jednostkowe0integracyjnych
#2jednostkowe0integracyjnych jedyne za co zerkałem na wykopa to ten tag
Zaloguj się aby komentować
Zaloguj się aby komentować
Właśnie wylądowało Astro JS w wersji 2.0!
Astro to taki "generator stron" na podstawie mdx lub api, oparty o JS i pozwalający na łączenie statycznych stron z interaktywnymi wyspami stworzonymi w jsowych frameworkach (preact, react, vue, etc). Nowości w tej wersji:
kolekcje treści (type safe)
renderowanie hybdrydowe
lepsza obsługa błędów
poprawki dev serwera
integracja z Vite 4.0
https://astro.build/blog/astro-2/
Ktoś już coś w Astro rzeźbił?
#webdev #webdesign #frontend #ux #programowanie #js #javascript #typescript
Zaloguj się aby komentować
TailwindCSS
Jakie macie lub znacie sposoby na lepszą organizację klas zamiast bezpośrednio w DOM w className?
W jednym z projektów wyciągnąłem klasy do czegoś takiego:
const cls = {
container: "...",
text: "..."
}
I później w DOM'ie można było użyć className={cls.container} z tym że traciłem wtedy wszystkie ficzery związane z podpowiadaniem kodu i sortowaniem klas.
#tailwindcss #frontend #react #angular #vue #programowanie
@Melonusk https://github.com/ben-rogerson/twin.macro pozwala na połączenie Tailwinda ze styled-components, emotion i innymi bibliotekami.
Dzięki temu używając Tailwinda możesz tworzyć ostylowane komponenty i po prostu je importować z innego pliku zamiast zaśmiecać DOM długimi className'ami. Jeśli chcesz nadal możesz używać Tailwinda w DOM, tylko zamiast w className umieszczasz go w atrybucie "tw", więc przy istniejącym projekcie trochę trzeba zrobić w ramach migracji.
Dopiero wczoraj odkryłem tę bibliotekę, bo tak jak ty chciałem uporządkować trochę DOM bez porzucania Tailwinda, więc jeszcze nie wiem czy jest coś lepszego i jakie potencjalne problemy mogą wyjść przy używaniu tego. W readme są przykładowe projekty w różnych technologiach, więc można szybko sprawdzić i się pobawić.
@Kamil.js Cirkawe rozwiązanie, sprawdze na pewno chociaż mam awersję do styled components z powodu częstych problemów z typowaniem
@Kamil.js Stosowałem i efekt będzie taki sam jak stosowanie @apply, czyli odpada.
Zaloguj się aby komentować
#rowerowyrownik #rower #programowanie #programista15k #frontend
2733 + 51 = 2784
https://www.strava.com/activities/8419223885
Zimno, mokro i wietrznie. I do tego mgliście.
Z kręcenia to by było tyle - teraz ważniejsze info; osoby odpowiedzialne za utrzymanie rowerowego równika na wykopie oznajmiły iż NIE BĘDĄ oni dokonywać przenoszenia serwisu na hejto. Ja zobaczę jak w najbliższym czasie będzie się hejto rozwijało, czy będą dymy i jak wgl temat dostępu do API hejto by wyglądał dla apek zewnętrznych. Jeżeli będzie wszystko miało to ręce i nogi - spróbuję podjąć się napisania równika od nowa. Zamiast klepania vanilla JS + PHP myślę o rozstawieniu: Front - Angular, Backend - Node.js, baza na postgresie.
Planowane funkcjonalności:
zakładanie konta
możliwość zapisania w konfiguracji konta integracji z Strava Api v3 oraz (jeżeli wgl istnieje) - Api Hejto do dodawania wpisów
bardziej zaawansowany widok prezentujący statystyki w odniesieniu nie tylko do dni ale do bardziej szczegółowych kategorii
tworzenie i zapisywanie podstawowych szablonów wpisu gdzie w przypadku dokonania importu na hejto, część pól byłaby automatycznie uzupełniana na podstawie ostatnich aktywności ze stravy
Opcjonalne funkcjonalności:
dodanie możliwości konfiguracji dla użytkownika roweru - będzie możliwość wyboru wcześniej skonfigurowanego obiektu przy imporcie wpisu na hejto - z możliwością wyboru kategorii roweru, marki, modelu, rocznik, grubość opon etc etc
w widoku prezentacji statystyk możliwość filtrowania po zapisanych zimportowanych wpisach ze stravy wg wprowadzonych danych na jakim rowerze użytkownicy jeździli np możliwość wyświetlenia statystyk np z ostatniego dnia dla wszystkich szosowców
Co sądzicie o takim pomyśle? Poza pewnymi dodatkowymi opcjami, na pewno w pewnym sensie zdecentralizowałoby to równik który byłby niezależny od jakiś trzecich API bo sam portal by pośredniczył w eksporcie wpisów wraz z ich zapisywaniem w bazie.
Macie jeszcze jakieś inne pomysły lub sugestie?
Ps. Sprawa jest rozwojowa, ale nie nastawiałbym się na dość szybkie napisanie projektu, zależy to od faktu ile miałbym czasu na napisanie, jakie funkcjonalności miałyby się pojawić oraz czy ktoś byłby potencjalnie zainteresowany rozwojem projektu (czy to jako programista, czy tester, czy grafik)
Czapki z głów!
@lktr1 Bardzo chętnie pomogę klikać front angularowy. Mam 4 lata expa.
@lktr1 jesli jedbak bylby php na backendzie to masz moje ide i klawiaturę
Zaloguj się aby komentować
Dwa lata temu wydałem razem z ziomkami ebooka dla junior frontendów.
Książka była sprzedawana po $50/70.
No ale od jakiegoś tygodnia udostąpliniśmy ją za darmoszkę. Także zapraszam juniorów do pobierania ( ͡° ͜ʖ ͡°)
https://h4academy.gumroad.com/l/frontendunicorn
PS: za darmoszkę, bo zwijamy spółkę xD
#programowanie #frontend #webdev
@sorek To byłem ja ( ͡° ͜ʖ ͡°) Przez problemy z dziewczyna i rodzicami musiałem wrócić do PL. No i zaraz po powrocie stwierdziłem, ze może zacznę się uczyć programowania. I tak już minęło prawie 6.5 roku ( ͡° ͜ʖ ͡°)
@BrodatyChleb i super, bardzo Cię miło spotkać w necie po tylu latach
Bardzo fajnie, że Ci leci. Akat szukam frontendovca do mojego projektu chociaż pewno z Twoim doświadczeniem to od roboty się odpędzić nie możesz
@sorek na wykopie byłem przez jakiś czas aktywny na #gownowpis, a tak to tylko lurkuje. Tu pewnie skończy się tak samo ( ͡° ͜ʖ ͡°)
Jak coś małego/krótkiego/whatever to zapraszam na PM. Aktualnie wspieram 3 firmy XD
Zaloguj się aby komentować
www.hejto.pl##.grid-cols-12:style (grid-template-columns: repeat(1,minmax(0,1fr)) !important)
www.hejto.pl##.pt-14.gap-4.flex-col.md\\:flex.hidden.md\\:col-span-3.col-span-12
Dwa filtry do #ublock poprawiające czytelność - ukrywamy sidebar po prawej i rozciągamy treść.
#frontend proszę nie bić - u mnie działa
#hejto
Zaloguj się aby komentować
W stylu dziennym czcionka w guziku jest biała tak jak w nocnym.
@hejto @lubieplackijohn nie dało by się na szybko załatać tego drobiazgu? Pierdoła, ale kłuje w oczy, sorry że się czepiam.
Zaloguj się aby komentować
Na Windowsie przy instalacji Gita można sobie dodatkowo doinstalować też nowy terminal - Git Bash. Fajnie, bo jest bashowy shell, więc osobiście pochodząc z unixowych środowisk (zawodowo) jest mi łatwiej, bo znam wszystkie komendy.
Dzialam we frontendzie i nie mogę nigdzie w internecie znaleźć odpowiedzi
Czy da się na Windowsie, pewnie w Git Bashu prędzej, odpalać skrypty NPMowe itp, które ustawiają zmienne środowiskowe? Mam na myśli coś w stylu `NODE_ENV=production npm run build`
Windows w Git Bash wywala mi się, bo nie zna składni `NODE_ENV=production`
I myślę o czymś szerszym, niż doinstalowanie cross-env, bo chodzi mi o wszystkie rodzaje zmiennych, nie tylko NODE_ENV
Dziękuję za pomoc ( ͡° ͜ʖ ͡°)
@sayda nie znam się na windows (od lat nie używam), ale zdaje mi się, że składnia jest %zmienna%=wartość
@sayda od razu zainstaluj sobie Windows Subsystem for Linux i przejdź na pełne środowisko Linuxowe zamiast bawić się Git Bashem:
@mike-litoris @Meverth @Strus dzięki wielkie za odpowiedzi!
@Strus wiadomo
Zaloguj się aby komentować
Logo to ważny element każdej strony. To znak wizualny firmy, brandu, organizacji. Wpływa na percepcję strony przez usera. Często ładuje się zbyt późno. Lekcja (pochodząca z kursu Zoptymalizowany Frontend) przedstawia sposób ładowania logo w sposób wydajny i efektywny.
te miniaturki podstawowe xD
są nieczytelne
nie lepiej ( ಠ_ಠ)
?
Zaloguj się aby komentować
