mam zaimportowaną do pliku java script listę URL'i zdjęć. Chciałbym zrobić galerię z jakąś prostą animacją, z możliwością swipe'owania na smartphonie a na komputerze srcolowania rolką. Teraz jak się za to zabrać profesjonalnie. Stworzyć trzy obiekty ![]() i zmieniać im Java Scriptem ['src'] (źródło zdjęcia) nie ma sensu gdyż CSS transition nie działa podczas podmieniania źródeł - to sprawdzałem. Czyli najlepszym sposobem, zakładając, że chcę aby były 3 widoczne zdjęcia z galerii
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@JungleJamPL: jak ci się nie chce koła od nowa wynajdować to jakaś biblioteka ze sliderem. Jak chce to:

Tworzysz 5 obiektów img, widać tylko 3. W miarę przesuwania podmieniasz źródła tym skrajnym dwóm, których nie widać.
  • Odpowiedz
Mam obiekt: options
robie sobie map(option => ...
i tak console.log(option) wyświetla mi obiekt z id i name, ale jak chce się odwołać do option.name to na stronie wyświetla przez ułamek sekundy to co chce a potem błąd kompilowania property 'name' doest not exist on type 'never'.
Czemu tak się dzieje? Jak to obejść?

#javascript #react #typescript #programowanie
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Witajcie, od jakiegoś czasu uczę się JS'a, aktualnie skończyłem ten kurs: https://www.udemy.com/the-complete-javascript-course/learn/lecture/5880878?start=0#questions i zaczynam czytać "You Don't Know JS", żeby trochę usystematyzować wiedzę.
W samym Vanilla JS czuję się nawet pewnie, dobrze mi się pisze i lubię to, ale nie wiem za bardzo, w którą stronę teraz iść. Zastanawiam się czy, ćwiczyć dalej VanillaJS, czy może zacząć uczyć się jakiegoś frameworka/biblioteki? Myślałem nad Reactem, ale boję się, dopóki nie znam czystego js'a
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 0
@jestemmimas: ale engineer nie musie być od razu full stackiem. to raz. dwa - może jest full stackiem, ale pisze backend w Pythonie?

tytułt zawodowe, czyli software engineer i software developer, Tak jak tytuły związane z rolą czyli architect, team lead/tech lead to jedno. a informacja w czym ten ktoś aktualnie programuje (albo w przypadku pm-ow jakiego frameworka Agile badz jakiej metodyki używa) to jest informacja dodatkowa.
jedno z drugim
  • Odpowiedz
Internet tonie w tutorialach związanych z Reactem. Ale może się okazać, że jeszcze nie znasz tych 7 wskazówek ułatwiających pracę z biblioteką-ulubieńcem ( ͡° ͜ʖ ͡°)

https://bulldogjob.pl/news/725-co-chcialbym-wiedziec-przed-rozpoczeciem-pracy-z-react-js

#programowanie #programista #bulldogjob #react #javascript #frontend
Bulldogjob - Internet tonie w tutorialach związanych z Reactem. Ale może się okazać, ...

źródło: comment_b9HJfW28cNHSNCQA7XL6xX4MG9lqvQBX.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Hauleth: arraye i obiekty w js dzialaja na zasadzie “wskaznikow”. Twoje porownanie sprawdza, czy referencja jest taka sama (czy odwoluja sie do tego samego miejsca w pamieci). Aby porownac arraye najlepiej uzyc JSON.stringify() albo .map()
  • Odpowiedz
@Marekexp: Ja! Kiedy tylko pojawił się VSC z sensownym wsparciem dla niektórych języków, zacząłem go używać. Później przerzuciłem się na phpStorm, bo takie było wymaganie w poprzedniej robocie. Niedawno próbowałem znów wrócić do VSC i... I nie dało rady. Skonfigurowałem VSC, zainstalowałem super-hiper pluginy, ale i tak praca w phpStorm jest znacznie lepsza. Nawet jeżeli chodzi o podpowiedzi czy formatowanie wklejanego kodu. Moim zdaniem jeszcze trochę czasu minie, nim VSC
  • Odpowiedz
Czołem Mirki i Mirabelki, na dobry początek tygodnia przygotowaliśmy oczywiście prasówkę dla JavaScript developerów, enjoy ( ͡° ͜ʖ ͡°)

pon - javascript, wt. - php, śr. - java, Scala & C++ (co 2 tyg.), czw. - Python, pt. - Mobile & Ruby, sob. - testing & DevOps, ndz.
justjoinit - Czołem Mirki i Mirabelki, na dobry początek tygodnia przygotowaliśmy ocz...

źródło: comment_4ZE2Z7QVBy1I2Nq9dtfWJlxCm3pTtXyY.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 0
#programowanie #javascript
Siema, jaka technologie użyć żeby najłatwiej połączyć się przez proxy i symulować zachowania na stronie? Np kliknąć element diva albo buttona? Potrafię to zrobić z python selenium ale nie mogę połączyć się przez proxy.
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Zapraszam do ankiety.
Jeśli ktoś programuje amatorsko proszę nie brać udziału. ( ͡° ͜ʖ ͡°)
#javascript #programowanie #frontend #vuejs #react

W jakim frameworku programujesz zawodowo?

  • React 52.6% (40)
  • Vue 14.5% (11)
  • Angular 18.4% (14)
  • Preact 1.3% (1)
  • Ember 3.9% (3)
  • Polymer 2.6% (2)
  • Inne 6.6% (5)

Oddanych głosów: 76

  • 18
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 1
@secret_passenger:

dzięki za odpowiedź. to ciekawe, mamy diametralnie odmienne doświadczenia. ja sporo robiłem dużych aplikacji z wykorzystaniem AngularJS (czyli 1.x). I to było (ale dobre kilka lat temu) dla mnie super pozytywne zaskoczenie. Angular 2+ jakoś... - sam nie wiem, no nie przekonał mnie. Na początku dużo czytałem, sporo się tym ekscytowałem, ale jakoś "w praniu" mnie to nie przekonało. React całkiem spoko, ale też nie idealny, choć i tak
  • Odpowiedz
Cześć, mam pewien problem, chce pobrać pewne dane z JSONa ale wyrzuca mi taki błąd :

Objects are not valid as a React child (found: object with keys {id, name, createdat, updatedat}). If you meant to render a collection of children, use an array instead.


Mój kod wygląda tak:

class
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#javascript

jak tam wasze left-pady? uporaliście się już z tym problemem czy ciężko pracujecie nad nowym frameworkiem, który wam to umożliwi? xD
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@dawejtutaj: no swego czasu deweloper, który udostępnił na npm paczkę left-pad, która formatowała stringi w ten sposób

leftPad('foo', 5)
// => " foo"
leftPad(1, 2, '0')
// => "01"

usunął ją z npma i okazało się że masa "programistów" miała to w zależnościach swoich projektów, bo im się nie chciało pisać 3 linii kodu xD i nagle kilkanaście tysięcy projektów się wysypało w p------t
  • Odpowiedz
15) Zero Width Shortener - interesujący skracacz linków wykorzystujący znaki o zerowej szerokości

https://zws.im

INFO: w praktyce to oznacza tyle, że wszystkie linki utworzone w tej aplikacji wyglądają (wizualnie) tak samo, ale prowadzą do innych miejsc w sieci


@imlmpe: i jak taki link udostępnić skoro każde medium wytnie te ukryte znaki...
  • Odpowiedz
Ładowanie obrazków w react. Przy pierwszym zamontowaniu komponentu każdy obrazek doładowuje się na samym końcu no delay jest zauważalny szczególnie jeżeli jest to background image w jakimś widoku, jakie macie na to sposoby?
#programowanie #javascript #react
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@rEwx: To nie wina reacta, ale po prostu czasu ładowania tego pliku. Nie obejdziesz, chyba, że doładujesz sam obrazek przed wyświetleniem widoku w React
  • Odpowiedz
@Bulldogjob: Dzięki, ale mam parę uwag.

Bracket Pair Colorizer - napisałeś o swojej pasji, ale nie o tym, do czego ta wtyczka jest (nazwa czasami potrafi być myląca).

Color Highlight -"Zasadniczo, Color Highlight pomaga kolory wewnątrz kodu jak tutaj" - coś się zgubiło tutaj.

Jest 27 wtyczek. Dwa razy jest 11 ( ͡° ͜ʖ ͡°)
  • Odpowiedz