Uwielbiam komentarze na youtube, tam każdy chce zabłysnąć jeszcze bardziej niż na wykopie ( ͡° ͜ʖ ͡°)

#programowanie #webdev #takaprawda

źródło: jakktosniemazycia.png

Największy koszmar osób spod tagu #webdev?

źródło: embed.jpg

uuuu, tego jeszcze nie widziałem, fajny efekt na particlach:
https://iohk.io/
#webdev

Szukam kolegę, który też zaczyna into #webdev ja sobie przerabiam php konkretnie framework symfony
Zawsze razem jest się fajniej uczyć
#naukaprogramowania

http://www.espn.com/espn/feature/story/_/id/19742921/espn-body-issue-2017
#design #webdesign #webdev
+ #fotografia #ladnapani #nsfw

źródło: a.espncdn.com 18+

Co sądzicie o takim klasycznym stylu, warto, czy obecnie raczej tylko wordpress lub framework css?

classicstyle

#webdev #webdesign #wordpress

Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
Nie będziesz szukał podwykonawców w Indiach.
#webdev pokaż całość

Zwracam honory wszystkim #rozowepaski i obiecuje nie śmiać się jak zaczynają karierę w #webdev. To nie bajt. 5 tygodni temu podsyłałem koleżance z pracy #rozowypasek kursy html5, css3 bo chciała robić strony internetowe. Dziś napisała do mnie:

pokaż spoiler Kupiłam sobie vps i postawiłam nginx


pokaż spoiler Wystarczy, że kupisz sobie zwykły hosting współdzielony :)


pokaż spoiler Skonfigurowałam sobie z poradników i mam ssl z letsencrypt


pokaż spoiler Na współdzielonym też bez problemu dostaniesz ssl za darmo, nie musisz przejmować się konfiguracją :)


pokaż spoiler No ale dużo nie zrobię. Mam super SSL zrobionego. Nawet sobie wdrożyłam hpkp, cipher suites tylko pod najnowsze przeglądarki, cors, csp, oczywiście HTTP/2, tls.imirhil.fr - 96 punktów :), chciałam mieć wg. tego observatory.mozilla.org na max wszystko. Poczytałam o każdym. Schematyczność poprawiłam na blogu wg. tego tutorials.comandeer.pl/html5-blog.html. Czytam sporo html5rock. Niestety ciągle czegoś brakuje w tym frontend, strasznie dużo tam jest "dodatków". Na samych microdata spędziłam dużo żeby wszystko ładnie opisać na stronie :) Chcesz zobaczyć? Może coś podpowiesz co brakuje w tym kodzie.


pokaż spoiler COO? Paulina to ty? xD


W 4 tygodnie prawdziwa #piwnica, oprócz frontend nauczyła się sama z poradników podstawowej administracji serwerami. Plus zrobiła naprawdę schematyczną stronę (html5, progressive web app, microdata, szablon do amp i wiele innych "nowy pierdół").

pokaż spoiler Za miesiąc pewnie naprawi tagi na wykopie białek ( ͡º ͜ʖ͡º)


Może to nie jest ogromne osiągnięcie ale jak oglądałem jej pracę to wygląda lepiej od 60% juniorów których mam w firmie xD

pokaż spoiler idzie do 15k (⌐ ͡■ ͜ʖ ͡■)


#heheszki #takbylo i w sumie #oswiadczenie bo zrobiłem trochę #przegryw (nie wychodzi z domu od dłuższego czasu xD) pokaż całość

źródło: elokobieto.jpg

#frontend #webdev

źródło: Bez nazwy-1.png

#webdev #css #heheszki

źródło: devhumor.com

A wasze strony są wydajne?

Fajny zbiór narzędzi do testowania wydajności

#webdev

proponujemy zabawę: napiszcie jakie znacie najciekawsze proste sztuczki / "life hacki", które ułatwiają życie, ale jednocześnie są co najmniej "wątpliwe etycznie" :)

Pomijamy zwroty zakupów wallmarcie, kłamanie odnośnie wieku wieku swoich dzieci żeby wejść za darmo do zoo i inne mniej "eleganckie" zachowania!

Pozwolicie, że zacznę. Oczywiście do niczego nie zachęcamy, tricki są ciekawe same w sobie, ale mogą wiązać się z konsekwencjami.

1)
Jesteście w obcym mieście, zapomnieliście ładowarki do telefonu.
wejdźcie do dowolnej dużej i często uczęszczanej kawiarni (najlepiej w centrum miasta / przy dworcu itp.) i powiedzcie: "byłem tu tydzień temu i zostawiłem czarną ładowarkę od androida, czy może ktoś oddał?". Z dużą szansą Pani przyniesie cały stos pozostawionych ładowarek, żebyś mógł/mogła odszukać swojej.

2)
skuteczniejsze aplikowanie do pracy nie posiadając wszystkich zalecanych umiejętności
np. dla danej pozycji dodatkowym atutem będzie znajomość języka francuskiego. Napiszcie w swoim CV "Francuski - płynnie w mowie i piśmie", ale używając białego koloru czcionki (na białym tle). O co chodzi?
- większość duży firm używa systemów do screeningu CV i wyłuskuje najlepiej dopasowane CV to słowach kluczowych. Więc z większą szansą wyłapie Twoje (komputer zwykle nie ma problemu z czytaniem białego tekstu na białym tle!)
- jednocześnie rekruter w trakcie rozmowy, nie będzie widział tego wpisu (prawdopodobnie :)

Ostatecznie znajomość francuskiego może nie być tak istotna (wkońcu 19 wiek się już skończył), a Twoje CV zostanie wybrane przed innymi kandydatami i zdobędziesz zaproszenie na rozmowę!

Ryzyko: wstyd w trakcie rozmowy, jeśli sztuczka wyjdzie na jaw! Spalona rekrutacja i reputacja!

P.S. To w zasadzie prosty hack znany każdemu kto kiedyś zajmował sie #seo i #webdev (oczywiście obecnie google coś takiego banuje, ale dawno temu mogło zadziałać ).

3)
darmowe śniadanie w dobrym hotelu
To co może zadziałać to zwyczajne wejście pewnym krokiem do restauracji w dużym hotelu w godzinach serwowania śniadania. Najlepiej wcześnie, ale kiedy jest już dużo osób!
Jak zostaniecie zapytani o numer pokoju to jest kilka opcji, ale to już dłuższy temat:) Najbezpieczeniejszą opcją jest powodzenie: "nie jestem gościem hotelowym, miałem się tutaj spotkać z jednym z waszych gości"
minus: jedzenie w stresie i w poczuciu winy :)

4)
czytanie za darmo gazet online z limitem artykułów
Zadziałać może zwykłe wykasowanie ciasteczek w przeglądarce
Plus: brak wyrzutów sumienia jeśli wytłumaczysz to sobie tak, że kasujesz ciasteczka/dane przeglądarki żeby chronić swoją prywatność i przyśpieszyć kompa ;-)

5)
nie wysłanie pracy na czas (np. na uczelni)
Kiedy widać, że nie zdołasz zrobić pracy na czas:
- stwórz dokument word
- otwórz go w notatniku i wykasuj fragmenty nagłówka
- przy próbie otwarcia go word powinien zaprotestować wyświetlając info o nieprawidłowym formacie
- wyślij plik do swojego profesora i w międzyczasie zakończ pisanie
- po jakimś czasie odbiorca informuje Cie, że coś jest nie tak z plikiem bo u niego nie działa
- dziwne, bo u ciebie działa:) Piszesz, że spróbujesz wysłać raz jeszcze / zmienić format na pdf
Zwróć uwagę, żeby rozmiary 2 wersji dokumentów były podobne.

6)
wejście za darmo na koncert wykorzystując 'przepustkę' dziennikarską
- wybierasz prawidzwą i w miarę znaną gazetę np. gazetaWroclawska
- rejestrujesz podobną domenę np. : GrupaGazetaWroclawska.pl
- domena przekierowuje na właściwą stronę www
- w domenie zakładasz mejla do siebie np. jan.cebula@grupaGazetaWroclawska.pl
- z tego mejla piszesz do organizatorów odnośnie wejściówek dla dziennikarzy
- (ostatni krok: otrzymujesz pozew ;-), ale to już po koncercie, gdzie byłeś za darmo!

------
A teraz pozwolicie, prywata!
Wciąż szukamy deweloperów .NET, Java, C++, Front-end oraz testerów.

stawki senior od 10K wzwyż (15K i więcej jeśli nie odrazu to przyjdzie z czasem :). Warszawa, Wrocław, Kraków, Katowice, Gliwice, Poznań, Częstochowa, Kielce, Bielsko Biała.
Ciekawe projekty głównie dla zagranicznych klientów. filozofia "no bullshit" konkretne rozmowy
=> Jeśli lubisz #programowanie i chciałbyś sprawdzić 
- czy możesz rozbić coś ciekawszego
- pracować za większą stawkę niż obecnie
to porozmawiajmy na priv !

#hacking #etyka #filozofia #ciekawostki #lifehack pokaż całość

SZUKAM SPRAWDZONEJ POMOCY INFORMATYCZNEJ DLA IMPERIUM ROMANUM

Witam serdecznie,

Szukam jakąś dobrą firmę informatyczną/specjalistów, którzy zajmują się tworzeniem stron internetowych i ich optymalizacją za niewysokie ceny.

Portal o antycznym Rzymie IMPERIUM ROMANUM -> http://www.imperiumromanum.edu.pl/ został w całości zaprojektowany przeze mnie, osobę bez wykształcenia informatycznego, która programowała metodą prób i błędów. Doszedłem do momentu, w którym nowe funkcjonalności lub przyspieszenie jej działania, przekracza moje zdolności i wiedzę.

W tym celu pytam się Wam użytkownicy Wykopa, kogo mógłbym poprosić o takie wsparcie. Oczywiście interesują mnie raczej jak najniższe wydatki.
To co chciałbym osiągnąć to:
I) znacznie przyspieszyć działanie strony (m.in. przejść na najnowsze PHP)
II) poprawić kod, motyw strony
III) poprawić działanie portalu na urządzeniach mobilnych
IV) ewentualnie poprawić design pod użytkowników

Dziękuję,
Jakub Jasiński, właściciel portalu IMPERIUM ROMANUM

#webdev #imperiumromanum

ps. pytanie już się pojawiało, ale niestety nie otrzymałem ciekawej propozycji :) pokaż całość

źródło: comment_ad9BYD6t5IISN6d91CnADoyzVltzSB02,w400.jpg

Gdyby ktoś szukał to pojawiła się darmowa biblioteka do morphingu pomiędzy obiektami z roźną ilością punktów:
https://github.com/veltman/flubber
Nie trzeba już korzystać z GSAP

#webdev

#gimbynieznajo #webdev #nostalgia

źródło: coding.republika.pl

Witajcie!

Stworzyłem aplikację webową, dzięki której skonfigurujecie pliki konfiguracyjne WebPack'a oraz pokrewne (package.json, .babelrc) jedynie za pomocą graficznego interfejsu użytkownika.

Aplikacja może mieć jakieś pomniejsze bugi, jednakże configi które na niej do tej tworzyłem działały prawidłowo, więc liczę na to, że Wam również niemiłe niespodzianki się nie przydarzą. A jeśli jednak, to zapraszam do reportowania ich tutaj, bądź na GitHubie.

Narzędzie będzie stale rozwijane, a wszelkie błędy na bieżąco poprawiane.

Zapraszam do testowania WebPana (⌐ ͡■ ͜ʖ ͡■)

#programowanie #webpack #webdev #javascript #react #redux #html #css pokaż całość

Czy, aby sprawdzić swoje zgłoszenia/naruszenia naprawdę trzeba wchodzić przez link https://www.wykop.pl/naruszenia/moderated/ ?
Czy jest jakiś inny sposób?
Takiego czegoś jak na picrel nie można byłoby zrobić?
@wykop
#pytanie #moderacjacontent i trochę #webdev

źródło: draczeg.png

W nowym Chrome można robić full page screenshot z DeveloperTools (ʘ‿ʘ)

#til #chrome #webdev

Gdy React developer pisze PHP.

#webdev | #programowanie | #humorinformatykow

źródło: reactphp.png

skoro i tak już coś spierdoliliście z tymi powiadomieniami z tagów to może czas najwyższy zrobić to porządnie i przejść na websockety? nie szkoda wam serwera zabijać tysiącami zapytań o takie gówno co kilka sekund przez tysiące ludzi? @a__s @Moderacja @m__b
#wykop otaguje #webdev i #programowanie bo ciekaw jestem czemu jeszcze nie przeszli, że niby ajax i odpytywanie serwera co chwila lepsze? nie lepsze byłoby emitować powiadomienie websocketami do osób nasłuchujących danego tagu np że pojawił się w nim nowy wpis? pokaż całość

Taka rada dla webdev. Nie róbcie na stronach smooth scroll, bo to denerwujące jest. Ustawiasz sobie akceleracje w myszy dla scroll czy touchpad, bo cos ci odpowiada bardziej po czym wchodzisz na stronę i wszystko psu w dupę. Ja z automatu wychodzę z takiej strony...i zapewne nie tylko ja tak robie.
Obecnie dodawanie smooth scroll jest tak super jak animowany śnieg na stronach www w latach 90.
#porada #webdev #programowanie pokaż całość

@Wykop: Ja pierdole. Zrobicie cos z tymi powiadomieniami? Przeciez to jest kpina... To by mozna zrozumiec jakbyscie byli na rynku pare miesiecy, rok, a nie kurwa ponad dekade. Wstyd.

#moderacjacontent #wykop #nowywykop2016 #webdev

#programowanie #it #webdev #studia
pamiętacie jak kiedyś mówiło się, że każdego chętnego bierze się do IT wystarczy, że potrafi trochę myśleć i ma chęci? Cóż to się już powoli kończy. Widzę coraz więcej ofert które wymagają studiów albo, żebyś był aktualnie studentem Informatyki lub kierunku pokrewnego. Widzę też patrząc po różnych grupkach, że coraz więcej osób chce się przebranżowić na IT bo hajs jest niezły.

Zaczyna się robić bańka. Na studiach babka która miała z nami zajęcia mówiła, że prowadzi też zajęcia dla dzieci i to co widzi jest chore - rodzice na przymus wysyłają dzieciaki na zajęcia, dzieci nie wiedzą po co to robią, dlaczego etc. Teraz zamiast idź na studia, będzie "zostań programistą".

Rynek już jest gorszy. Pojawiają się płatne kursy po których obiecywana jest praca to znaczy, że ty płacisz w gruncie rzeczy za swój staż. Na darmowy staż nie biorą już wszystkich - trzeba znać język, framework etc.

Ogólnie jeśli ktoś myśli by wskoczyć do IT to najbliższa lata mogą być ostatnim dobrym momentem, później przewiduje chujnie. pokaż całość

Bezpłatny zine sekuraka o bezpieczeństwie aplikacji webowych (to już 4 numer): https://sekurak.pl/sekurak-offline-4/

Do ściągnięcia w PDF/EPUB/MOBI

#sekurak #webdev #programowanie #security #komputery #technologia pokaż całość

źródło: sekurak-offline-4-okladkasmall.jpg

Szybkie pytanie. Czy traktujecie poważnie firmy, które na stronie/zakładce "Kontakt" udostępniają jedynie jakiś formularz kontaktowy, bez wskazania co najmniej danych rejestrowych ich przedsiębiorstwa?
ps. z pozdrowieniami dla @goodkloo piszących skądinąd fajne treści pod tagiem #socialmediacribs
#biznes #firma #dzialalnoscgospodarcza #socialmedia #reklama i może trochę #webdev i #ecommerce #sklepyinternetowe pokaż całość

16 książek za darmo https://www.packtpub.com/packt/offers/free-learning
Trzeba wyłączyć adblocka
#packtpub #programowanie #python #arduino #css #webdev

Dzisiaj niesiony weną napiszę o Offline First w kontekście PWA (Progressive Web Apps) i aplikacji mobilnych.

W skrócie. Aplikacje mobilne są fajne i mogą mieć dużo ficzerów ułatwiających i uprzyjemniających pracę. Jednym z nich jest podejście Offline First. Google w swojej niezmierzonej mądrości wpadło na to, żeby dać te ficzery też aplikacjom webowym. Mają one na urządzeniach mobilnych dawać namiastkę (lub w przyszłości wszystko) co aplikacje mobilne, dodatkowo nie trzeba nic ściągać ze sklepu poza Chromem i ogólnie na tym ma polegać PWA, a Offline First jest jednym z głównych punktów manifestu.

Offline First na urządzeniach mobilnych. Takie patterny są znane i używane praktycznie przez wszystkich. Offline można podzielić na wiele składowych, które opiszę poniżej. Ogólnie ma chodzić o to, aby użytkownik niepodpięty do sieci dostał zawartość aplikacji i w miarę możliwości mógł z niej korzystać bez dostępu do internetu. Zależy to naturalnie od specyfiki aplikacji, bo nie wszędzie wszystko się da i nie wszędzie wszystko się opłaca. No, ale o co chodzi to już wyjaśniam.

1. Poziom pierwszy, który jest często fundamentem. Informacja, że użytkownik nie jest podpięty do sieci i co może w aplikacji robić np. "Nie masz dostępu do internetu, ale nadal możesz przeglądać wersję statyczną". Często takie komunikaty są spięte z rekurencyjnym requestem kontrolnym do serwera, dzięki czemu nie spamujemy jakimiś dużymi requestami oraz niezależnie czy padł serwer czy użytkownik nie ma internetu to aplikacja wyświetli informację o błędzie połączenia. Oczywiście jak połączenie się wznowi to komunikat ma się zmienić/zniknąć. To bardzo istotne dla UX. Wiem, wiem, to są banały ( ͡° ͜ʖ ͡°)

2. Statyczny content i RDP (Repository Design Pattern). Jeśli mamy stronę wyświetlającą newsy to przy pobieraniu newsów zapisujemy konkretną liczbę najnowszych z nich do pamięci urządzenia. Każde nowe zaciągnięcie z nowymi newsami aktualizuje bazę danych w naszym urządzeniu. Jeśli ktoś nie ma internetu to ma ostatnich X artykułów i może je sobie i tak przeczytać. Jeśli ktoś ma internet to tuż po odpaleniu aplikacji pojawia się zawartość z bazy danych urządzenia, a kiedy aplikacja dostanie najnowsze dane z serwera to aplikacja zaktualizuje i bazę i widok. Dla ludzi online daje to lepszy UX.

3. Pozwalamy użytkownikowi robić akcje. Nie chodzi tu po prostu o niekasowanie zawartości formularza kiedy nie uda się go wysłać ( ͡° ͜ʖ ͡°). Chodzi o zbieranie wszystkich akcji użytkownika, sortowanie, scalanie, usuwanie duplikatów i wysyłkę przy podpięciu do sieci+ ogólny feedback dla użytkownika. Przykładem jest Keep od Google. Będąc offline możecie dodawać, usuwać i edytować notatki. Wszystko na urządzeniu widzicie na bieżąco nawet, jeśli widocznych zmian nie wysłało do serwera. To jest Offline First (ʘ‿ʘ). Prawdopodobnie ich aplikacja też robi operacje na stacku akcji, gdyż użytkownicy lubią wciskać po 10 razy to samo, edytować 2 razy to samo itp. Sortowanie i scalanie zmniejsza ilość miejsca zajmowanego na urządzeniu (zazwyczaj nieznacznie), ale też zmniejsza ilość requestów po podpięciu do sieci. Wszystko oczywiście spięte z komunikatem i testowym requestem. Tutaj ważne jest właśnie informowanie użytkownika co się dzieje, żeby nawet mając informację o braku internetu nie bał się normalnie korzystać z załadowanej zawartości - zsynchronizuje się jak się podepnie do sieci.

3.5 Konflikty operacji ( ͡° ͜ʖ ͡°). Mając telefon offline zmienicie notatkę w keepie, a potem na komputerze tą samą notatkę zmienicie w inny sposób. Po podpięciu telefonu do sieci co zastaniecie? W przypadku keepa stosowana jest duplikacja notatek w dwóch różnych wersjach i jest to rozwiązanie z podejścia Optimistic Offline. No tak, o Optimistic Offline i Pessimistic Offline wrzucę linki na dole - małe artykuły z grafikami tam są jakby co. Są to podejścia związane z zabezpieczeniem się przed konfliktami i zarządzaniem nimi. Z grubsza Keep stosuje duplikację prawdopodobnie na dużą ilość nietechnicznych użytkowników, bo większość ludzi korzystających z gita spokojnie konflikty scalania mogłoby ogarnąć inaczej ( ͡° ͜ʖ ͡°). Czyli finalnie, są 2 podejścia do tego, ale finalne rozwiązanie konfliktu można wykonać na wiele sposobów od duplikacji, przez informacje o konfliktach i rozwiązywaniu ich jak przy merge request w gicie aż po nadpisywanie zmian, czego zazwyczaj nie chcemy ( ͡° ͜ʖ ͡°).

https://martinfowler.com/eaaCatalog/pessimisticOfflineLock.html
https://martinfowler.com/eaaCatalog/optimisticOfflineLock.html

To podejście, tak jak pisałem, przechodzi z aplikacji mobilnych do aplikacji webowych, więc polecam się zainteresować jak i całą resztą PWA (ʘ‿ʘ). PS robić to możecie na wielu narzędziach, Redux przykładowo ma kilka wtyczek do tego i robi to prawie out of the box, ale możecie korzystać z dowolnego stacku, bo ważny jest efekt.

Sorki za delikatną chaotyczność, ale dzisiaj było dużo mieszania Polskich i Angielskich słów przez co może to wyglądać trochę nieskładnie. Tłumaczenie niektórych wyrażeń dla grupy, która głównie tą wiedzę zdobywa z anglojęzycznych źródeł wydaje mi się mało sensowne.

#react #reactnative #programowanie #naukaprogramowania #javascript #webdev pokaż całość

Zawsze kisnę jak znajdę coś takiego xD Mam nadzieje, że moich profesjonalnych kurw i chujów nikt nigdy nie zobaczy ( ͡° ͜ʖ ͡°)

#webdev #hehszki

źródło: Przechwytywanie.PNG

Od zera zaczynać z PHP czy JAVA?
#html #css #php #mysql #javascript #webdev #webstuff #java

15 lipca we Wrocławiu organizujemy w firmie LiveChat hackathon!

Tematem przewodnim będzie budowa produktu/prototypu, który pokazuje Waszą wizję komunikacji w internecie za następne 10 lat. Ściągamy wszelkie bariery i budujemy coś z niczego :)

Zachęcamy do udziału szeroko pojęte osoby produktowe (developerów, designerów, PMów). Zespoły max. 3 osobowe. Dla najlepszych uczestników przewidujemy wartościowe nagrody, włącznie z ofertą pracy w LiveChat.

Więcej info o hackathonie na stronie: https://www.livechatinc.com/hackathon/

====

Jest to nasz drugi hackathon. Zeszłoroczni zwycięzcy dołączyli do zespołu LiveChat, a dzisiaj mają już gotowy produkt do budowy chat botów: https://botengine.ai/

#hackathon #programowanie #frontend #javascript #webdev #wroclaw #ai #livechat pokaż całość

Wziąłem sobie radę na temat mojej czytelności do serca i staram się pisać bardziej przystępnie ( ͡° ͜ʖ ͡°).

TL;DR setState w React'ie może działać asynchronicznie i czasami można się na tym przejechać. Na szczęście setState może przyjmować funkcje ( ͡° ͜ʖ ͡°).

News ten podobno wstrząsnął sceną Reactową. Odpowiedzialny za niego jest Pan Abramov - jeden z uber wymiataczy Reactowych. No, ale do rzeczy.

React stara się być mądry i zbierać w miarę możliwości zmiany state'u do kupy, żeby nie re-renderować za każdym razem zawartości (a właściwie nie sprawdzać czy trzeba re-renderować i ewentualnie re-renderować). Jest to szczególnie częsty problem przy operacjach inkrementacji i dekrementacji na state'cie oraz na toggle'ach.

Kod taki jak:
state={counter:0};
this.setState({counter:this.state.counter+1});
this.setState({counter:this.state.counter+1});
this.setState({counter:this.state.counter+1});

Może wyprodukować nam na końcu, że this.state.counter === 1 //true . Syntax to es7, ale ogólnie raczej łapiecie o co chodzi. Ten problem zazwyczaj występuje w buttonach i innych rzeczach opierających się inkrementacji bądź dekrementacji.

Drugi przypadek to toggle używane często w rozwijanych menu i innych rzeczach mających w state wartość boolean:
state={toggle:false};
this.setState({toggle:!this.state.toggle});
this.setState({toggle:!this.state.toggle});

Może nam zamiast false zwrócić true ( ͡° ͜ʖ ͡°).

Rozwiązaniem jest odkrycie Abramova, który sprawdził, że setState może przyjmować funkcje. Ba. Z tymi funkcjami można robić różne cuda. Rozpatrzmy najpierw dwa przykłady z góry:
state={counter:0};
this.setState((state) => ({counter : state.counter + 1}));
this.setState((state) => ({counter : state.counter + 1}));
this.setState((state) => ({counter : state.counter + 1}));

state={toggle:false};
this.setState((state) => ({toggle:!state.toggle}));
this.setState((state) => ({toggle:!state.toggle}));

Funkcja ta może przyjmować drugi parametr, a nawet być wydzielona i zmieniać state komponentu spoza niego! Ba. Może być funkcją zwracającą funckję ( ͡° ͜ʖ ͡°). Może to zastąpić przykładowo pattern nr 1 z linku https://hackernoon.com/10-react-mini-patterns-c1da92f068c5

Więcej o setState i tych bonusach:
-Dokumentacja https://facebook.github.io/react/docs/react-component.html#setstate
-Post z odnośnikami do postów Abramova na Twitterze https://medium.freecodecamp.com/functional-setstate-is-the-future-of-react-374f30401b6b

#react #reactnative #programowanie #naukaprogramowania #javascript #webdev pokaż całość

http://binaryify.github.io/vue-tetris/
https://github.com/Binaryify/vue-tetris/blob/master/README-EN.md

#tetris w #vuejs :)

#webdev #javascript

#programowanie #webdev #frontend #backend Mirasy jakis czas temu byly wrzucane najpolularniejsze pytania i odpowiedzi na rozmowachh o prace. Poratujecie linkiem?

#ufik78news #javascript #programowanie #webdev

01. Link - Linux insides Book

02. Link - RE guide for beginners: Methodology and tools

03. Link - Shorthand JavaScript techniques

04. Link - Python Data Science Handbook

05. Link - A crash course in memory management

06. Link - Can Neural Networks Crack Sudoku?

07. Link - Node.js child processes everything you need to know

08. Link - JavaScript for microcontrollers and IoT

09. Link - Introducing: Lazy arrays in JavaScript

10. Link - JavaScript equals async await

11. Link - Functional programming in JavaScript is an antipattern

12. Link - A self-driving web app framework pokaż całość

Bądź jedną z największych korporacji na świecie. #samsung

Używaj #flash'a na swojej platformie zakupowej

#zalesie #webdev

źródło: i.imgur.com

◢ #unknownews ◣

Czas na lekko spóźnione, podsumowanie weekendu - zaczynamy!

1) Jak wyglądałaby rozmowa kwalifikacyjna na tłumacza dokumentacji, gdyby prowadzono ją w stylu w jakim rekrutuje się programistów?
https://medium.freecodecamp.com/welcome-to-the-software-interview-ee673bc5ef6
INFO: tekst humorystyczny, ale dający do myślenia, że rozmowy techniczne idą w niebezpiecznie złym kierunku...

2) Wszyscy znamy LAMP (web serwer z Apachem) czy LEMP (z nginx) - bądź hipsterem i wybierz BCSH ( #linux + #freebsd )
https://learnbchs.org
INFO: BSD + C + httpd + SQLite, czyli alternatywa dla standardowej konfiguracji pod produkcyjny webserwer

3) #debian 9 wydany! - po ponad dwóch latach prac, można pobrać oficjalną wersję 9-tki
https://www.debian.org/News/2017/20170617
INFO: w tej wersji pozbyto się np. bazy MySQL na rzecz MariaDB, a icewasel i icedove zostały zastąpione przez Firefoxa i Thunderbirda

4) Twórcy #protonmail uruchomili nową usługę - ProtonVPN (jest pakiet za free!)
https://protonvpn.com

5) Nie musisz używać słuchawek w biurze aby mieć spokój - po prostu napraw swoje biuro
https://rradczewski.github.io/ymmv/2017/06/Where-we-are-going-we-dont-need-headphones
INFO: idea z wykrywaczem hałasu, połączonym ze światłami zielony/żółty/czerwony jest piękna :D

6) Wersja Debiana do uruchamiania na... zestawie klocków #lego Mindstorm
http://www.ev3dev.org

7) Intel wycofuje się z projektów Joule/Galileo/Edison.
http://hackaday.com/2017/06/19/intel-discontinues-joule-galileo-and-edison-product-lines/

8) Narzędzie online do zamiany schematów w stylu ASCII-art na wersje rysowane ręcznie
http://shakydraw.com

9) Badania pokazują, że synowie starszych ojców są bardziej 'geekowaci' ;) ( #ciekawostki )
http://www.bbc.com/news/health-40340540

10) "Golden Layout" - ciekawy framework do obsługi layoutów w trybie 'kontenerów' ( #webdev )
http://golden-layout.com
INFO: każdy element na stronie to osobny kontener, który możemy zamknąć, przenieść (drag&drop) itp.

11) Parlament Europejski, który chciał zakazać szyfrowania, teraz... myśli nad zmuszeniem ludzi do używania szyfrowania
http://www.bbc.com/news/technology-40326544

12) "Google Jobs" - wyszukiwarka ofert pracy od #google
https://blog.google/products/search/connecting-more-americans-jobs/
INFO: obecnie, usługa działa jedynie na terenie USA, ale za jakiś czas możliwe, że trafi do Polski

************

[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Podziękuj za newsy] - [Wersja RSS] pokaż całość

źródło: IMG_96C02CB32C2D-1.jpeg

#naukaprogramowania #webdev #css #frontend

. . . kliknij, aby rozwinąć obrazek . . .

źródło: websitesetup.org

o panie, kto panu to tak... https://clixs.pl/ ( ͡° ͜ʖ ͡°)

#laravel #php #webdev

źródło: i.imgur.com

#webdev #css

Ostatnio pisałem, że okazało się, że gówno wiem o fleksboksie, co jeszcze można wybaczyć, bo flexbox to względnie nowa rzecz. Ale dzisiaj okazało się, że gówno wiem o vertical-align. Polecam wyczerpujący artykuł wyjaśniający tajniki vertical-align
http://christopheraue.net/2014/03/05/vertical-align/

pokaż spoiler A kto nigdy nie dawał `position: relative; top: -1px` żeby `vertical-align: middle` rzeczywiście wycentrowało element niech pierwszy rzuci kamień!
pokaż całość

Warto sie pobawić. Świetnie to zrobili :D

http://www.windows93.net/

#ciekawostki #windows #webdev #grafika

Sometimes when I'm writing Javascript I want to throw up my hands and say "this is bullshit!" but I can never remember what "this" refers to

#humorinformatykow #webdev

#webdev #html #css #gif #js #cssdemo
Bardzo prosty przycisk bez użycia JS i pochodnych bibliotek.

Jeden przycisk z użyciem zaledwie jednego <label>, a trwałe przyciśnięcie przy pomocy ukrytego "checkbox" albo "radio" (inaczej musiałbym JS użyć).
Główny prostokąt to ten ciemniejszy czerwony z ustawionym cieniem wokół. A jasnoczerwony to pseudoelement ":before", czyli element zduplikowany bez utworzenia kolejnego elementu w HTML.

pokaż spoiler gotowe przyciski miałyby większą prędkość, bo trochę powolne.
pokaż całość

GIF

źródło: przycisk.gif (453KB)

Myśle ostatnio czy by nie zalozyc mojego autorskiego taga, gdzie bym wrzucal moje postępy z nauki html'a 5, ale chyba nikt nie chcialby sledzic jak jakis laik się uczy programowac
#html #webdev #programowanie

Mirki i Mirabelki, mój chłopak powiedział mi, że jestem jak serwer http a powinnam być jak websockety. O co mu chodzi XD

#programowanie #programista15k #webdev #zwiazki

najlepszy #protip komkputerowy jaki usłyszałem w ciągu ostatniej dekady

trzymając ALT możecie zaznaczyć tekst w linku (w przeglądarce)

znalazłem to na wykopie ale warto powtórzyć #lifehack #webdev #przegladarki działa z #firefox #chrome i pewnie innymi

#przegryw #gamedev #webdev #webstuff
Dorobisz się willi na przedmieściach, a tu... inwazja zombie! ( ͡º ͜ʖ͡º)
Jak żyć?

źródło: budowlanka.png

Tym razem z poprawionymi tagami ( ͡° ͜ʖ ͡°)

PDF: https://websitesetup.org/html5-cheat-sheet/

#naukaprogramowania #webdev #html #frontend #grafika

. . . kliknij, aby rozwinąć obrazek . . .

źródło: wykop.pl

#programowanie #webdev #aplikacje #heheszki #humor #gry #overwatch

źródło: overwatch.jpg

Doprowadza mnie do szalu po prostu jak namecze sie przy backhendzie jakiegos projektu, piszac czysty i ladny kod (przynajmniej w moim mniemaniu) a potem po mnie ktos "wejdzie" i napisze frontend w tak gowniany sposob, ze az wstyd pokazywac to w portfolio...

#webdev #freelance #programowanie