- maltir
- bartd
- marsellus_wallace
- kajss
- Woqlski95
- +9 innych
Wszystko
Wszystkie
Archiwum
Czemu pasek jest szerokości ``?
console.log(document.getElementById('battleTimeUsed').style.width)
mimo tego, że wyswietla się z jakąś tam szerokością i jest zdefiniowany tak:
#battletime {
width:600px;
height: 50px;
background-color: grey;
}
#battletimeused {
width: 100%;
height: 50px;
background-color: green;
}
#javascript
@programista4k ,
@JamnikWallenrod ,
@grubypajonk ,
@mniejniz0 ,
@doee ,
@tomash-pl ,
@vizori ,
@tomhet
console.log(document.getElementById('battleTimeUsed').style.width)
mimo tego, że wyswietla się z jakąś tam szerokością i jest zdefiniowany tak:
#battletime {
width:600px;
height: 50px;
background-color: grey;
}
#battletimeused {
width: 100%;
height: 50px;
background-color: green;
}
#javascript
@programista4k ,
@JamnikWallenrod ,
@grubypajonk ,
@mniejniz0 ,
@doee ,
@tomash-pl ,
@vizori ,
@tomhet
@JamnikWallenrod: nie pomogę, ale elegancki i czytelny kodzik, widać, że zawodowo to robisz XD
Jak profesjonalnie zainstalować i udostępnić gierkę html + javascript?
#javascript
@programista4k
@JamnikWallenrod
@grubypajonk
@mniejniz0
@doee
@tomash-pl
@vizori
@tomhet
#javascript
@programista4k
@JamnikWallenrod
@grubypajonk
@mniejniz0
@doee
@tomash-pl
@vizori
@tomhet
- 3
@programista4k: z takim podejściem to ja nie wiem czy Ty kiedykolwiek będzie programistą4k
- 1
@programista4k: Jesli samo html + js to zrobienie z repo na githubie stronki na github pages raczej wystarczy ( ͡° ͜ʖ ͡°)
Ciałbym, żeby ten div pojawiał się szybko i zaraz po tym znikał powoli:
ciem to osiągnąć zmieniając jego class z hide na show i znów na hide:
resultdiv.className='show'
resultdiv.className='hide'
.hide {
opacity: 0;
transition: opacity 1s linear;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
}
.show {
opacity: 1;
}
#javascript #frensvsnonfrens
dobrze to jest zapisane czy coś nie tak? Bo nie działa.
@JamnikWallenrod,
ciem to osiągnąć zmieniając jego class z hide na show i znów na hide:
resultdiv.className='show'
resultdiv.className='hide'
.hide {
opacity: 0;
transition: opacity 1s linear;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
}
.show {
opacity: 1;
}
#javascript #frensvsnonfrens
dobrze to jest zapisane czy coś nie tak? Bo nie działa.
@JamnikWallenrod,
- 1
@programista4k: raczej nie wszyscy, to nie jest jakaś powszechna taktyka :D rób tak, aby Tobie było wygodnie
Da się jakoś uzależnić działanie listenera od zmiennej?
gun_div.addEventListener('click', function() {
if (currentStatus == status.READY) {
setCurrentFren(frens.GUN)
setCurrentStatus(status.FIGHT)
}
})
jeśli currentStatus nie jest READY to ciem, żeby listener nie działał. Zrobiłem brzydko z ifem.
#javascript
gun_div.addEventListener('click', function() {
if (currentStatus == status.READY) {
setCurrentFren(frens.GUN)
setCurrentStatus(status.FIGHT)
}
})
jeśli currentStatus nie jest READY to ciem, żeby listener nie działał. Zrobiłem brzydko z ifem.
#javascript
@programista4k: no nie mas za napisalem odruchowo : xD
currentStatus === status.READY && jakasfunckcja();
i w tej jakies funckji setCurrentFren setCurrentStatus
currentStatus === status.READY && jakasfunckcja();
i w tej jakies funckji setCurrentFren setCurrentStatus
Które IDE używacie w pracbazie do javascripta? Czemu jest lepsze?
#javascript
#javascript
które
- WebStorm 31.1% (14)
- vsc 62.2% (28)
- neovim 2.2% (1)
- inner 4.4% (2)
@programista4k: VSC bo ma integracje z WSL2, pełno wtyczek które klikam i działają a nie #!$%@? sie jak w IntelliJ, pozostałych dwóch nawet nie znam..
Co jest nie tak z moją petlą czysto kodową nowoczesną?
#javascript
const frens = {
PAPER: { type: 'PAPER', div: paperdiv, power: 1 },
HAMMER: { type: 'HAMMER', div: hammerdiv, power: 2 },
GUN: { type: 'GUN', div: gun_div, power: 3 }
}
function unHoverAllFrens() {
frens.forEach(function(fren) {
unHoverElem(fren.div);
});
}
#javascript
const frens = {
PAPER: { type: 'PAPER', div: paperdiv, power: 1 },
HAMMER: { type: 'HAMMER', div: hammerdiv, power: 2 },
GUN: { type: 'GUN', div: gun_div, power: 3 }
}
function unHoverAllFrens() {
frens.forEach(function(fren) {
unHoverElem(fren.div);
});
}
Uncaught TypeError: frens.forEach is not a function
@programista4k: frens nie powinno być czasem tablicą?
@programista4k: w JS nie ma enumów. Są w TS, ale i tak tylko jako abstrakcja
Jakie IDE polecacie do javascripta, bo w intelij to mi się pisze jak w notatniku. Nie podpowiada.
#javascript
#javascript
- 12
@programista4k: vs code
Komentarz usunięty przez autora
- 0
Mirki, jak zrobić, żeby przy zamknięciu karty wyskakiwał alert czy jakiś customowy popup? Bo zrobiłem coś podobnego, ale wyskakuje wtedy kiedy nawet ze strony przechodzę w podstronę itp, a ja chcę, żeby wyskakiwał tylko wtedy kiedy będę chciał zamknąć kartę.
#programowanie #programista15k #javascript #html
#programowanie #programista15k #javascript #html
- 9
@cherrz: Pamiętaj, że użytkownicy nienawidzą tego popupa.
- Fanatyk_Wedkarstwa
- Rst00
- maciej__
- DoubleAxxis
- Jednorybek
- +4 innych
@lobo: on jest spoko jak masz formularz otwarty i coś wpiszesz i to chyba jedyny przypadek
- konto usunięte
- Hauleth
- Fanatyk_Wedkarstwa
- Veni
- schriker
- +8 innych
@Bulldogjob: Cześć, dzisiaj #pracbaza dla Frontend Developerów!
Kraków
JavaScript Developer / Hatimeria Sp. z o.o. Sp. k. / 9-14K PLN / bit.ly/2EHKEya
Access Control - Senior Front End Engineer (Ruby/JavaScript) / Motorola / bit.ly/31ASOkT
Front-end Web Developer / Transporeon / bit.ly/3b8qMk6
Frontend Magento Developer / Polcode Sp. z o.o. / 5.5-10K PLN / bit.ly/32xhJoW
Angular Developer / Motorola / bit.ly/3hIxq32
Junior Frontend Developer / Hatimeria Sp. z o.o. Sp. k. /
Kraków
JavaScript Developer / Hatimeria Sp. z o.o. Sp. k. / 9-14K PLN / bit.ly/2EHKEya
Access Control - Senior Front End Engineer (Ruby/JavaScript) / Motorola / bit.ly/31ASOkT
Front-end Web Developer / Transporeon / bit.ly/3b8qMk6
Frontend Magento Developer / Polcode Sp. z o.o. / 5.5-10K PLN / bit.ly/32xhJoW
Angular Developer / Motorola / bit.ly/3hIxq32
Junior Frontend Developer / Hatimeria Sp. z o.o. Sp. k. /
Podrzucamy ostatnią listę ofert w tym tygodniu - zajrzyj, jeśli szukasz pracy z obszarówBackend, Frontend lub Fullstack!
BACKEND JOBS
- [REMOTE] Senior/Lead Java Developer @ epam.com 10.0k-18.0k (UoP)
- [REMOTE] PHP Developer (100% zdalnie) @ avenga.com 14.5k-15.1k (B2B)
- [REMOTE] Ruby on rails Developer @ madiff.pl 14.0k-17.0k (B2B)
- [REMOTE] Backend Architect (RoR) @ leocode.com 16.0k-23.0k (B2B)
- [REMOTE] AWS Backend Developer @ unity.pl 12.0k-16.0k (B2B)
- [REMOTE] Senior Backend
BACKEND JOBS
- [REMOTE] Senior/Lead Java Developer @ epam.com 10.0k-18.0k (UoP)
- [REMOTE] PHP Developer (100% zdalnie) @ avenga.com 14.5k-15.1k (B2B)
- [REMOTE] Ruby on rails Developer @ madiff.pl 14.0k-17.0k (B2B)
- [REMOTE] Backend Architect (RoR) @ leocode.com 16.0k-23.0k (B2B)
- [REMOTE] AWS Backend Developer @ unity.pl 12.0k-16.0k (B2B)
- [REMOTE] Senior Backend
#javascript #programista15k
Mam pytanie do osób znających Ramda i functional programming.
Często tworzę funckje typu:
I teraz pojawia się pytanie w jaki sposób zorganizować drugi parametr bo chcąc na przykład:
I w jaki sposób poprawnie dostarczyć
Mam pytanie do osób znających Ramda i functional programming.
Często tworzę funckje typu:
const createList = pipe(
values,
map(whatEverFunctions),
filter(type => type === 'something'),
)I teraz pojawia się pytanie w jaki sposób zorganizować drugi parametr bo chcąc na przykład:
const createList = pipe(
values,
map(whatEverFunctions),
filter(type => otherTypes.includes(type)),
)I w jaki sposób poprawnie dostarczyć
otherTypes do funkcji? Pojawia mi się pomysłconst createList = (otherTypes) => pipe(
values,@janekbrzechwa: const create createList = (otherTypes, types) => pipe(...)(types)
ogólnie w językach funkcyjnych często spotyka się kilkukrotne wywołanie funkcji wynikowej - f(x)(y)(z), więc to drugie rozwiązanie jest chyba najlepsze
ogólnie w językach funkcyjnych często spotyka się kilkukrotne wywołanie funkcji wynikowej - f(x)(y)(z), więc to drugie rozwiązanie jest chyba najlepsze
Komentarz usunięty przez autora
- 193
◢ #unknownews ◣
1) OpenStartup - lista startupów, które publikują bardzo szczegółowe dane na temat swojego biznesu
https://openstartup.dev/?ref=producthunt
INFO: ile mają użytkowników? jakie mają przychody? ile zarabiają ich pracownicy itp. Sporo ciekawych metryk.
2) Tworzenie botów do Discorda - jest prostsze niż myślisz (Python)
https://codeburst.io/discord-py-the-quickstart-guide-2587abc136ab
INFO: autor przedstawia, jak używając biblioteki Discord.py zbudować swojego
Dzisiejsze wydanie zestawienia będzie nieco krótsze niż zwykle - powód jest trywialny: to był dla mnie pracowity tydzień.
1) OpenStartup - lista startupów, które publikują bardzo szczegółowe dane na temat swojego biznesu
https://openstartup.dev/?ref=producthunt
INFO: ile mają użytkowników? jakie mają przychody? ile zarabiają ich pracownicy itp. Sporo ciekawych metryk.
2) Tworzenie botów do Discorda - jest prostsze niż myślisz (Python)
https://codeburst.io/discord-py-the-quickstart-guide-2587abc136ab
INFO: autor przedstawia, jak używając biblioteki Discord.py zbudować swojego
- wiktor12348
- Rkb
- EstradaOrNada
- mozgogrdyczka
- r3solver
- +188 innych
- 31
DeGoogle - uwolnij się od Google -> https://degoogle.jmoore.dev/ -> .dev is a top-level domain name operated by Google.
(-‸ლ)
(-‸ლ)
- darqnies
- BarszczZUkraincow
- ZygmnuntIgthorn
- eloar
- MMCyrus
- +26 innych
- 0
Status ładowania, errory, wiadomości i requesty do api trzymacie w componencie z formularzem czy w rodzicu formularza?
#react #javascript
#react #javascript
@Alodnog: Zależy od stopnia skomplikowania stronki, ale raczej na zewnątrz. Generalnie dobrze mieć uniwersalny error handler, loader i takie powtarzalne rzeczy. Zaś unikalne, typowe dla danego formularza wewnątrz niego. Jednakże, jeżeli formularz będzie jeden na całą stronę, to nie widzę sensu w rozbijaniu tego na części.
- 0
@Alodnog: Polecam do formów w react - https://react-hook-form.com/faqs/.
2
Miernik siły hasła | wyrażenia regularne | Speed Coding | HTML CSS JS

Jak zrobić miernik siły hasła w html, css i js używając wyrażeń regularnych. Miernik ocenia hasło w skali 0-6, gdzie hasło może otrzymać po jednym punkcie za: długość 5 lub więcej znaków, długość 8 lub więcej znaków, małą literę, dużą literę, cyfrę, znak.
z- Dodaj Komentarz
- #
- #
- #
- #
- #
- #
1
Kółko i krzyżyk | min-max | Speed Coding | HTML CSS JS

Jak zrobić kółko i krzyżyk w html, css i js używając algorytmu min-max.
z- Dodaj Komentarz
- #
- #
- #
- #
- #
- #
Orientuje się ktoś może jaki theme i font-family używają obecnie hello roman i Overment w VSC/Webstormie? Wygląda mi to na Material Theme: Ocean, ale font mają jakiś inny (na pewno nie jest defaultowy).
#visualstudiocode #vsc #programowanie #programista15k #javascript #frontend
#visualstudiocode #vsc #programowanie #programista15k #javascript #frontend
- 2
@jaynovak87: @CandyCancer:
https://overment.com/dl/settings.json
^ Tutaj mój podstawowy config VSC.
Przez długi czas korzystałem jeszcze z fonta Operator Mono ale dużo ludzi narzekało że na filmach jest mało czytelny.
Sam go bardzo lubię, chociaż jest płatny. Fira Code to całkiem niezła, bezpłatna opcja.
https://overment.com/dl/settings.json
^ Tutaj mój podstawowy config VSC.
Przez długi czas korzystałem jeszcze z fonta Operator Mono ale dużo ludzi narzekało że na filmach jest mało czytelny.
Sam go bardzo lubię, chociaż jest płatny. Fira Code to całkiem niezła, bezpłatna opcja.
Z Angularem miałem styczność, trochę Reacta poznałem. Głównie operowałem we Vue i na starych rozwiązaniach tj. jQuery. Rok spędzony w firmie, na forum nie będę pisał jakiej, ale na PV już mogę :D
@oblesny_wujek: daj szczegóły, tu albo na priv
- 0
To zwraca true:
return img.width === 150;
A to już false:
return
img.width === 150;
O co chodzi z tym js?
#programowanie #naukaprogramowania #programujzwykopem #programista15k #javascript
return img.width === 150;
A to już false:
return
img.width === 150;
O co chodzi z tym js?
#programowanie #naukaprogramowania #programujzwykopem #programista15k #javascript
- 10
@becvvv: o wieloliniowosc. Na koncu linii automatycznie jest dodawany srednik, przez co wychodzi tam: return; co rownowazy sie z return false;.
Automatic Semicolon Insertion
The return statement is affected by automatic semicolon insertion (ASI). No line terminator is allowed between the return keyword and the expression.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return
Automatic Semicolon Insertion
The return statement is affected by automatic semicolon insertion (ASI). No line terminator is allowed between the return keyword and the expression.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return
- rEwx
- Snowdr0p
- ratpo1son
- RoyVice
- krulsmokuf
- +5 innych
























Testuję restdb.io
Nie działa rest api na localhost, chociaż łączę zgodnie z instrukcją "Connect from a development web app running on localhost":
https://restdb.io/docs/connect-to-your-online-database#connectXfromXaXdevelopmentXwebXappXrunningXonXlocalhost
A ze zwykłego linka otwartego w nowej karcie w przeglądarce działa - to korzysta z "Connect from a user session".
Działa też jak użyję "Wyślij ponownie" w devTools.
Czyli endpoint jest ok.
Co może być nie tak?