Cze┼Ť─ç!

Mam nadziej─Ö, ┼╝e tydzie┼ä mija Ci spokojnie. Na pocieszenie powiem tylko, ┼╝e dzi┼Ť ju┼╝ pi─ůtek. Wytrwaj jeszcze te kilka godzin w pracy i w mi─Ödzyczasie zapoznaj si─Ö z dzisiejszym wydaniem mojego newslettera :)

 

Sponsorem tego wydania jest firma Connectis_, która posiada spo┼éeczno┼Ť─ç na Discordzie skoncentrowan─ů na rozwoju kariery ekspertów IT. Jednocze┼Ťnie Connectis_ przygotowa┼é innowacyjn─ů platform─Ö C_hub, która samodzielnie proponuje ciekawe projekty ekspertom, bazuj─ůc na ich kompetencjach i do┼Ťwiadczeniu. Sprawd┼║ mo┼╝liwo┼Ťci C_Huba i do┼é─ůcz do spo┼éeczno┼Ťci.

Wi─Öcej informacji tutaj.

 

W ostatnim wydaniu newslettera pisa┼éem na temat stron 'USES', gdzie programi┼Ťci dziel─ů si─Ö swoim setupem. Wspomnia┼éem tak┼╝e, ┼╝e sam posiadam tak─ů stron─Ö i... oczywi┼Ťcie niepoprawnie do niej zalinkowa┼éem. Poprawny link do mojej strony tego typu, który powinien pojawi─ç si─Ö tydzie┼ä temu, jest tutaj. Przepraszam za pomy┼ék─Ö.

 

Drobna pro┼Ťba:

Ze wzgl─Ödu na du┼╝─ů liczb─Ö linków w ka┼╝dym z wyda┼ä tego newslettera, wielu dostawców poczty (g┼éównie polskie firmy hostingowe) wrzuca newsletter do folderu ze spamem. Kontaktowa┼éem si─Ö ju┼╝ z wieloma firmami w tej sprawie, ale niestety niczego nie uda┼éo mi si─Ö uzyska─ç. Dobrym pomys┼éem na rozwi─ůzanie tego problemu jest dodanie adresu newslettera ([email protected]) do swojej ksi─ů┼╝ki kontaktowej u dostawcy poczty, z którego korzystasz. Mo┼╝na tak┼╝e skonfigurowa─ç sobie filtr, który nigdy nie wrzuca do spamu wiadomo┼Ťci z tego adresu. Niestety, rozwi─ůzywanie problemów z polskimi firmami hostingowymi to walka z wiatrakami. Po miesi─ůcach kontaktów z supportami firm jestem w tym samym miejscu, w którym by┼éem przed nawi─ůzaniem z nimi kontaktu.

 

OK, koniec narzekania - zapraszam do lektury!

 

ÔŚó #unknownews ÔŚú

  1. Fotobudka z efektem "bullet time"
    https://there.oughta.be/a/bullet-time-video-booth
    INFO: Prawdopodobnie kojarzysz efekt bullet time, znany np. z filmu Matrix (np. scena, gdy Neo ucieka przed kulami). Autor wpisu postanowi┼é zbudowa─ç 'fotobudk─Ö weseln─ů' realizuj─ůc─ů taki w┼éa┼Ťnie efekt. Pomys┼éowa konstrukcja. Na pocz─ůtku tekstu masz link do filmu prezentuj─ůcego dzia┼éanie budki w praktyce.

  2. Jak wygl─ůda┼é typowy setup komputera developera z lat 90?
    https://retrocoding.net/the-90s-developer-starter-pack
    INFO: Windows XP, proces 486 i RAM liczony w megabajtach brzmi─ů znajomo? Te┼╝ na takim sprz─Öcie zaczyna┼éem przygod─Ö z programowaniem. Odrobina nostalgii dla programistów mocno po 30-stce.

  3. Przegl─ůd aktualnych trendów w UI (film, 9 minut)
    https://www.youtube.com/watch?v=TBOmUuG-9BY
    INFO: Paski post─Öpu, customowe kursory, ogromne teksty nag┼éówkowe na stronie, obiekty 3D, przekombinowane animacje i wiele, wiele innych. Zobacz, co teraz jest modne (i wkurzaj─ůce przy okazji z punktu widzenia autorki filmu) w ┼Ťwiecie UI.

  4. Jak zaimplementowa─ç sprytn─ů wyszukiwark─Ö w PostgreSQL?
    https://xata.io/blog/postgres-full-text-search-engine
    INFO: Importujesz dane do bazy, a pó┼║niej chcesz efektywnie je wyszukiwa─ç. Jak si─Ö do tego zabra─ç? Czym jest szukanie wektorowe i jak zaimplementowa─ç 'fuzzysearch'? O tym w artykule.

  5. Klasyczne narzędzia unixowe i ich zastosowanie przy obchodzeniu zabezpieczeń
    https://gtfobins.github.io/
    INFO: Czy typowe narz─Ödzia takie jak cat, gzip, tail, awk, at itp. mog─ů stanowi─ç zagro┼╝enie w systemie Linux/Unix? Mog─ů! Pod warunkiem ┼╝e system jest niepoprawnie skonfigurowany. Ka┼╝de narz─Ödzie ma podany przyk┼éad, co z┼éego mo┼╝e przytrafi─ç si─Ö w jednym z dwóch przypadków: gdy dany tool ma ustawiony bit SUID lub gdy u┼╝ytkownik ma prawa do wykonania tego narz─Ödzia przez sudo.

  6. Jakiego RAID-a wybra─ç pod NAS-a?
    https://www.backblaze.com/blog/nas-raid-levels-explained-choosing-the-right-level-to-protect-your-nas-data/
    INFO: ┼Üwietne opracowanie tematu RAIDów prosto od Backblaze. Bardzo przyst─Öpnie opisana zasada dzia┼éania ka┼╝dej z wersji, wraz z plusami i minusami danego rozwi─ůzania.

  7. Connectis C_hub - projekty dopasowane do Twoich umiej─Ötno┼Ťci i zainteresowa┼ä [sponsorowane]
    https://connectis.pl/c-hub
    INFO: Dzi─Öki C_hub, oszcz─Ödzisz czas na poszukiwaniu projektów, które CI─Ö interesuj─ů. Dzi─Öki temu rozwi─ůzaniu to projekty znajd─ů Ciebie. Zarejestruj si─Ö w serwisie i sprawd┼║, jak to dzia┼éa. Warto tak┼╝e do┼é─ůczy─ç do spo┼éeczno┼Ťci na Discordzie zwi─ůzanej z projektem.

  8. Dlaczego Polska by┼éa pod wod─ů w Windows XP i Windows 2000?
    https://devblogs.microsoft.com/oldnewthing/20061027-00/?p=29213
    INFO: Za czasów WIndowsa 95 wszystko dzia┼éa┼éo poprawnie, jednak przy wprowadzeniu na rynek Windowsa XP/2000, nagle zamiast Polski pojawi┼éo si─Ö... polskie morze, a konkretniej mówi─ůc niebieska plama wody w miejscu, w którym powinien by─ç nasz kraj. Sk─ůd wzi─Ö┼éo si─Ö 'Polish Sea'? Ciekawy (cho─ç ju┼╝ do┼Ť─ç stary) opis przyczyny tego buga.

  9. Wideo kurs "NGINX w godzin─Ö" - wersja 2.0 [autopromocja]
    https://nginx.mikr.us/
    INFO: Nowa ods┼éona mojego kursu NGINXa, rozbudowana o 4 nowe lekcje zwi─ůzane z loadbalancingiem, cachowaniem, basic auth i mapami w konfiguracji. Kurs jest dost─Öpny w sta┼éej sprzeda┼╝y, ale tylko do soboty obowi─ůzuje jeszcze cena z wersji 1.0. Je┼Ťli kupi┼ée┼Ť pierwsz─ů wersj─Ö, to na Twoim koncie jest ju┼╝ dost─Öpna aktualizacja do wersji 2.0.

  10. Niedostrzegalne elementy przy projektowaniu interakcji - czego nie widzi user? (UI/UX)
    https://rauno.me/craft/interaction-design
    INFO: Wszyscy znamy linki, przyciski, paski przewijania, ale to tylko wierzcho┼éek góry lodowej w kategorii interakcji z u┼╝ytkownikiem. Istniej─ů jeszcze metody interakcji z interfejsem, które s─ů tak naturalne, ┼╝e praktycznie ich nie zauwa┼╝amy, ale kto┼Ť jednak musia┼é je zaimplementowa─ç. Ten artyku┼é ┼Ťwietnie pokazuje, jak taki 'interaction design' mo┼╝e wygl─ůda─ç.

  11. Wyja┼Ťnienie HTMX in 100 seconds
    https://www.youtube.com/watch?v=r-GSGH2RxJs
    INFO: Jest szansa, ┼╝e s┼éysza┼ée┼Ť o bibliotece HTMX, która pozwala na szybkie zaprogramowanie frontendu bez konieczno┼Ťci pisania kodu JS, tworz─ůc interakcje (┼é─ůcznie z obs┼éug─ů Ajaxa, WebSocketów itp.) w samym HTML. Pod spodem oczywi┼Ťcie dzia┼éa JS, ale magia polega na tym, ┼╝e programista pisze jedynie kod HTML. Ten film wyja┼Ťnia, na czym polega u┼╝ycie tej biblioteki.

  12. Omówienie najpopularniejszych architektur API (film, 5 minut)
    https://www.youtube.com/watch?v=4vLxWqE94l4
    INFO: SOAP, RESTful, GraphQL, gRPC i kilka innych. Czym si─Ö od siebie ró┼╝ni─ů i jak dzia┼éaj─ů? Bardzo zwi─Öz┼éa prezentacja daj─ůca ogólny pogl─ůd na dan─ů technologi─Ö.

  13. Jak bezpieczne b─Ödzie wspó┼éczesne szyfrowanie w 2030 roku?
    https://articles.59.ca/doku.php?id=em:20482030
    INFO: Przez lata twierdzono, ┼╝e 2048-bitowe klucze RSA s─ů wystarczaj─ůco bezpieczne. Obecnie jednak sugeruje si─Ö u┼╝ywanie kluczy o minimalnej mocy 3072 bitów, poniewa┼╝ te poprzednio rekomendowane b─Öd─ů teoretycznie ┼éatwo ┼éamliwe do 2030 roku. Sk─ůd takie przypuszczenie i co to dla nas oznacza? Tego dowiesz si─Ö z artyku┼éu.

  14. Raport "State of API 2023" od Postmana
    https://www.postman.com/state-of-api/
    INFO: Du┼╝e badanie przeprowadzone na ponad 37 tysi─ůcach programistów na temat tego, jak korzystaj─ů z API. Jakie technologie wykorzystuj─ů i jak wygl─ůda ich praca. Nawigacja po raporcie jest bardzo niewygodna. Kliknij "Read the Report" na ko┼äcu tekstu, aby zobaczy─ç spis tre┼Ťci.

  15. Jak zrozumie─ç Apache Kafka za pomoc─ů... gry Factorio
    https://ruurtjan.medium.com/understanding-kafka-with-factorio-74e8fc9bf181
    INFO: Autor t┼éumaczy niektóre z koncepcji znanych z Kafki na przyk┼éadzie mechanizmów dzia┼éaj─ůcych w grze Factorio (to gra poniek─ůd zwi─ůzana z programowaniem/automatyzacj─ů - warto rzuci─ç okiem).

  16. U┼╝ywa─ç DOM­Content­Loaded do ┼Ťledzenia wydajno┼Ťci frontendu?
    https://csswizardry.com/2023/07/in-defence-of-domcontentloaded/
    INFO: Wielu frontendowców mierzy szybko┼Ť─ç ┼éadowania aplikacji poprzez wspomniany event. Z jednej strony jest to jaka┼Ť sensowna, policzalna metryka. Z drugiej jednak (co zobaczysz na pierwszym animowanym przyk┼éadzie na podlinkowanej stronie), nie zawsze przek┼éada si─Ö to na realny user experience. Co wi─Öc mierzy─ç i jak mierzy─ç, aby by┼éo dobrze?

  17. Jak mały może być skompilowany program w .NET?
    https://blog.washi.dev/posts/tinysharp/
    INFO: Autor podj─ů┼é wyzwanie stworzenia najmniejszego mo┼╝liwego pliku wykonywalnego, wypisuj─ůcego zdanie "Hello World" w technologii .NET. Artyku┼é omawia krok po kroku zastosowane optymalizacje. Interesuj─ůce.

  18. Czy da si─Ö zdoby─ç imi─Ö u┼╝ytkownika Maca za pomoc─ů mDNS?
    https://fingerprint.com/blog/apple-macos-mdns-brute-force/
    INFO: Ciekawy eksperyment pokazuj─ůcy, ┼╝e w pewnych warunkach mo┼╝liwe jest sprawdzenie, jak ma na imi─Ö u┼╝ytkownik odwiedzaj─ůcy stron─Ö. Zgadywanie imienia odbywa si─Ö metod─ů si┼éow─ů z u┼╝yciem mDNS i dzia┼éa jedynie wtedy, gdy w nazwie Twojego komputera wyst─Öpuje Twoje imi─Ö (co jest domy┼Ťlnym ustawieniem na MacOS / iOS).

  19. Server Side CSS? - tak, to mo┼╝liwe ;)
    https://dev.to/thormeier/dont-try-this-at-home-css-as-the-backend-what-3oih?s=35
    INFO: Nie wnikajmy, w jakim celu autor u┼╝ywa CSS-a do generowania zawarto┼Ťci stron, wykonywania oblicze┼ä matematycznych i ustawiania routingu w aplikacji webowej. U┼╝ywanie CSS-a jako backendu, jest to oczywi┼Ťcie 'sztuka dla sztuki', ale jakby nie patrze─ç, czego┼Ť z tego podej┼Ťcia mo┼╝na si─Ö nauczy─ç. Przyjemna lektura.

  20. Opus Clip - automat AI do tworzenia Rolek/Shortów
    https://www.opus.pro/
    INFO: Nagrywasz filmy na YouTube i chcesz przerobi─ç je mo┼╝liwie szybko i ┼éatwo na zajawki wrzucane do sieci spo┼éeczno┼Ťciowych? Ten automat zrobi to za Ciebie. Sam wybierze interesuj─ůce fragmenty, sam je wytnie, wyrenderuje i z jednego filmu przygotuje Ci nawet 10 materia┼éów wideo. Maj─ů w ofercie plan darmowy.

  21. Generator zestawu ćwiczeń fizycznych
    https://workout.lol/
    INFO: Wybierz, jakie akcesoria posiadasz w domu (a mo┼╝e nie masz niczego?), nast─Öpnie zaznacz, które mi─Ö┼Ťnie chcesz ─çwiczy─ç i przyst─ůp do ─çwicze┼ä. Ka┼╝dy element workoutu posiada instrukcj─Ö wykonywania ─çwiczenia w formie wideo.

  22. IMMICH - alternatywa selfhosted dla Google Photos
    https://immich.app/
    INFO: Nie chcesz trzyma─ç swoich zdj─Ö─ç i filmów w chmurze Google, a jednocze┼Ťnie dysponujesz w┼éasnym serwerem (mo┼╝e by─ç VPS)? To rozwi─ůzanie jest dla Ciebie. Automatycznie backupuje media z telefonu i wrzuca je na samohostowaln─ů platform─Ö.

  23. Parsujesz adresy URL dostarczone przez u┼╝ytkownika?
    https://azeemba.com/posts/what-is-a-url.html?ref=refind
    INFO: Parsowanie URLi nie jest takie proste, jak mog┼éoby si─Ö wydawa─ç i zaawansowany u┼╝ytkownik (agresor chc─ůcy zaatakowa─ç aplikacj─Ö) mo┼╝e wykorzysta─ç to na swoj─ů korzy┼Ť─ç. Warto rzuci─ç okiem na artyku┼é i przy okazji zapozna─ç si─Ö z nagraniem prelekcji z pocz─ůtku tekstu.

  24. Clickvote - otwarto┼║ród┼éowy mechanizm do implementacji ocen w aplikacji webowej
    https://dev.to/github20k/clickvote-open-source-upvotes-likes-and-reviews-to-any-context-3ef9
    INFO: Chcesz podpi─ů─ç 'gwiazdki' z ocenami do dowolnej fotki, formularza, czy produktu na stronie? Jeden ma┼éy fragment kodu i gotowe. Sekretem jednak jest to, co siedzi pod spodem. Linkuj─Ö do artyku┼éu opisuj─ůcego budow─Ö Clickvote, a nie do samego repo.

  25. Rejestratorzy domen polecani przez developerów
    https://blog.pragmaticengineer.com/domain-registrars-which-developers-recommend/
    INFO: Wyniki mini ankiety (250+ uczestników) na temat polecanych rejestratorów domen. Kogo lubi─ů i za co? Co sprawia, ┼╝e u┼╝ywaj─ů tego, a nie innego dostawcy domen?

  26. DriverJS - biblioteka do tworzenia przewodników po aplikacji
    https://driverjs.com/
    INFO: Kojarzysz typowy onboarding stosowany cz─Östo w aplikacjach typu SaaS, gdzie pod┼Ťwietlane s─ů ró┼╝ne funkcje w panelu u┼╝ytkownika i tooltipy informuj─ů jak korzysta─ç z tej konkretnej appki? To Driver potrafi przygotowa─ç taki w┼éa┼Ťnie tour po aplikacji. Kliknij czarny przycisk z demo, a zobaczysz, o co dok┼éadnie chodzi.

  27. AppTotal - informacje na temat aplikacji SaaS korzystaj─ůcych z OAuth
    https://apptotal.io/
    INFO: Logujesz si─Ö do aplikacji przez OAuth, ale czy zastanawia┼ée┼Ť si─Ö kiedy┼Ť, kto jest jej autorem? Dok─ůd wysy┼éane s─ů Twoje dane i czy wymagane uprawnienia s─ů naprawd─Ö potrzebne tej aplikacji? AppTotal potrafi prze┼Ťwietli─ç aplikacj─Ö np. na podstawie Googlowego Client ID, czy te┼╝ po jej nazwie.

  28. Wygeneruj pe┼én─ů aplikacj─Ö React/Node.js przy pomocy ChatGPT
    https://magic-app-generator.wasp-lang.dev/
    INFO: Opisz w┼éasnymi s┼éowami, jak─ů aplikacj─Ö chcesz stworzy─ç (im dok┼éadniejszy opis, tym lepsze efekty), a sztuczna inteligencja wygeneruje dla Ciebie gotowy i dzia┼éaj─ůcy kod napisany z u┼╝yciem React, Node.js, Prismy i Waspa.

  29. Generator scrollowanych screenshotów
    https://damngood.tools/tools/scrolling-screenshots
    INFO: Podajesz adres strony, wybierasz urz─ůdzenie i format wyj┼Ťciowy, a w odpowiedzi otrzymujesz plik z filmem pokazuj─ůcym scrollowanie po Twojej stronie. Mo┼╝e to by─ç atrakcyjny sposób pokazania np. miniatury layoutu, czy filmów z kursu online.

  30. Jak sprytnie wykona─ç comboboxy w aplikacji webowej?
    https://adrianroselli.com/2023/06/under-engineered-comboboxen.html
    INFO: Zacznijmy od tego, czym s─ů tajemnicze 'comboboxy'. To skrzy┼╝owanie inputa z selectem. Mo┼╝esz tam wpisa─ç w┼éasn─ů warto┼Ť─ç albo wybra─ç co┼Ť z predefiniowanych warto┼Ťci. Przy wpisywaniu dzia┼éa jeszcze autouzupe┼énianie. Jak taki efekt osi─ůgn─ů─ç?

  31. Praca z wirtualnymi maszynami na Macu
    https://jvns.ca/blog/2023/07/10/lima--a-nice-way-to-run-linux-vms-on-mac/
    INFO: U┼╝ytkownicy Maców od lat u┼╝ywali Virtualboxa, a┼╝ tu nagle pojawi┼éa si─Ö rodzina procesorów ARM i Virtualbox musia┼é pój┼Ť─ç w odstawk─Ö (obs┼éuguje on tylko x86). Jak najwygodniej rozpocz─ů─ç prac─Ö z VM na procesorach M1/M2? Autorka sugeruje dwie aplikacj─Ö: Lim─Ö oraz OrbStack. Ja bym dorzuci┼é jeszcze UTM-a.

  32. Napisz własny generator "tierlist" w Pythonie
    https://www.freecodecamp.org/news/python-tier-list-maker/
    INFO: Tierlisty, to co┼Ť na wzór rankingów. Czasami prezentuje si─Ö w ten sposób najlepsze ksi─ů┼╝ki, ulubione seriale, aktorów itp. Gdy zobaczysz przyk┼éad w artykule, to jest szansa, ┼╝e zrozumiesz, o co chodzi. Autor wyja┼Ťnia tutaj, jak stworzy─ç generator takich zestawie┼ä, którego efektem pracy jest plik graficzny ze wspomnian─ů tierlist─ů.

LINKI TYLKO DLA PATRONÓW

  1. Jak bezpiecznie tworzy─ç aplikacje wykorzystuj─ůce AI
    https://uw7.org/un_480123b42cd94
    INFO: Mowa tutaj nie o generowaniu kodu aplikacji, a o integrowaniu swojej aplikacji z AI. Taka integracja niesie ze sob─ů spore ryzyko w zwi─ůzku z niebezpiecze┼ästwem wycieku danych, ataków prompt injection itp. Jak temu zaradzi─ç?

 

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!