Cze┼Ť─ç!

Jak w ka┼╝dy pi─ůtek (niezmiennie od wielu lat), przygotowa┼éem kolejny przegl─ůd ciekawych tre┼Ťci z bran┼╝y IT. Dzi┼Ť szczególnie polecam Ci trzy pierwsze linki z zestawienia, które najbardziej przypad┼éy mi do gustu.

Film o Korei Pó┼énocnej jest d┼éuuugi, ale wci─ůga i momentami bawi, a historia o tworzeniu stron metodami z lat 90-tych to dla mnie powrót do czasów, gdy jako m┼éody WebDev tworzy┼éem strony w HTML 3.2, a CSS umia┼é wtedy co najwy┼╝ej zmieni─ç rozmiar/kolor fonta i ustawia─ç marginesy ­čśë

A! Jeszcze odrobina prywaty.

Je┼Ťli jeste┼Ť z Krakowa lub okolic, to 20 lipca o 17:30 b─Öd─Ö prowadzi┼é prelekcj─Ö na temat sztucznej inteligencji i jej zastosowania w ┼Ťwiecie programistów. NIE b─Ödzie o generowaniu kodu, a o integracji AI z istniej─ůcymi systemami. Wi─Öcej informacji:

https://www.meetup.com/future-meetup/events/294495468/

 

To co? Czas zostawi─ç pi─ůtkowe taski w pracy i zacz─ů─ç poch┼éania─ç unknowNews ­čśĆ

 

ÔŚó #unknownews ÔŚú

  1. Zbudujmy prost─ů stron─Ö, ale... mamy rok 1999 :)
    https://medium.com/@mihauco/how-to-create-a-personal-website-but-its-1999-48283b1f5be4
    INFO: Autor podejmuje wyzwanie, aby stworzy─ç rozbudowan─ů stron─Ö internetow─ů korzystaj─ůc─ů z JS i CSS, ale musi ona dobrze dzia┼éa─ç na Windows 98 z przegl─ůdarkami Internet Explorer 5 i Netscape Navigator 4.51 oraz musi by─ç napisana z u┼╝yciem edytorów/IDE z tamtych czasów. Ciekawy eksperyment u┼Ťwiadamiaj─ůcy jak bardzo zmieni┼é si─Ö temat webdevelopmentu od tamtych czasów.

  2. Kto zabił Google Readera?
    https://www.theverge.com/23778253/google-reader-death-2013-rss-social
    INFO: Min─Ö┼éo 10 lat od zamkni─Öcia tego serwisu. Artyku┼é opowiada histori─Ö jego powstania, rozwoju, a tak┼╝e tego, jak wygl─ůda┼é jego koniec. Co posz┼éo nie tak?

  3. Na czym, po co i ile zarabia Korea Pó┼énocna? (film, 40 minut)
    https://www.youtube.com/watch?v=8NK0siegoTY
    INFO: Prezentacja Mateusza Ossowskiego z ubieg┼éorocznej konferencji 'Oh My Hack'. Autor opowiada g┼éównie o cyberatakach realizowanych przez wspomniane pa┼ästwo oraz dzieli si─Ö gar┼Ťci─ů interesuj─ůcych ciekawostek. Przyjemne i momentami zabawne wyst─ůpienie.

  4. Upadaj─ůce sieci spo┼éeczno┼Ťciowe - co posz┼éo nie tak?
    https://gizmodo.com/why-these-social-networks-failed-so-badly-1836996164
    INFO: Czego brakowa┼éo Google+, ┼╝e przegra┼é z Facebookiem? Co zabi┼éo MySpace? Dlaczego Vine musia┼éo znikn─ů─ç? Artyku┼é omawia ┼é─ůcznie 11 ciekawych przypadków sieci spo┼éeczno┼Ťciowych, które ju┼╝ nie istniej─ů, a które albo dobrze si─Ö zapowiada┼éy, albo nawet podbija┼éy rynek.

  5. Jedna linia kodu zniszczy┼éa rakiet─Ö kosmiczn─ů? - przypadek Ariane 5
    https://jam.dev/blog/famous-bugs-rocket-launch
    INFO: Analiza buga programistycznego, który w roku 1996 doprowadzi┼é do eksplozjii (a dok┼éadniej mówi─ůc: do samozniszczenia) wartej ponad pó┼é miliona euro rakiety.

  6. Na czym pracuj─ů developerzy? - soft, gad┼╝ety, konfiguracje
    https://uses.tech/
    INFO: Strony "USES" nie s─ů jeszcze zbyt popularne w Polsce, ale na ┼Ťwiecie tworzy je wielu ludzi z bran┼╝y IT. S─ů to kompilacje softu, konfiguracji, hardware, wyposa┼╝enia (np. jaki maj─ů monitor, jakie biurko itp.) u┼╝ywanego przez dan─ů osob─Ö. Ta strona mo┼╝e Ci─Ö poch┼éon─ů─ç na d┼éu┼╝sz─ů chwil─Ö, ale by─ç mo┼╝e te┼╝ zainspiruje Ci─Ö do poznania jakiego┼Ť nowego softu, czy gad┼╝etu. Niektóre ze stron s─ů bardzo ubogie, a inne skrajnie rozbudowane. Te┼╝ mam swoj─ů stron─Ö USES.

  7. Powolny upadek StackOveflow, to NIE wina AI?!
    https://blog.gopenai.com/the-strange-death-of-stack-overflow-cda2921f37fb
    INFO: Od okolic 2014 roku, aktywno┼Ť─ç na portalu StackOverflow spada, pomimo zachowania stabilnego wzrostu liczby u┼╝ytkowników. Sk─ůd ta dziwna zale┼╝no┼Ť─ç? Ostatnio sporo mówi┼éo si─Ö o tym, ┼╝e AI sta┼éo si─Ö gwo┼║dziem do trumny tego serwisu, ale czy ich problemy nie zacz─Ö┼éy si─Ö 9-10 lat wcze┼Ťniej?

  8. Obliczenia 'Back of the Envelope' - czym s─ů i dlaczego mog─ů Ci si─Ö przyda─ç?
    https://systemdesign.one/back-of-the-envelope
    INFO: W bran┼╝y IT przewa┼╝nie stosuje si─Ö bardzo dok┼éadne obliczenia. Dlaczego wi─Öc mia┼éby┼Ť zacz─ů─ç u┼╝ywa─ç tych mniej dok┼éadnych, szacunkowych i jak mia┼éyby Ci one pomóc w projektowaniu systemów? Tego dowiesz si─Ö z artyku┼éu.

  9. Co si─Ö dzieje, gdy wpisujesz adres URL w przegl─ůdark─Ö?
    https://systemdesign.one/what-happens-when-you-type-url-into-your-browser
    INFO: To popularne pytanie na rozmowach o prac─Ö w bran┼╝y IT, które pokazuje, jak dobrze rozumiesz technologie dzia┼éaj─ůce w Internecie. Ten artyku┼é rozk┼éada ca┼éy proces na kolejne kroki i wyja┼Ťnia je.

  10. Alokacja pami─Öci - jak dzia┼éaj─ů malloc i free?
    https://samwho.dev/memory-allocation/
    INFO: Interaktywne przedstawienie wspomnianych zagadnie┼ä. Idealne wyja┼Ťnienie dla ka┼╝dego, kto chce bardziej dog┼é─Öbnie dowiedzie─ç si─Ö, jak dzia┼éaj─ů aplikacje i j─Özyki programowania.

  11. CSS o ograniczonym zasi─Ögu - Scoped CSS
    https://keithjgrant.com/posts/2023/04/scoped-css-is-back/
    INFO: Jednym z najwi─Ökszych problemów przy stylowaniu elementów na stronie jest dziedziczenie atrybutów. Niekiedy ustawienia z elementu nadrz─Ödnego wpadaj─ů do podrz─Ödnego. A┼╝ chcia┼éoby si─Ö zaimplementowa─ç funkcj─Ö "nie dziedzicz tego!". Scoped CSS rozwi─ůzuje ten problem.

  12. DISCO - model AI generuj─ůcy taniec na podstawie fotki osoby
    https://disco-dance.github.io/
    INFO: Nowy model za pomoc─ů AI potrafi wygenerowa─ç ta┼äce podobne do tych rodem z TikToka. Nie wygl─ůda to jeszcze tak super, jak mo┼╝na by si─Ö spodziewa─ç (wida─ç rozmycia, przeskoki w klatkach, liczne artefakty itp.), ale ju┼╝ i tak osi─ůgni─Öto imponuj─ůcy poziom zaawansowania.

  13. Zainteresowanie ChatGPT zaczyna si─Ö stabilizowa─ç?
    https://www.similarweb.com/blog/insights/ai-news/chatgpt-traffic-drops/
    INFO: W czerwcu ruch na stronie czatu spad┼é o niemal 10%, a liczba unikalnych u┼╝ytkowników spad┼éa o 5,7%. To pierwsze takie spadki. O ile strona z UI chatu zalicza spadki ruchu, to platforma dla developerów wr─Öcz przeciwnie.

  14. Co sprawia, ┼╝e wspó┼éczesne komputery dzia┼éaj─ů tak wolno?
    https://jmmv.dev/2023/06/fast-machines-slow-machines.html
    INFO: Autor odwo┼éuje si─Ö do swojego wiralowego w─ůtku na Twitterze, na którym pokaza┼é jak super p┼éynnie dzia┼éa interfejs u┼╝ytkownika na wiekowym komputerze z Windows NT i jak wolno dzia┼éa on na wspó┼éczesnym sprz─Öcie z Windows 11. Co sprawia, ┼╝e nowe, o wiele mocniejsze komputery staj─ů si─Ö mniej responsywne i bardziej oci─Ö┼╝a┼ée?

  15. Jak dzia┼éa OAuth2 - proste wyja┼Ťnienie (film, 5 minut)
    https://www.youtube.com/watch?v=ZV5yTm4pT8g
    INFO: W tym wideo autor stara si─Ö przedstawi─ç protokó┼é OAuth2 w mo┼╝liwie prosty i przyst─Öpny sposób. Warto rzuci─ç okiem i usystematyzowa─ç swoj─ů wiedz─Ö.

  16. Drag and drop w aplikacjach webowych
    https://www.redblobgames.com/making-of/draggable/
    INFO: Zaimplementowanie takiego zachowania mo┼╝e wydawa─ç si─Ö do┼Ť─ç proste (mnóstwo bibliotek to oferuje), ale po drodze mo┼╝na natkn─ů─ç si─Ö na kilka przeszkód. Artyku┼é omawia jak poprawnie zaimplementowa─ç tego rodzaju zachowanie.

  17. Alias Traversals w Nginx - jak wielk─ů ró┼╝nic─Ö robi jeden slash?
    https://labs.hakaioffsec.com/nginx-alias-traversal/
    INFO: Drobna (dos┼éownie jeden znak) literówka w konfiguracji serwera NGINX mo┼╝e doprowadzi─ç do tego, ┼╝e przypadkiem udost─Öpnisz w internecie ca┼é─ů zawarto┼Ť─ç serwera webowego. Artyku┼é opisuj─Ö, na czym polega luka i jak j─ů wykorzysta─ç.

  18. Platforma HEY (poczta email) przesz┼éa z chmury do klasycznych serwerów
    https://world.hey.com/dhh/we-have-left-the-cloud-251760fb
    INFO: David Heinemeier hansson (znany jakoi 'DHH') ju┼╝ rok temu zapowiada┼é wielk─ů migracj─Ö na dedyki. W tym roku firma zrealizowa┼éa jego zapowiedzi. Warto rzuci─ç okiem na powody wyj┼Ťcia i przy okazji przeczyta─ç poprzednie teksty, do których linkuje ten wpis.

  19. Wyszukiwarka dokumentacji AWS nap─Ödzana przez AI
    https://www.awsdocsgpt.com/
    INFO: Zamiast bezpo┼Ťrednio czyta─ç dokumentacj─Ö, mo┼╝esz po prostu zapyta─ç AI o to, czego szukasz, a temat zostanie dla Ciebie mo┼╝liwie szczegó┼éowo opracowany. Mo┼╝e si─Ö przyda─ç, gdy chcesz bardzo szybko odnale┼║─ç jak─ů┼Ť drobnostk─Ö, ale nie pami─Ötasz, gdzie o tym pisano. Wyszukiwarka poza opracowaniem odpowiedzi zwraca tak┼╝e linki do ┼║róde┼é swojej wiedzy.

  20. API do GPT-4 jest ju┼╝ publicznie dost─Öpne (bez waitlisty)
    https://openai.com/blog/gpt-4-api-general-availability
    INFO: Dobra wiadomo┼Ť─ç dla programistów. Je┼Ťli jeste┼Ť p┼éatnym u┼╝ytkownikiem API (czyli wyda┼ée┼Ť na nie przynajmniej 1 centa), to masz ju┼╝ dost─Öp do GPT-4. Pojawi┼éo si─Ö tak┼╝e kilka zmian programistycznych w zwi─ůzku z DALL-E, Whisperem i ze starymi modelami z kategorii 'completion'. Warto rzuci─ç okiem.

  21. Mofi - inteligentne narz─Ödzie do wycinania fragmentów audio
    https://mofi.loud.red/
    INFO: Prawdopodobnie znasz ten efekt z aplikacji graficznych, gdzie jeste┼Ť w stanie wymaza─ç z fotki np. turystów, drzewa, czy samochody. Wyobra┼║ sobie, ┼╝e jeste┼Ť w stanie zrobi─ç to samo z plikiem d┼║wi─Ökowym. Na tym w┼éa┼Ťnie polega dzia┼éanie Mofi. Uploadujesz np. piosenk─Ö i zaznaczasz, które fragmenty s─ů spoko, które Ci si─Ö nie podobaj─ů, a algorytm postara si─Ö wyci─ů─ç to, co nie pasuje, ukrywaj─ůc przy tym wyci─Öte dziury tak, aby by┼éy mo┼╝liwie niewykrywalne.

  22. Warp vs Fig - porównanie dwóch popularnych terminali (film, 14 minut)
    https://www.youtube.com/watch?v=GHKy8cTg1kA
    INFO: Nadal u┼╝ywasz tradycyjnego, dost─Öpnego w systemie terminala? Mo┼╝e warto przesi─ů┼Ť─ç si─Ö na wspieranego przez AI Warpa albo pozna─ç Figa, który da Ci supermoce, podczas pracy w CLI? Który z nich wybra─ç i co tak naprawd─Ö one oferuj─ů?

  23. Funkcja detekcji wypadków samochodowych w iPhone jest super, ale nie na imprezie
    https://gizmodo.com/iphones-false-911-calls-bonnaroo-android-uk-999-1850576151
    INFO: Na festiwalu muzycznym Bonnaroo, niektórzy z ta┼äcz─ůcych u┼╝ytkowników iPhonów 14 i 14 Pro byli klasyfikowani jako ofiary wypadków samochodowych. Brzmi zabawnie, ale jednak generuje zbyteczny ruch na infolinii 911.

  24. eruda - devtoolsy dla przegl─ůdarek mobilnych
    https://github.com/liriliri/eruda
    INFO: Potrzebujesz podgl─ůdu konsoli JS na smartofonie? A mo┼╝e przyda┼éaby Ci si─Ö opcja 'inspect element'? Eruda to za┼éatwia. Po prostu osad┼║ fragment kodu JS na stronie, nad któr─ů pracujesz i gotowe - masz dost─Öp do namiastki DevToolsów znanych np. z Chrome. Je┼Ťli chcesz zobaczy─ç, jak to wygl─ůda w praktyce, to kliknij linka z sekcji 'about'.

  25. Lista 25 narz─Ödzi i taktyk do zabezpieczania aplikacji - e-book (90 stron)
    https://brightinventions.pl/blog/infrastructure-reconnaissance-tools-for-your-app-security/
    INFO: Darmowy e-book przedstawiaj─ůcy popularne narz─Ödzia open sourcowe, które mog─ů pomóc Ci podnie┼Ť─ç poziom bezpiecze┼ästwa w aplikacji webowej. Dodatkowo, w publikacji znajdziesz odwo┼éania do dokumentów, które pomog─ů Ci usystematyzowa─ç metody testowania i zabezpieczania aplikacji. Aby pobra─ç e-booka, trzeba poda─ç swój adres mailowy.

  26. Micromorty - jak niebezpieczne s─ů codzienne aktywno┼Ťci?
    https://micromorts.rip/
    INFO: Micromort to jednostka okre┼Ťlaj─ůca, z jak du┼╝ym prawdopodobie┼ästwem (na milion prób) umrzesz, wykonuj─ůc dan─ů akcj─Ö. Ciekawe zestawienie zagro┼╝enia ┼Ťmierci─ů: wstawanie z ┼éó┼╝ka po 45 roku ┼╝ycia vs. latanie na paralotni albo poród w szpitalu vs. base jumping. Czy ta wiedza Ci si─Ö do czego┼Ť przyda? Nie ;)

  27. VPN od Mozilli - ju┼╝ dost─Öpny w Polsce
    https://www.mozilla.org/en-US/products/vpn/
    INFO: D┼éugo zapowiadany VPN od Mozilli jest ju┼╝ dost─Öpny w naszym kraju i oferuje dost─Öp do serwerów z ponad 35 krajów za oko┼éo 22z┼é/msc (przy p┼éatno┼Ťci rocznej). Cena jest raczej przeci─Ötna, a gdy doczyta si─Ö, ┼╝e Mozilla jest w zasadzie tylko resellerem Mullvad VPN, to oferta wygl─ůda raczej s┼éabo. Na korzy┼Ť─ç projektu przemawia dedykowana aplikacja, która dorzuca do standardowego 'mullavad-owego VPNa' nowe opcje.

  28. CallToInspiration - inspiracje do projektów UX
    https://calltoinspiration.com/
    INFO: Jak powinien wygl─ůda─ç formularz logowania albo kalendarz, albo komunikat z b┼é─Ödem, albo... po prostu zainspiruj si─Ö, ogl─ůdaj─ůc gotowe projekty z ciekawymi implementacjami popularnych elementów na stronie.

  29. Wielka kolekcja instrukcji do klocków LEGO
    https://archive.org/details/lego-set-instructions
    INFO: Archiwum sieciowe zarchiwizowa┼éo ponad 6800 oryginalnych instrukcji z klocków LEGO. Wyszukiwarka (ta po lewej, nie ta górna) pomo┼╝e Ci znale┼║─ç inspiracj─Ö na budowle. Instrukcje mog─ů Ci si─Ö przyda─ç, je┼Ťli masz dzieci, albo... je┼Ťli masz siebie i te┼╝ lubisz bawi─ç si─Ö klockami ;)

  30. Melofi - odtwarzacz muzyki Lofi z dodatkowymi narz─Ödziami
    https://melofi.app/
    INFO: By─ç mo┼╝e znasz narz─Ödzia poprawiaj─ůce skupienie, takie jak Endel, czy BrainFM. S─ů fajne, ale i p┼éatne. Melofi to darmowy projekt, który oferuje dost─Öp do muzyki, ale poza jej odtwarzaniem mo┼╝esz w ustawieniach sceny dorzuci─ç np. efekty takie jak kawiarniany gwar, odg┼éosy deszczu, czy odg┼éosy natury. Muzyk─Ö mo┼╝na zaci─ůga─ç z bezp┼éatnej bazy projektu, jak i ze Spotify. Rzu─ç okiem tak┼╝e na narz─Ödzia dodatkowe.

  31. Biblioteka do usuwania tła ze zdjęć - w 100% frontendowa
    https://github.com/imgly/background-removal-js
    INFO: Wiem, ┼╝e takich narz─Ödzi istniej─ů ju┼╝ dziesi─ůtki, ale to jest otwarto┼║ród┼éowe i do tego na licencji GPL-3.0, wi─Öc dzi─Öki niej, bez wi─Ökszych problemów mo┼╝esz dorzuci─ç funkcj─Ö usuwania t┼éa do swojej aplikacji webowej, bez konieczno┼Ťci korzystania z p┼éatnych API.

  32. Alternatywa Scribehow dla Firefoxa (generator tutoriali point and click)
    https://what-to-click.com/
    INFO: Chcesz pokaza─ç komu┼Ť krok po kroku, jak dzia┼éa Twoja aplikacja webowa i jak wykona─ç w niej pewne kroki? Najpro┼Ťciej jest zrobi─ç to za pomoc─ů dobrze opisanych zrzutów ekranu z zaznaczonymi miejscami, gdzie u┼╝ytkownik powinien klikn─ů─ç. Dok┼éadnie to realizuje rozszerzenie "What to click". To klon znanego Scribehow, tylko darmowi i otwarto┼║ród┼éowy.

LINKI TYLKO DLA PATRONÓW

  1. Zbuduj prompta dla AI na podstawie obrazu
    https://uw7.org/un_8ad7d78d96605/0000000000000000000000000000000000000000
    INFO: Masz zdj─Öcie i chcesz wygenerowa─ç co┼Ť podobnego pod wzgl─Ödem kompozycji, ale np. w Midjourney? Problem polega na tym, ┼╝e nie umiesz napisa─ç odpowiedniego prompta? To narz─Ödzie przygotuje go dla Ciebie. Kliknij ikon─Ö uploadu fotki, zamiast pisa─ç opis.

  2. Kurs online z projektowania systemów na du┼╝─ů skal─Ö (darmowy)
    https://uw7.org/un_a2626b49cebd7/0000000000000000000000000000000000000000
    INFO: Materia┼é jest w formie tekstowej i zawiera sporo porad na temat projektowania systemów. Ta wiedza mo┼╝e si─Ö przyda─ç nie tylko do tworzenia skalowalnych rozwi─ůza┼ä, ale tak┼╝e jako materia┼é do przygotowania si─Ö na rozmow─Ö techniczn─ů np. na stanowisko architekta systemowego.

 

Do┼é─ůcz do grona patronów, dzi─Öki którym powstaje ten newsletter :)

 

Zobacz poprzednie wydania newslettera:

 

Lubisz czyta─ç mój Newsletter? Podziel si─Ö nim prosz─Ö ze znajomymi ÔČç´ŞĆ 

Facebook Twitter Linkedin

Wersja webowa aktualnego wydania

 

Do zobaczenia za tydzie┼ä  ­čĹő

 

Jakub Mrugalski

pozdrawiam

Jakub 'unknow' Mrugalski

https://mrugalski.pl

Facebook Instagram YouTube Twitter Linkedin

Je┼Ťli nie chcesz wi─Öcej otrzymywa─ç ode mnie wiadomo┼Ťci, zawsze mo┼╝esz si─Ö wypisa─ç.

Zapisz si─Ö na ten newsletter!