Kontynuuje wpis z wczoraj:
https://www.wykop.pl/wpis/38437997/juz-raz-spamowalem-ale-firma-nadal-szuka-na-kilka-/

Przede wszystkim - przepraszam wszystkich, którym odpisałem na szybko i chaotycznie. Zdecydowanie źle to zorganizowałem, nie spodziewałem się takiego odzewu i tylu wiadomości, a jednoczesnie nie wziąłem pod uwagę, że wczoraj miałem dość dużo innych spraw do załatwienia wieczorem. Dziś postaram się to lepiej zorganizować.

Najważniejsze -> ogłoszenia:
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Treść przeznaczona dla osób powyżej 18 roku życia...
  • 45
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 38
@weshu Piszesz o benefitach i kasie za relokację a nie podajesz najważniejszego czyli widełek płacy.
Ile tu mniej więcej można zarobić?
  • Odpowiedz
Jak połączyć ideę modułowości (każdy moduł ma w swoim zakresie zmienne, na których pracuje) z kwestią zmiennych, na których pracuje kilka modułów? W każdym takim module deklarować tę samą zmienną? No bo globalne zmienne są sprzeczne z webpackiem.

Przykład:
Załóżmy, że const div = document.querySelector('div'), a ja mam cztery różne funkcje (moduły), które zmieniają pozycję diva o 100px w określonym kierunku: divToTop(), divToBottom(), divToLeft() i divToRight().

W każdej funkcji deklarować diva? Jasne, można zrobić moduł
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@lunaexoriens: jeden kawałek trzyma diva i jest odpowiedzialny za jego wygląd, a odczytuje dane z kilku innych na podstawie których to robi.

I te dane które on zbiera, to nie pozycja div, ale inne, za które te kawałki są odpowiedzialne (np.czy użytkownik jest zalogowany)
  • Odpowiedz
#webdev #programowanie #webpack #vuejs

Mirki próbuję debugować kod za pomocą wtyczki Chrome + VSCode. Projekt jest pakowany webpackiem i używa Vue. No i generalnie debug działa, breakpointy się łapią - ale VSCode twierdzi, że te breakpointy są "unverified breakpoint". Wiadomo o co mu może chodzić?
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Spotkaliście się może z takim problemem, że Babel nie minifikuje prywatnych metod w klasie?

Dla przykładu:

private createHero() {
this.Hero = new Hero("Giovanni");
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Może jakiś wykopowy devop czy software engineer szuka pracy za granicą (Malaga, Hiszpania)?
Bardzo dobra firma (dla mnie po 11 latach w IT w kilku krajach moje top pod względem benefitów dla pracowników).
Pełny i bardzo dobry relocation package (2 miesiące zakwaterowanie, pełny zwrot kosztów lotów i przeprowadzki itp.).


Jeśli takie wpisy z jakiś powodów są nie na miejscu to proszę o informacje i od razu skasuje.
  • 16
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@weshu: Żona na pewno by przyklasnęła! Ale ja dopiero co zmieniłem pracę, póki co jest fajnie i rozwojowo. Jak podszkolę się w DevOps (póki co to mam doświadczenie z samotnego adminowania Linuksami), to się zgłoszę.
  • Odpowiedz
Skonfigurowałem webpack z jakimiś tutorialem i gdy włączam serwer webpacka to wszystkie zmiany ładnie widać na local hoscie lecz gdy włączam pliki index.html w przeglądarce gdzie podpięty jest bundle.js tych zmian nie ma. Wytłumaczy mi ktoś na czym to polega ? Czy do zobaczenia efektów webpacka trzeba stawiać serwer ? #programowanie #webdev #frontend #webpack #programista15k
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@asus1234: Tak, potrzebny jest serwer. Serwer stawia Ci też połączenie przez websocket przez który idą notyfikacje o zmianach w plikach i wtedy przeglądarka wie, że trzeba odświeżyć
  • Odpowiedz
Miał ktoś kiedyś może problem z ładowaniem obrazków przez webpacka? Albo html czyta obrazki albo css i nie wiem jak to obejść (,) Probuje własnie za pomocą 'string-replace-loader' ale nie wiem jak sie podpiac pod 'mini-css-extract-plugin'. Mirki pomocy !11
#frontend #webdev #webpack
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

nie jest aż-tak-proste-jakby-się-wydawało (nie mówię, że to jakaś masakra, ale po prostu jeżeli nie chcesz marnować czasu na konfigi to wzięcie gotowca będzie dobrym rozwiązaniem).


@rbielawski: a ja bym właśnie polecał, żeby samemu napisać, bo teraz można używać z webpacka bez konfiguracji a ta najbardziej podstawowa (input/output) jest bardzo prosta

dodanie wtyczki też w sumie ( ͡° ͜ʖ ͡°)
  • Odpowiedz
Od jakiegoś czasu zastanawiam się jak najlepiej zoptymalizować ilość request'ów do plików js/css. Powiedzmy w kodzie developerskim mam 30 plików js/css, które ostatecznie chce skonkatenować/minifikować tak by, któraś z przeglądarek jak najszybciej je pobrała.

Wstępnie myślę, żeby osobno dać kobyły jak bootstrap, jquery, czy datatables natomiast custom'owe pliki tak połączyć by było ich max 10 o podobnym rozmiarze.

Ktoś, coś? Jakieś doświadczenia w tym temacie?

#webdev #frontend #
  • 14
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@CoffeeBreak: mapy i tak są dopiero pobierane po otwarciu konsoli deweloperskiej więc nie powodują dłuższego czasu ładowania (sama informacja o mapie jest raczej pomijalna). To tak jakby ktos to czytał i zastanawiał się czy mapy powodują wydłużenie czasu ładowania strony( ͡° ͜ʖ ͡°)
  • Odpowiedz
@tomash-pl: Widziałem to, ale nie chciało działać, ale w sumie przyjrzałem się jeszcze raz i ręcznie przeszukałem paczki npm.
Nie chciało instalować babel-core@7.0.0-0, ale @7.0.0 już tak i działa. :)
  • Odpowiedz
#webdev #webpack

Witajcie,

Od jakiegoś czasu uczę się tworzyć strony internetowe i ostatnio zacząłem korzystać z Webpacka 2. Opiszę krótko mój problem:

Struktura
  • 15
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Przeważnie kopiujesz obrazki, cssy (po zbudowaniu) i jsy (po zbudowaniu) do katalogu public.
WIęc jak masz obrazek w src/img/dolor.jpg to po skopiowaniu będziesz go miał (dla przykładu) w public, więc w html piszesz src="public/dolor.jpg".

Obczaj CopyWebpackPlugin.
  • Odpowiedz
Mirki z tagu #programowanie i #webdev, kojarzycie taką bibliotekę do #gulp albo #webpack, która zmienia nazwy klas w #css, #html i #javascript na krótkie i niezrozumiałe?

Chodzi mi o zmianę ` na `. Gdzieś kiedyś coś takiego przewinęło mi się przez oczy, ale nawet nie wiem zabardzo pod jakim hasłem tego szukać.
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Mewtwo: łoo panie... powodzenia w utrzymywaniu tego ( ͡º ͜ʖ͡º)
Btw. jak ma zmieniać na niezrozumiałe, to powinien np. zamieniać sidebar-black na header-yellow, sidebar-left na footer-right itp.
  • Odpowiedz